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.

Spring translate Drag + inertia Dots + snap
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.

Clear endpoints Stable hierarchy Progress visible
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.

Overshoot + settle Arrow keys Snap on release
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.

1 overshoot fast settle readability first
Tip: drag anywhere • Shift+wheel