Adding New Classic Game Breakout's Replicate Brick Breaker#6
Open
nothariharan wants to merge 3 commits intoHana0914:mainfrom
Open
Adding New Classic Game Breakout's Replicate Brick Breaker#6nothariharan wants to merge 3 commits intoHana0914:mainfrom
nothariharan wants to merge 3 commits intoHana0914:mainfrom
Conversation
Author
|
@Hana0914 Do let me know if there are any issues |
Hana0914
force-pushed
the
main
branch
26 times, most recently
from
8ee9842 to
45cb1a9
Compare
Hana0914
force-pushed
the
main
branch
30 times, most recently
from
2b27e11 to
194d475
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Brick Breaker Game
Overview
This project is a complete implementation of the classic Brick Breaker arcade game, built entirely from scratch using fundamental web technologies: HTML, CSS, and JavaScript. It's a single-file web application designed to be simple, portable, and easy to run in any modern web browser.
Features
Classic Gameplay: Control a paddle to bounce a ball and destroy all the bricks on the screen.
Score & Lives System: Keep track of your score as you break bricks and manage your three lives.
Responsive Controls: Smooth paddle movement controlled by mouse or touch gestures.
Win/Loss Conditions: The game ends with a "You Win!" or "Game Over" message.
Retro Aesthetics: Styled with a retro, pixel-art-inspired font and a vibrant, neon color scheme.
No Dependencies: Built with pure JavaScript (no game engines or external libraries were used for the core logic).
Technologies Used
This game was developed using only the core building blocks of the web:
HTML: For the basic structure of the game, including the canvas and UI elements.
CSS: For all styling, layout, and retro-inspired visuals.
JavaScript (ES6+): For all game logic, including rendering, physics, collision detection, and state management.
The entire application is self-contained in a single HTML file for simplicity, with the CSS and JavaScript embedded directly.
How to Play
Open the brick_breaker.html file in any web browser.
Click the "Start Game" button.
Move your mouse left and right (or use your finger on a touch device) to control the paddle at the bottom of the screen.
Your objective is to break all the bricks by hitting them with the ball.
If you miss the ball and it goes past your paddle, you will lose a life. The game is over when you run out of lives.
This project demonstrates a solid understanding of front-end web development fundamentals and DOM manipulation to create an interactive experience.