🎮 Breakout Ball Game

A modern, multi-level Breakout-style ball game built using HTML, CSS, and JavaScript. Features include animated visuals, increasing difficulty, responsive UI, and a stylish retro design.

---

🌟 Features

• 🧱 10 levels with increasing difficulty
• 🕹️ Mouse-controlled paddle
• 💥 Brick-breaking mechanics
• 🌈 Animated rainbow border and gradient background
• 🧾 Score and level labels using pixel-style fonts
• 🎮 "Game Over" screen with click-to-restart
• 💻 Fully responsive and fits all screen sizes (no scroll)

---

📁 File Structure

Breakout_ball/ ├── index.html # Main HTML structure ├── styles.css # Custom styles, fonts, animations ├── main.js # Game logic (ball, paddle, bricks, scoring) ├── assets/
│ └── press-start-2p.woff # Retro game font (Google Fonts) └── README.md # Project documentation

🚀 Getting Started

1. Clone or Download the Repository

git clone https://github.com/your-username/Breakout_ball.git

cd Breakout_ball

2. Open in Browser

Just open index.html in your browser. No build tools or server required!

📚 Technologies Used HTML5 Canvas for game rendering

JavaScript (ES6) for game logic

CSS3 for layout and animations

Google Fonts – Press Start 2P

✨ Customization You can easily:

Change game colors in styles.css

Adjust level mechanics in main.js

Add sound effects, particle systems, or power-ups

🧠 Ideas for Future Improvements 🔊 Add music/sound effects

🧲 Paddle power-ups (size increase, sticky ball, etc.)

🎨 Themes and difficulty modes

🏆 High score saving (using localStorage)

🙌 Acknowledgments <<<<<<< HEAD Inspired by the classic Atari Breakout game. Font used: Press Start 2P by Codeman38.

Inspired by the classic Atari Breakout game. Font used: Press Start 2P by Codeman38.

0f539a333bf2c5fbdf00e83e9acfc96bf1ad529d