This is the capstone project on Microverse curriculum for JS. Here I've built a browser game which is a spaceship shooter game with Phaser.
- JavaScript
- Phaser
- WebPack
- Babel
- ESLint
- StyleLint
- Microverse Leaderboard API
To get this project up and running locally, you must have node installed on your local machine.
Here is the live link
Setup
- Clone this repository with
git clone [email protected]:eypsrcnuygr/shooter-game.git
using your terminal or command line. - Change to the project directory by entering
cd shooter-game
in the terminal - Next run
npm install
to install the necessary dependencies - Run
npm run watch
to have the necessary changes applied if you want to change anything in the codebase and to have a build folder. - To run the local server run
npm run serve
. - Wait for bundle to finish.
- Enjoy!
Game Instructions
- First there is a toggle-sound button for who wants a game without background music.
- Next you need to enter your name in the form and need to press 'enter' to save your name as a variable on the game.
- After pressing the play button, you can give directions with your mouse to change the location of your ship.
- To shoot please use spacebar.
- The aim is to prevent from the enemy ship, and collect the all 50 stars as soon as possible.
- When the game finished to post your score to the API please click the leaderboard icon in the middle.
- After clicking the icon you'll be redirected to a leaderboard page, which shows the highest 10 player till at that moment.
Repository Content
- There are 5 scenes can be found on scenes folder.
- One object, Button, can be found on Objects folder.
- The game is initialized on index.js as a global object.
- There are 7 helper functions can be found on Functions folder, some related wiht logic, some related with UI.
- The assets can be found on assets folder, which are copied into build as well.
- The Classes folder is just one class which is instantiated on index.js and assigned to global model object.
👤 Eyüp Sercan UYGUR
- Github: @Srjnnnn
- Twitter: @srjnnnn
- LinkedIn: eypsrcnuygr
- Email: Eyüp Sercan UYGUR
Contributions, issues and feature requests are welcome!
Give a ⭐️ if you like this project!
- This Project was part of an assignment of Microverse.
- Our thanks to Microverse and all our peers and colleagues there.
- The background music credits are:
Track: Suspense Scary Music
Music composed and recorded by Oak Studios
Creative Commons - Attribution ND 4.0
youtube link
This project is MIT licensed.