Learning on Web Dev Open is free for all.

Immersive Web > Light, motion and the feel of weightScroll-driven choreography
Phase 07Light, motion and the feel of weight362 of 434

Scroll-driven choreography

Map scroll progress to a scene state, damp it so it has mass, and resist the urge to take the scrollbar away from people.

Build45 minAI implements

Build this in your own editor

This one runs on your machine rather than in the browser workbench. Work to the outcomes below, then come back and mark it complete.

You should now be able to

  • Drive a camera and scene state from scroll progress
  • Damp input so motion has inertia without lag
  • Keep the page usable with keyboard, find-in-page and a jumped anchor
Ask the community

Loading…

← PreviousPost-processing costs one full-screen pass eachLight, motion and the feel of weightNext →Easing, damping and the feel of weightLight, motion and the feel of weight