Scroll-driven 3D

A scroll story maps one number, scroll progress from 0 to 1, onto scene state: camera position, model rotation, a clip's time, material opacity. Keep that mapping in one place, drive it from a single scroll source, and render from the frame loop. Most broken scroll scenes have two scroll sources fighting, state set in scroll events instead of the frame loop, or no reduced-motion path.

Process