← Games
🧱
Brick Breaker
One paddle, one ball, way too many bricks — build the arcade classic that never gets old.
🔴 HardDifficulty
4-6 hoursTime
JavaScript, TypeScriptLanguages
What you're building
You're building a real physics-driven arcade game — a paddle you control with your mouse or arrow keys, a ball that bounces off walls and your paddle at realistic angles, and a grid of colorful bricks that shatter (well, disappear) as you smash through them. You'll track score and lives, handle a proper game-over and win state, and end up with something that genuinely feels like an old-school arcade cabinet running in your browser.
What you'll unlock 🔓
You'll need
- Comfortable with JavaScript functions
- Basic trigonometry helps but isn't required
- A code editor
- A browser
🗺️ Build roadmap
01 Set up the canvas and draw the paddle
→
02 Add the ball and get it bouncing off walls
→
03 Make the paddle controllable
→
04 Add paddle collision so the ball doesn't fall through
→
05 Build the brick grid
→
06 Add brick collision and scoring
→
07 Add lives and game over
→
08 Add the win condition and polish
🔒
Log in to start building
Your first project is free -- create an account to unlock it.
Log in Sign up free