Breakout

HTML5 Canvas · 400×600 field · vanilla build
Ready
Field 8×432 bricksBall r3

Controls

  1. 01

    Serve the ball with Space, Enter, a click on the field, or a finger tap. Launch angle is 45° ± 8°, alternating sides — never straight up.

  2. 02

    Steer with ← → or A D. A mouse over the field snaps the paddle to the cursor.

  3. 03

    On touch, drag anywhere on the board — the paddle chases the finger with eased smoothing, clamped to 0–340px. Portrait and landscape both hold the 2:3 aspect.

  4. 04

    Freeze with P, rebuild the wall with R or the on-canvas restart plate.

Collision ledger

wall ↔ flip dx, clamp to bounds
ceiling flip dy
brick top/bottom flip dy
brick side flip dx
side chosen by smallest overlap axis
paddle face ±60° arc from contact offset
paddle edge flip dx
substep 1.5px · one hit resolved per step
per-frame brick lock 2 steps