A real-time interactive 3D scene built entirely on the new Three.js WebGPU renderer and TSL (Three Shading Language). 4,000 particles orbit a glowing cube driven by custom physics — magnetic forces, cursor attraction, and orbital velocity constraints. A single guide particle follows your mouse in world space, pulling the swarm with it. All shading is written in TSL: additive glow, radial falloff, pulsing emission, and per-instance color snapshots at birth. No postprocessing — just raw WebGPU.
Stack: React 19 · React Three Fiber · Three.js r183 · WebGPU · TSL · Zustand · Vite 8
If you know of anything else that would be cool to implement, like a portfolio or something else I can learn by doing, please leave it below.
