🎞️ Frame-by-Frame Animation: 2D Timing Lab
Interactive 2D side view of a bouncing ball animated like a hand-drawn film: choose drawings per second, shoot on ones, twos or threes, see onion-skin ghosts and spacing marks, and compare real gravity-and-bounce physics with keyframes shaped by a draggable Bezier easing curve plus volume-preserving squash and stretch.
⚙ Under the hood
Interactive 2D side view of a bouncing ball animated like a hand-drawn film: choose drawings per second, shoot on ones, twos or threes, see onion-skin ghosts and spacing marks, and compare real gravity-and-bounce physics with keyframes shaped by a draggable Bezier easing curve plus volume-preserving squash and stretch.
animationtiming and spacingsquash and stretcheasingonion skinarts
2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install