Singularity — optimized React Three Fiber demo

A cluster of hundreds of everyday objects — cassettes, vinyls, cameras, film reels — pulled into a slowly rotating mass over an airfield, simulated with Rapier physics and rendered with React Three Fiber on top of Next.js. The demo accompanies a Codrops tutorial on keeping a scene this dense at frame rate: draco-compressed and gltfjsx-transformed models, shared materials and instanced draw calls, an HDRI-lit environment instead of dynamic lights, and postprocessing kept to a single pass. Source in the codrops-singularity-demo repository on GitHub.

Made by Niccolò Fanton. Browse all WebGL demos on the demo hub.