🎮 Pinball Machine: Gravity (2D)

The collision physics is the same vector-reflection approach used by the 3D version's bumpers, pegs and flippers, but rendered as a flat top-down 2D canvas instead of a WebGL/Three.js scene, and it exposes friction and bumper-kick as sliders that the 3D version keeps fixed.

Bumpers and pegs are circles. When the ball overlaps one, it is pushed back out along the contact normal and its velocity is reflected across that normal (v' = v - 2(v·n)n); bumpers additionally scale the outgoing speed by the bumper-kick factor, while pegs leave speed unchanged.

Each flipper is a rotating line segment. With auto-play on, a flipper swings toward the ball whenever it drifts within range, mirroring the 3D original's proximity trigger. Turning auto-play off lets you fire either flipper yourself with the on-screen buttons or the left/right arrow keys.

If the ball passes below both flippers without being caught, it counts as a drain, the drain counter increments, and the ball respawns near the top of the table so play continues without needing to press Launch again.