HTML5 Canvas · zero dependencies
32 cyan blocks. One yellow ball. Three lives. Read the angle off the paddle, chain your streak, and clear the board before the floor wins.
Field manual
The ball rides the paddle until you commit. A dashed guide previews the first vector — it leaves at 2 / −2.8, never straight up.
Hit right of centre, the ball leaves right. Contact near the tip opens the angle to roughly 65°, and a moving paddle adds spin on top.
Every brick cleared before the paddle is touched raises the streak and the blip pitch. Touching the paddle resets it to zero.
The magnitude is renormalised after every bounce — it never drifts. Every 8 bricks it creeps up, capped at 4 px per frame.
side overlap → flip vxy < r → vy = |vy|v = (sin θ, −cos θ) · speedsmallest overlap → flip vysmallest overlap → flip vxy − r > 600 → lives − 1closest hit only, push out, 2 substeps