Week 8: The Scroll Week 8

Unit: Teaching Through Story

Interaction Question: How does scroll become your storytelling medium?

Learning Outcomes

  • Load the ScrollTrigger plugin and register it with GSAP
  • Convert existing GSAP animations to scroll-triggered animations
  • Configure `trigger`, `start`, and `end` parameters for precise scroll control
  • Use `markers: true` for debugging scroll trigger positions
  • Implement `scrub` to link animation progress to scroll position
  • Calibrate scroll pacing to match reading speed
  • Disable scroll animations for `prefers-reduced-motion` users

Curriculum Activities

Learn

  • Learn: Scroll as Medium
    weeks/week-8/learn/learn-8-1-scroll-as-medium.md

Practice

  • Practice: The Scroll
    weeks/week-8/practice/practice-8-1-the-scroll.md

Build

  • Build: The Pulse
    weeks/week-8/build/build-8-1-the-pulse.md
  • Build: Three Chapters
    weeks/week-8/build/build-8-2-three-chapters.md

Reflect

  • Reflect: Visual Notes — Scroll Timeline Map
    weeks/week-8/reflect/reflect-8-1-visual-notes.md

Resources

  • Week 8 Resources: The Scroll
    weeks/week-8/resources/week-8-resources.md

Canvas Alignment

Module: week 8 (9)

  • active Build 7-2 The Pulse // GSAP Animations + All Content Written
  • active Project 2 // Issue-Based Project Management Workflow
  • active github-starter-tutorial
  • active FINAL: Lost in the Scroll