Skip to content

Building a web game with business specification using JS ES6 and Phaser3 JS framework

License

Notifications You must be signed in to change notification settings

addod19/js_game_capstone

Repository files navigation

Best Maskman Game

This project is a capstone project required by Microverse, after completing the javascript curriculum. This game is built with JS ES6 and Phaser3.

Features

  1. The player can navigate to the following scenes after the game loads Credits: This is where we give credits to the Microverse team, opengameart, and the creator of the game. Options: We can toggle the background music on/off. Play: We navigate the guide scene and understand how to play the game before proceeding.
  2. A player can fire a laser to kill the enemy attacking.
  3. The enemy can also fire laser and kill the player.
  4. After the game is over or the stage is completed, the player has the option to restart game/submit score.

Future Feature (v2.02)

  1. Improve the UI
  2. Add more levels to the game
  3. Each level should have a more attacking enemy

Game Design Process (GDD)

At the end of day 2, I have learned the basics of Phaser3. Setting up and creating scenes, adding objects to the scenes, adding collision and assets to the scenes. The rest of the days are for the following:

  • Implement the logic behind the game.
  • Implement the service API to record and show user name and score.
  • Implement test for our Model and API

Screenshots

maskman

Built With

  • Javascript ES6
  • Phaser3
  • Babel
  • Webpack

Live Demo

gh pages deployment

Video Presentation

presentation

Getting Started

To get a local copy up and running follow these simple example steps.

  1. git clone https://github.com/addod19/js_game_capstone.git
  2. cd js_game_capstone
  3. git checkout shoot
  4. npm i
  5. npm start
  6. npm run build
  7. Use live server on VSCode to open the index.html with your favorite browser

Prerequisites

  • Node.js is required to install dependencies and run scripts via npm.
  • A modern browser

Available Commands

Command Description
npm install Install project dependencies
npm start Build project and open web server running project
npm run build Builds code bundle with production settings (minification, uglification, etc..)

Authors

👤 Daniel Larbi Addo

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

  1. Fork it (https://github.com/addod19/js_game_capstone/fork)
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create a new Pull Request

Show your support

Give us a ⭐️ if you like this project!

Acknowledgments

  • Microverse
  • Developers at Open Game Art; Marcus Rasseli, Binngi, Aljazk, Sogomn, Redshrike, Qubodup for the characters, sprites, laser, sound, background music etc

About

Building a web game with business specification using JS ES6 and Phaser3 JS framework

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages