Capstone project in the Microverse JavaScript Curriculum
Implementation of a Space Shooter Game built with the Phaser 3 framework
The main goal of this project is to build a platform game. Phaser and Javascript are the main technologies used to develop this project.
Live version of the project: Live version
Project Link: Javascript-Capstone
This is a never-ending game. The user faces different alien ships at random times. The user uses a laser (Space) to shoot and explode enemy ships. Every different enemy ship shot adds a different point to the user's score. When the user's ship is shot by an enemy laser, or an enemy ship touches the user's ship, the game ends. The user can restart the game. Also, users' high scores are stored in an API, and users can display the highest ten scores in the scoreboard scene.
The game uses one laser sprite, one user ship, four enemy ships, and two backgrounds. Two backgrounds are displayed on each other to create a more interesting background and higher contrast. The user ship is black and white to have high contrast with the background. The enemy ships have fantastic designs, and they are relatively more colored to create confusion with the dark background with low contrast. There is background music, and explosion sounds in the game.
- Chaser Ship
- Carrier Ship
- Gun Ship
- Hollow Ship
- Input your name on the first page and click the submit button, There is a menu on the next page which are Play, Options, Credits and Scoreboard. You can disable the sound in the options menu. Click on the play menu to start your game. You can move around the screen using W, S, D, and A keys and use the Space Bar to shoot whenever you see an enemy.
npm required - get npm
You can play the game on live version, or install it locally using the following steps:
Clone the repository by running this command in your terminal
$ [email protected]:verissimohenry/Shooter-game.git
Navigate into the newly created folder
$ cd phaser-js-game
$ npm install
$ npm start
Visit this link to see the game in your browser
http://localhost:8080/
Run Jest tests
$ npm run test
- HTML5/CSS
- Phaser 3
- Webpack
- Javascript
- Eslint
- Babel
- Jest for testing
- Heroku for deployment
- Leaderboard API service for high scores
👤 Verissimo Henry
- Github: @githubhandle
- Twitter: @twitterhandle
- Linkedin: linkedin
- Email: [email protected]
Contributions, issues and feature requests are welcome!
Give a ⭐️ if you like this project!