Atmos Clone is an interactive 3D spatial experience exploring scroll-driven camera choreography and particle field simulations in WebGL. Built with Next.js, Three.js, and GSAP ScrollTrigger.
Scroll-Choreographed Camera Arc
Using GSAP ScrollTrigger timeline interpolation, the WebGL camera moves through a sequence of 3D coordinates mapped to scroll progress. Frame rate is locked to 60fps via dynamic device pixel ratio scaling (dpr={[1, 1.5]}).