Journal
Jul 9, 2026·1 min readWebGL

Designing scroll-driven worlds

Scroll as a timeline

Treat the scrollbar as a film timeline: every pixel of scroll maps to a frame of camera motion.

Easing is everything

Damped interpolation between keyframes keeps motion luxurious instead of jarring.

camera.position.lerp(target, 1 - Math.pow(0.001, delta));