Skip to content

This project consist on building a video game using JavaScript and the game engine Phaser to demonstrate mastery of Javascript. webpack, ES6 classes, testing with Jest, project building, and live deployment.

License

Notifications You must be signed in to change notification settings

sz16900/javascript-capstone

Repository files navigation

[Javascript Capstone Project: Shooter-Game]

In this project, I am going to make a shooter style video game with the Javascript engine Phaser 3 in order to demonstrate mastery of bundling javascript modules with webpack, async/await function, handling errors, object oriented programming priciples by following an established framework. This project is completed by Seth Zea, in partial requirements of the Microverse cirriculum.


How to Play

Controls:

Controls are: UP, DOWN, LEFT, RIGHT for movement, and SPACE for shooting.

Objective:

This is a shooter style video game: the game does not finish until the player's ship is destroyed. The objective of the game is to score as high as posible and to make it up in the ranking system. Your score will not be saved if it is bellow 500. Can you make it to the top 5 on the list?

Instructions:

Please follow the instructions provided in the game's User Interface. No extra controls are needed!


Game Development Design

GDD


Menu

Menu

Play

Play

Score

Score

LeaderBoard

LeaderBoard


Features

  • Extra Enemies
  • Over 5 Different Sound Effects
  • Paralaxing Backgrounds
  • API
  • Background Music
  • Retro Style feel with Added Graphics

Built With

  • HTML5
  • CSS3
  • Font Awesome
  • Google Fonts
  • W3 Validators
  • Javascript
  • webpack
  • Phaser 3

Live Version

Live Demo Link

[try to reload a couple of times]


Prerequisites

  • Node.js
  • Web Browser
  • CLI
  • IDE

Getting Started

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

  • Clone the project unto your local machine
  • cd into the project directory
  • on the root folder please type: npm run start
  • on your browser, make sure you point to the right address (i.e: http://localhost:8080/)

Testing

To test the application:

  • Clone the project unto your local machine
  • cd into the project directory
  • on the root folder please type: npm test
  • wait a second for jest to do its thing
  • read and review the output

🤝 Contributing

Contributions, issues and feature requests are welcome! Start by:

  • Forking the project
  • Cloning the project to your local machine
  • cd into the project directory
  • Run git checkout -b your-branch-name
  • Make your contributions
  • Push your branch up to your forked repository
  • Open a Pull Request with a detailed description to the development branch of the original project for a review

Authors

👤 Seth Zea


Show your support

Give a ⭐️ if you like this project!

Acknowledgments


Future Features

  • A better mobile friendly experience
  • More information inside the website
  • Better modularization of objects
  • More testing
  • More characters
  • More music
  • Better UI
  • A fully functional Pause Menu

📝 License

This project is MIT licensed.


About

This project consist on building a video game using JavaScript and the game engine Phaser to demonstrate mastery of Javascript. webpack, ES6 classes, testing with Jest, project building, and live deployment.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published