Skip to content

A collection of interactive browser games built with Phaser.js. Features Break Out, Monkey, and Jump Hero Demo games with a modern landing page showcase.

Notifications You must be signed in to change notification settings

PetarStoev02/phaser-games

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎮 Phaser Games Collection

A collection of interactive browser games built with Phaser.js, a popular HTML5 game framework. This repository showcases three fun and engaging games that demonstrate different game mechanics and Phaser.js capabilities.

🎯 Games

🧱 Break Out

A classic brick-breaking arcade game where you control a paddle to bounce a ball and destroy all the bricks. Test your reflexes and precision in this timeless arcade experience.

Play: Break Out Game

🐵 Monkey

An action-packed adventure game featuring a monkey character. Navigate through levels, avoid enemies, and shoot your way to victory using arrow keys to move and the Z key to shoot.

Controls:

  • Arrow Keys: Move
  • Z Key: Shoot

Play: Monkey Game

🦸 Jump Hero Demo

An exciting platformer game where you jump, collect coins, and navigate through challenging levels. Experience smooth platforming mechanics and engaging gameplay.

Play: Jump Hero Demo

🚀 Live Demo

Play all games: Phaser Games Collection

📁 Project Structure

phaser-games/
├── index.html              # Landing page
├── break out/             # Break Out game
│   ├── index.html
│   ├── Game.js
│   └── assets/
├── Monkey/                # Monkey game
│   ├── index.html
│   ├── main.js
│   └── assets/
└── JumpHeroDemo/          # Jump Hero Demo game
    ├── index.html
    ├── main.js
    └── assets/

🛠️ Technologies Used

  • Phaser.js - HTML5 game framework
  • HTML5 - Markup and structure
  • JavaScript - Game logic and mechanics
  • CSS3 - Styling and animations

🎮 How to Play Locally

  1. Clone the repository:
git clone https://github.com/PetarStoev02/phaser-games.git
cd phaser-games
  1. Open the landing page in your browser:
# Simply open index.html in your browser
# Or use a local server:
python -m http.server 8000
# Then visit http://localhost:8000
  1. Click on any game card to start playing!

🌐 Deployment

This project is automatically deployed to GitHub Pages using GitHub Actions. The workflow triggers on pushes to the main branch.

📝 Features

  • ✨ Modern, responsive landing page
  • 🎮 Three unique games with different mechanics
  • 📱 Mobile-friendly design
  • 🚀 Easy to play directly in the browser
  • 🎨 Beautiful UI with smooth animations

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

📄 License

This project is open source and available for educational purposes.

👤 Author

Petar Stoev

🙏 Acknowledgments

  • Phaser.js - Amazing game framework
  • All game assets and resources used in these games

Made with ❤️ using Phaser.js

About

A collection of interactive browser games built with Phaser.js. Features Break Out, Monkey, and Jump Hero Demo games with a modern landing page showcase.

Resources

Stars

Watchers

Forks