https://github.com/nidhiupman568/breakout-game

🎉 Welcome to my Breakout Game (Brick Breaker)! 🎉 This project recreates the classic arcade game using HTML 📝, CSS 🎨, and JavaScript 💻 with HTML5 Canvas 🎮.
https://github.com/nidhiupman568/breakout-game

breakout-game css front-end-development html interactive-web-design javascript web-animation web-development

Last synced: about 1 month ago
JSON representation

🎉 Welcome to my Breakout Game (Brick Breaker)! 🎉 This project recreates the classic arcade game using HTML 📝, CSS 🎨, and JavaScript 💻 with HTML5 Canvas 🎮.

• Host: GitHub
• URL: https://github.com/nidhiupman568/breakout-game
• Owner: nidhiupman568
• Created: 2024-06-06T22:28:41.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-09-06T20:17:36.000Z (6 months ago)
• Last Synced: 2024-11-11T16:27:04.242Z (3 months ago)
• Topics: breakout-game, css, front-end-development, html, interactive-web-design, javascript, web-animation, web-development
• Language: JavaScript
• Homepage: https://breakout-game-nidhiupman.vercel.app/
• Size: 7.81 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🕹️ Breakout Game (Brick Breaker) 🕹️

🎉 Welcome to my **Breakout Game (Brick Breaker)**! 🎉 This project recreates the classic arcade game using **HTML** 📝, **CSS** 🎨, and **JavaScript** 💻 with **HTML5 Canvas** 🎮.

Project Demo: https://nidhiupman568.github.io/BREAKOUT-GAME/

## ✨ Features ✨

- **Game Loop** 🔄: Implements a smooth game loop for continuous gameplay updates.

- **Paddle Control** 🕹️: Use mouse 🖱️ or touch input 📱 to move the paddle horizontally.

- **Ball Physics** ⚽: Handles ball movement, collision detection with walls, paddle, and bricks.

- **Score Tracking** 📊: Displays and updates the player's score as bricks are destroyed.

- **Level Generation** 🏗️: Generates new levels with different arrangements of bricks for endless play.

- **Game Over** 🛑: Detects when the ball goes out of bounds and resets the game.

## 🕹️ How to Play 🕹️

1. **Start the Game** 🚀: Open `index.html` in your browser.

2. **Move Paddle** 🎮: Use mouse 🖱️ or touch 📱 to control the paddle and prevent the ball from falling.

3. **Break Bricks** 🧱: Hit the ball ⚽ with the paddle to break bricks and earn points.

4. **Advance Levels** 🆙: Progress through multiple levels by clearing all bricks on the screen.

## 🚀 Getting Started 🚀

1. Clone the repository: 'https://github.com/nidhiupman568/BREAKOUT-GAME.git'

   

2. Open the `index.html` file in your browser.

## 🛠️ Technologies Used 🛠️

- **HTML5** 📝

- **CSS3** 🎨

- **JavaScript** 💻

## 📸 Screenshots (Output) 📸

![BREAKOUT GAME](https://github.com/nidhiupman568/BREAKOUT-GAME/assets/130860182/b85240bf-39bc-453c-8e3e-134c76272417)

Enjoy playing the Breakout Game! 🎉 Feel free to share your feedback or contribute to the project by making a pull request. Happy gaming! 🎮