Breakout

About

A neon-styled Breakout clone packed into a single self-contained HTML file. Classic brick-breaker rules with modern polish — angle-based paddle reflection, gradually increasing ball speed, an extra life every 5,000 points, and 20 hand-designed level layouts that cycle endlessly (Triangle, Diamond, Cross, Pyramid, Hourglass, Frame, Circle Ring, Checker, Castle, and more). Eight rainbow brick rows score from 80 (top) down to 10 (bottom) points, rewarding aggressive top-row hunting. Procedurally generated sound effects (Web Audio API) play on every wall bounce, paddle hit, brick break, life loss, level clear, extra life, and game over — no external audio files required.

Prompt Used

A cross-platform Breakout game with keyboard controls on desktop, on-screen ◀ / ▶ / LAUNCH buttons on mobile, sound effects, and a one-tap start screen.

How to Use

Start the game

• Tap the big START button on the title screen — straight into play, no extra menus.
• The ball sits on the paddle until you tap LAUNCH (or press Space). Each new ball starts at a slightly randomized launch angle so consecutive serves aren't identical.

Mobile controls (below the board):

• ◀ / ▶ — slide the paddle left / right (hold to keep moving)
• LAUNCH — release the ball / serve a new one
• Pause / Restart — buttons in the top bar (restart asks YES / NO mid-game)

Keyboard controls (desktop):

• ← / → or A / D — move the paddle
• Space — launch the ball
• P — pause / resume

Scoring

• Brick points by row: 80, 70, 60, 50, 40, 30, 20, 10 (top to bottom)
• Every 5,000 points awards an extra life
• Clear all bricks on a level to advance — score, paddle position, and ball speed reset for the new layout

More

• Angle-based paddle physics — where the ball lands on the paddle (left edge ↔ right edge) controls the rebound angle, so you steer with positioning, not just blocking
• Speed ramp — every paddle hit nudges the ball faster, capped at a max speed so it stays playable
• Extra-life chime — a distinct ascending arpeggio plays the moment you cross a 5,000-point threshold
• 20 unique level shapes — Full, Triangle, Diamond, Cross, Pyramid, Stripes, Inverted Pyramid, X, Half-Grid, Hourglass, Frame, Pillars, Concentric Frame, Triangle Mirror, Circle Ring, 2×2 Block Checker, Ribbon, Checker, Vertical Stripes, Castle — then loops
• No assets, no dependencies — pure HTML / CSS / JS in one file; sounds are synthesized live via oscillators
• Mobile-locked viewport — vw units throughout so the layout scales identically on any phone width
• Restart confirmation — restarting mid-game asks YES / NO so you don't lose a good run by accident