A classic Breakout/Arkanoid clone built with vanilla HTML, CSS, and JavaScript — no frameworks, no dependencies. Just open and play!
Control the paddle at the bottom of the screen to bounce the ball into the brick grid above. Break all the bricks to advance to the next level. Each brick destroyed adds to your score — chain consecutive hits for combo bonuses!
- Score increases with each brick destroyed (combo multiplier up to 20x)
- Lives (hearts) — lose all 3 and it's game over
- Levels — clear all bricks to advance
- Particles & screen shake add satisfying feedback
- Smooth paddle control (mouse or keyboard)
- Physics-based ball bouncing with angle reflection
- 8 rows × 10 columns of colorful gradient bricks
- Particle explosions on brick destruction
- Combo system for consecutive hits
- Screen shake on impact
- Responsive layout (works on mobile)
- Touch support for mobile devices
- Keyboard arrow keys or A/D as fallback
Simply open index.html in any modern web browser.
python3 -m http.server 8080
# Then open http://localhost:8080| Input | Action |
|---|---|
| 🖱️ Mouse | Move paddle |
| 🖱️ Click / Space | Launch ball |
| 👆 Touch (mobile) | Drag paddle + tap to launch |
| ⬅️ ➡️ / A D | Keyboard left/right |
- HTML5 Canvas — rendering
- CSS3 — styling, responsive layout, dark theme
- Vanilla JavaScript — all game logic, no libraries
brick-breaker/
├── index.html # Entry point
├── style.css # Visual styling
├── game.js # Full game engine
├── LICENSE # MIT license
└── README.md # This file
MIT