A modern take on the classic Breakout arcade game, built in JavaScript with the Phaser framework.
Developed by Henrique Reis.
📸
- 🎨 Randomized backgrounds on each play
- 🧱 Multiple tile types with special effects:
- 🟩 Green tiles → give bonuses
- 🟥 Red tiles → apply penalties
- 🟪 Purple tiles → spawn extra balls
- 🏆 Score tracking with high score saving
- ⚡ Speed variations and reversed controls
- 🔄 Level progression with increasing challenge
- ⏯️ Responsive paddle movement
| Action | Key |
|---|---|
| Move Left | ⬅️ Left Arrow |
| Move Right | ➡️ Right Arrow |
(watch out for reversed controls 👾)
Since this is a JavaScript + Phaser project, it must be served through a web server (opening index.html directly may not work in some browsers).
Below are some suggested methods — but you are free to set up your own web server. These are not the only ways to run the game:
- Install the Live Server extension on Visual Studio Code.
- Open the project folder.
- Right-click on
index.html→ "Open with Live Server". - The game will run in your browser at 👉
http://localhost:5500.
If you have Node.js installed, open a terminal in the project folder and run:
npx http-server .This will start a local server at 👉 http://localhost:8080.
If you have Python installed, you can run a quick local server:
- Python 3:
python -m http.server 8000- Python 2:
python -m SimpleHTTPServer 8000Access the game at 👉 http://localhost:8000.
If you already run a local or remote server (like Apache or Nginx), you can simply place the project folder in your server’s document root (e.g., /var/www/html/ on Linux).
Then access it from your browser using your configured hostname or localhost/breakout if you haven't changed the folder name.
🛠️ Any HTTP server will work — choose the option that best fits your workflow.
