Skip to content

This repository contains the code for a classic Breakout game implemented in HTML5, CSS3, and vanilla JavaScript. Breakout is an arcade game developed and published by Atari, Inc., and this project is a homage to the original game with some modern twists.

Notifications You must be signed in to change notification settings

danieldotwav/Breakout-HTML

Repository files navigation

Breakout HTML Game

This repository contains the code for a classic Breakout game implemented in HTML5, CSS3, and vanilla JavaScript. Breakout is an arcade game developed and published by Atari, Inc., and this project is a homage to the original game with some modern twists.

Breakout

Play Online

Features

  • Classic Breakout gameplay mechanics
  • Score tracking with speed increase every 20 points
  • Responsive canvas rendering
  • Simple and intuitive controls
  • Start, win, and game over screens
  • Powerups!

Getting Started

Desktop Controls

  • Directional Buttons (Left and Right)
  • Pause Menu (Enter Key)
    • Press Enter to Leave Pause Menu
    • Level Selection (Press 1, 2, or 3 to render new level)

Mobile Contols

  • Tap on the paddle to start
  • Drag the paddle left and right to move
  • Tap on the 'LEVEL X' text to cycle between different levels
  • To reset, simply tap on the paddle again

Prerequisites

  • A modern web browser that supports HTML5, CSS3, and JavaScript

Usage

Use the left and right arrow keys to move the paddle. The goal is to break all the bricks without letting the ball fall below the paddle. Every time you hit a brick, your score increases, and every 20 points, the ball's speed will increase, raising the challenge!

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

About

This repository contains the code for a classic Breakout game implemented in HTML5, CSS3, and vanilla JavaScript. Breakout is an arcade game developed and published by Atari, Inc., and this project is a homage to the original game with some modern twists.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published