A simple 2D Breakout browser game built using JavaScript and HTML5 Canvas.
The player controls a paddle to bounce a ball and break all the bricks on the screen.
This project is a classic Breakout-style arcade game implemented using JavaScript.
The objective of the game is to destroy all bricks by bouncing the ball with a paddle while preventing the ball from falling below the screen.
The game demonstrates concepts like canvas rendering, keyboard controls, collision detection, and game logic in JavaScript.
- Paddle controlled using keyboard arrows
- Ball movement and wall collision detection
- Brick collision detection
- Score tracking system
- Multiple levels
- Player lives system
- Game over and restart option
- Sound effects with ON/OFF control
- HTML5 Canvas
- JavaScript
- CSS
| Key | Action |
|---|---|
| Left Arrow | Move paddle left |
| Right Arrow | Move paddle right |
-
Clone the repository git clone https://github.com/biki456/2D-Breakout-Game-JavaScript.git
-
Open the project folder
-
Run the game by opening index.html in your browser.
Bikita Hait
Python Full Stack Developer (Fresher)
GitHub: https://github.com/biki456
Portfolio: https://biki456.github.io/Portfolio
LinkedIn: https://www.linkedin.com/in/bikita-hait-2b59b91b3