2024-12-14.16-12-44.mp4
A modern artistic reimagining of the classic Brick Breaker game with unique visual elements and smooth gameplay mechanics.
Navigate a magical shooting star across the screen, complete with glowing particle trail effects that create beautiful light patterns as you play.
Control an elegant deer paddle that gracefully moves to bounce the star, bringing a touch of natural beauty to the classic paddle mechanic.
Break through vibrant, colorful bricks that create stunning particle effects upon collision, set against a smoothly animated gradient background.
Enjoy a rich visual experience with dynamic particle effects for ball trails, brick collisions, and paddle impacts.
- Smooth, responsive controls
- Lives tracking system
- Score counter
- Victory and game over states
- Elegant messaging system
Built entirely with vanilla JavaScript and HTML5 Canvas - no external libraries or dependencies required.
- Clone the repository
git clone https://github.com/ChanMeng666/html-brick-game.git- Open
index.htmlin your browser - Click "Start the game" to begin playing
- Use your mouse to control the deer paddle
- Move your mouse to guide the deer paddle horizontally
- Bounce the shooting star to break all the bricks
- Don't let the star fall below the paddle
- Break all bricks to win the game
- You have 3 lives to complete your mission
index.html: Game container and UI elementsgame.js: Core game logic and renderingstyles.css: Styling and animationsSVG/: Visual assets for the deer paddle and star
You can customize various game parameters in game.js:
- Ball speed and size
- Paddle dimensions
- Brick layout and colors
- Particle effect properties
- Background animation speed
Contributions are welcome! Feel free to submit pull requests or open issues for bugs and feature requests.
This project is licensed under the MIT License - see the LICENSE file for details.
https://chanmeng666.github.io/html-brick-game/
Created with ❤️ by ChanMeng666
