BRICK//BREAKER — HTML5 Canvas Arcade

BRICK//BREAKER

HTML5 Canvas · Vanilla JS · No Libraries

Hi-Score000

Frames60

Controls

01

◀▶

Move paddle

SPACE

Launch ball / pause

PR

Pause · Restart

M

Mute cabinet

MOUSE

Paddle tracks cursor

TOUCH

Drag anywhere on screen

Rules of Play

02

+10 per brick destroyed

32 bricks · perfect run 320

×3 lives, then game over

Ready

Readout

01

Score

000

3Lives

00:00Time

3.40Px / frame

Brick Matrix

02

Remaining32 / 32

Event Log

03

AABB collision detection · single-closest-brick resolution · fixed 60 fps timestep · velocity magnitude preserved · paddle-edge angle control · touch-drag support · canvas 400×600 · AABB collision detection · single-closest-brick resolution · fixed 60 fps timestep · velocity magnitude preserved · paddle-edge angle control · touch-drag support · canvas 400×600 ·