https://github.com/paulzay/shooter
This is an RPG shooter game built with Phaser3 framework
https://github.com/paulzay/shooter
html5-game javascript phaser3 webpack
Last synced: about 1 year ago
JSON representation
This is an RPG shooter game built with Phaser3 framework
- Host: GitHub
- URL: https://github.com/paulzay/shooter
- Owner: paulzay
- Created: 2020-10-28T08:19:08.000Z (over 5 years ago)
- Default Branch: develop
- Last Pushed: 2021-07-01T20:20:26.000Z (about 5 years ago)
- Last Synced: 2025-03-29T14:11:19.522Z (over 1 year ago)
- Topics: html5-game, javascript, phaser3, webpack
- Language: JavaScript
- Homepage: https://sharp-brown-955c3d.netlify.app/
- Size: 10.1 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# shooter
The goal of this project was to build a space shooter game that can be played on the browser and stores your score on an online server
## Play the game
[Link](https://sharp-brown-955c3d.netlify.app/)
## Built with:
* HTML
* Phaser3
* Webpack
* Javascript
* Eslint
* Babel
* Jest
* [Netlify](https://www.netlify.com/) for deployment
* [Leaderboard API service](https://www.notion.so/Leaderboard-API-service-24c0c3c116974ac49488d4eb0267ade3) for high scores
## Getting Started
>Clone the repository
```
- git clone https://github.com/paulzay/shooter;
- cd shooter/
```
>Install the dependencies
```
npm install
```
>Start the server
```
npm start
```
> Open up your browser and navigate to http://localhost:8080/dist/ and start the game
>To run the unit tests
```
npm run test
```
## How to Play
+ MOVE UP: Press [W] key
+ MOVE DOWN: Press [S] key
+ MOVE LEFT: Press [A] key
+ MOVE RIGHT: Press [D] key
+ SHOOT LASER: Press [SPACEBAR] key
## About the game
The player fights against a non-lethal enemy, a shooting enemy and a boss enemy. In order to fight the boss,
the player has to acquire a set amount of points by shooting the first two enemies. Once the score is reached, the player now faces the boss.
The game has no win scenario, the goal is to acquire as much points as you can before running out of lives.
## Screenshots
### Game Design & Development
- In order to get started with the game, I had to start by going through a tutorial on how to use Phaser [here](http://phaser.io/tutorials/making-your-first-phaser-3-game). This alongside the phaser documentation and examples provided the basic knowledge.
#### Design
- Next up, I came up with a concept theme to work with and the storyline for the flow of the game. This includes the scene background and sprites for the character and the sound effects to be used. The storyline controlled the spawing of the enemies at different set times. Different capabilities for the player and enemies were proposed for implementation.
#### Assets
- With the game design in mind, I went to opengameart to find the right assets that would bring my game to life.
#### Development
- Now that everything that I needed was in my asset folder, I proceeded to plan how the game would come together with the different characters. First I set up the player character, made him move and able to fire. Next came the enemy characters and their traits as well. A few extra features were left out for future development but the core requirements were met.
Having implemented their core features, I went on to add more scenes for navigating the game and then wrote some tests to ensure things were working as they should.
- The last thing was separating the code into modules for readability and easier maintenance.
## Author
👤 **Paul Ogolla**
- Twitter: [@paulzay](https://twitter.com/_paulzay_)
- Linkedin: [@paulzay](https://linkedin.com/in/paulogolla)
## 🤝 Contributing
Contributions, issues and feature requests are welcome!
Feel free to check the [issues page](https://github.com/paulzay/shooter/issues)
## Future features
- More scenes and stages
- Power-ups
- Different player characters to choose from
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- All the resources used are open source and can be found on [gameart](https://gameart.org/)
## 📝 License
This project is free to use as learning purposes. For any external content (e.g. logo, images, ...), please contact the proper author and check their license of use.