Experiment • Horizontal Navigation
Soft pastel. Bouncy motion.
Vertical wheel becomes horizontal travel. Now driven by a spring so it overshoots a bit and settles—more “alive” than plain easing.
Principle
Make each panel a “chapter.”
Horizontal scroll feels intentional when each panel has a clear message and consistent rhythm. Bouncy motion helps, but only if the content stays readable.
Implementation
Spring physics, not “lerp”.
We keep a targetX and let a spring solve position/velocity each frame. Lower damping = more bounce, higher stiffness = snappier response.
Notes
Don’t bounce forever.
If damping is too low, it feels like jelly and gets tiring. The “sweet spot” is: one overshoot, then settle quickly.