Skip to content

๐ŸŽ‰ Welcome to my Breakout Game (Brick Breaker)! ๐ŸŽ‰ This project recreates the classic arcade game using HTML ๐Ÿ“, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป with HTML5 Canvas ๐ŸŽฎ.

Notifications You must be signed in to change notification settings

nidhiupman568/BREAKOUT-GAME

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

5 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ•น๏ธ 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

Enjoy playing the Breakout Game! ๐ŸŽ‰ Feel free to share your feedback or contribute to the project by making a pull request. Happy gaming! ๐ŸŽฎ

About

๐ŸŽ‰ Welcome to my Breakout Game (Brick Breaker)! ๐ŸŽ‰ This project recreates the classic arcade game using HTML ๐Ÿ“, CSS ๐ŸŽจ, and JavaScript ๐Ÿ’ป with HTML5 Canvas ๐ŸŽฎ.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published