Breakout HTML Game

A classic Breakout game built with HTML5, CSS3, and vanilla JavaScript.

This project is a small homage to Atari's original arcade classic, enhanced with responsive controls, multiple levels, power-ups, and skill-based paddle bounces.

Originally forked from danieldotwav/Breakout-HTML.

Play Online

Features

• Classic Breakout gameplay
• Multiple selectable levels
• Score tracking
• Responsive canvas-based rendering
• Keyboard and touch controls
• Start, pause, win, and game-over screens
• Skill-based paddle bounce:
  • Hit the ball near the left side of the paddle to send it left.
  • Hit the center to send it mostly straight upward.
  • Hit the ball near the right side of the paddle to send it right.
• Consistent ball speed during normal gameplay
• Power-ups:
  • Slow Ball — Temporarily reduces the ball speed
  • Wider Paddle — Temporarily increases paddle width
  • Big Ball — Temporarily increases ball size

Getting Started

Prerequisites

• A modern browser with support for:
  • HTML5
  • CSS3
  • JavaScript

No build tools, dependencies, or frameworks are required.

Run Locally

Clone this repository:

git clone https://github.com/ethanhunt1981/Breakout-HTML.git
cd Breakout-HTML