Canvas 2D · Build BRK-400

BREAKOUT

8 × 4 lattice · 32 bricks · 320 points max · one 3 px ball travelling 3.44 px/frame · three lives. Zero libraries.

Lattice integrity

32 / 32 BRICKS

Score 000 Best000

Lives

Ball vel0.00

Frame60 fps

400 × 600 · 60 Hz sim

Move: mouse / ← → · Launch: click or SpaceDrag anywhere to steer · tap to launch

01 / OPERANDI

◀▶AD SPACEPMR

Steer paddleMouse · ← → · A D · finger drag
Launch ballClick · Tap · Space
Pause / restart / muteP · R · M

02 / SCORING

Brick destroyed+10 pts
Bricks on grid8 × 4 = 32
Perfect clear320 pts
Lives3 · ball below paddle
Ball speed3.0 – 4.0 px/frame

03 / ENGINE

Circle-vs-AABB with least-penetration axis resolution. The step is sub-stepped ×3 and only one brick resolves per sub-step, so no tunnelling, no brick-stacking, no double flips. Velocity magnitude is renormalised after every bounce; paddle angle is derived from contact offset up to 60°. Fixed accumulator at 16.67 ms keeps physics identical across refresh rates.