Wróć do projektów
WebGL Experience

Project Nebula 3D

Interaktywne środowisko 3D renderujące tysiące cząstek w czasie rzeczywistym, sterowane pozycją scrolla.

chillcode.pl/projects/nebula-3d
Project Nebula 3D

Wyzwanie

Utrzymanie 60 FPS przy tysiącach cząstek i powiązanie ich ruchu ze scrollem bez przycięć.

Rozwiązanie

Instancjonowane geometrie i shadery GLSL, z animacją liczoną na GPU zamiast na CPU.

Moja rola

Projekt, architektura sceny 3D i implementacja shaderów od zera.

Technologie

  • Three.js
  • React Three Fiber
  • WebGL
Live · wkrótce
Następny projektObsidian FinTech Dashboard

Opowiedz mi o projekcie

Zostaw kilka słów, a odpowiem w ciągu 24 godzin.