Arcade system · HTML5 canvas 2D · 60 fps

BRICKOUT

A 400×600 playfield, an 8×4 cyan wall, one yellow ball at 3–4 px/frame. Thirty-two bricks, ten points each, three balls. Everything drawn with the Canvas API — no engines, no libraries.

◉ insert coin

BEST RUN000
SCORE/320
000
BALLS LEFT3
WALL STATUS32
Breakout — 400 by 600 canvas game.

MOBILE → DRAG ANYWHERE ON THE SCREEN TO SLIDE THE PADDLE

CONTROLS
◀▶slide paddle
SPACElaunch ball
Ppause / resume
Rrestart run
Mmute audio
TELEMETRY60
dx +0.00
dy -0.00
spd 3.40
RUN LOG
SYSTEM READY.
AWAITING LAUNCH…

OPERATING MANUAL

Four rules, one vector

  1. 01

    LAUNCH

    The ball rests on the paddle at (200, 570). Tap, click or hit SPACE and it fires at a 45° vector — dx 2 / dy −2.8, normalised then scaled to the live speed.

  2. 02

    STEER

    Mouse, arrow keys, A/D, or a finger drag. The 60×10 paddle rides y=580 inside a locked 0–340px track, so it can never leave the playfield.

  3. 03

    BOUNCE

    Contact point decides the exit angle. Dead centre sends it straight up; the tips deflect up to 65°, and paddle motion adds a little english. The magnitude never changes.

  4. 04

    CLEAR

    Every brick is worth ten. Empty all 32 for the maximum 320. Drop three balls and the run is over — the canvas draws the scorecard with a RESTART target you can click or tap.