Game: Breakout
Theme: Neon
Date: 2026-04-05

## Prompt

Create a single-file HTML5 Canvas Breakout game called "Shatterlight" with a neon cyberpunk theme.

**Core mechanics:**
- Paddle at the bottom, ball bounces off paddle and walls, destroys bricks.
- 5 rows of bricks, 10 per row. Bricks take 1–3 hits depending on row (top rows tougher).
- Ball speed increases by 5% every 10 bricks destroyed.
- Paddle shrinks by 10% each level after level 1.
- Levels regenerate bricks with +1 hit to all rows and faster ball.
- 3 lives. Lose a life when ball passes below paddle.
- Score: 10 points per brick hit, 50 bonus per brick destroyed, 500 bonus per level cleared.
- High score persisted to localStorage.

**Visual treatment — Neon:**
- Deep navy/black gradient background (#0a0a1a to #1a0a2e).
- Bricks are neon-coloured rectangles with soft glow (cyan, magenta, lime, orange, violet).
- Brick hit flashes white, brick destroy triggers 8–12 neon particle burst.
- Paddle is a glowing cyan bar with subtle pulse animation.
- Ball is a small bright white circle with a trailing glow tail (last 8 positions).
- Ambient floating particles drift upward slowly across the background.
- Score and lives rendered in monospace neon cyan, top-left and top-right.
- Screen shake on life lost (4px, 150ms).
- Subtle CRT scanline overlay at 5% opacity.

**Game states:**
- Start: title "SHATTERLIGHT" in large glowing text, animated particle shower, "Press SPACE or Tap to Start", control hints.
- Playing: live gameplay, score, lives, level indicator.
- Paused: semi-transparent dark overlay, "PAUSED" text, "Press P or tap pause button to resume".
- Game Over: final score, high score comparison, "Press SPACE or Tap to Play Again".

**Controls:**
- Keyboard: Left/Right arrows or A/D to move paddle. Space to launch ball. P to pause. ESC to pause.
- Mouse: paddle follows mouse X position. Click to launch ball.
- Mobile: touch drag moves paddle. Tap to launch ball. On-screen pause button (top-right).
- Prevent default on touch events on canvas.

**Technical:**
- requestAnimationFrame with delta-time scaling.
- devicePixelRatio retina support.
- Responsive canvas (fills viewport, 16:9 max aspect ratio).
- prefers-reduced-motion: disable particles and screen shake.
- Web Audio API procedural sounds: paddle hit (short blip), brick hit (higher pitched), brick destroy (descending chirp), life lost (low buzz), level clear (ascending arpeggio).
- Mute button in corner.
- Inline SVG favicon (neon diamond shape).
- SEO meta tags with Open Graph and Twitter Card.

## Notes

Classic Breakout is a Tier 1 game — well-scoped, satisfying to play, and a strong showcase for visual polish. The neon theme provides vivid contrast and makes particle effects pop. Ball trail and ambient particles add life even during quiet moments. CRT scanlines reinforce the arcade aesthetic without obscuring gameplay.