Skip to content

Latest commit

 

History

2 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 

Repository files navigation

✨ Features

  • Classic Gameplay: Experience the timeless Breakout arcade game in your browser
  • Modern Design: Sleek gradient backgrounds and smooth animations
  • Responsive Layout: Optimized for desktop, tablet, and mobile devices
  • Smooth Controls: Use arrow keys or keyboard controls for precise paddle movement
  • Score Tracking: Real-time score display with win/lose conditions
  • Colorful Bricks: Multi-colored brick layout for visual appeal
  • Game Reset: Automatic game reset when you win or lose

🚀 How to Play

  1. Open the Game: Simply open index.html in your web browser
  2. Controls:
    • Use Left Arrow or Right Arrow keys to move the paddle
    • Alternatively, use the Left and Right arrow keys
  3. Objective:
    • Break all the bricks by bouncing the ball with your paddle
    • Don't let the ball fall below the paddle
    • Score points for each brick destroyed
  4. Win Condition: Destroy all 20 bricks to win the game
  5. Game Over: If the ball falls below the paddle, the game resets

🛠️ Tech Stack

  • HTML5 Canvas: For game rendering and graphics
  • Vanilla JavaScript: Game logic and interactivity
  • CSS3: Styling, animations, and responsive design
  • No Dependencies: Pure JavaScript - no frameworks or libraries required

About

A responsive Breakout game featuring smooth gameplay, collision detection, score tracking, and keyboard controls using the Canvas API.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages