This project is built with Phaser 3, a very complex framework to build HTML5 and desktop games using JavaScript!
Explore the docs »
Report Bug
·
Request Feature
An RPG video game runs on HTML5 canvas built using Javascript and the game engine Phaser 3. In this particular game the action is mainly focused on collecting as many stars as possible while having to combat against viruses.
The game can be played using the arrow keys for moving the player and for attacking the viruses. By moving the player you will be able to collect chests that contain stars. Each star will update the score with 1 units. As a bonus though, for each virus killed the player will recieve 10 units.
Fatal Warrior was designed on an initial, quite complex, webpack configuration specific for Phaser3. This allowed me to investigate Phaser and its tools from a specific perspective. The entire map was built with Tiled on a 32 x 32 collection of squares. The map then has been exported as a json file and used for placing chests, and monsters at random positions.
The player has a set velocity and can move across the map by using the arrow keys. Each time the player dies it will be spawned at a different random position to make the game more interesting. The monsters and the chests will be as well randomly generated and spawned on the map. Each spawned element has a random unique id used to interact with the user. The unique id is generated with the help of uuid npm package.
This project was built using these technologies.
- JavaScript
- Phaser3
- Webpack
- Jest Tests
- Tiled Map
- GithubActions 💪
- Atom
- Live Demo Link --> App Deployed with GitHub-Pages: Corona Fighter 👈
To get a local copy up and running follow these simple example steps.
- Node.js is required to install dependencies and run scripts via npm.
- A modern browser
- download or clone this repo:
- Clone with SSH:
git@github.com:adamclasic/corona-fighter.git- Clone with HTTPS
https://github.com/adamclasic/corona-fighter.git
Install dependencies:
$ npm install
Start the local webserver:
$ npm start > will open a local webserver at http://localhost:8080/ directly in your default browser with the game ready to be played
- Run the command and see the output:
$ npm run test
- Extend the game to a multiplayer online game
- Add authentication process
👤 Adam Abderrahmane Allalou
- Github: @adamclasic
- Twitter: @adamallalou
- Linkedin: Adam Abderrahmane Allalou
- Project Link
Contributions, issues and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐ if you like this project!
- SFX effects - OpenGameArt website
- Phaser3 & Phaser Template
- Sprites and Tiles - adamclasic
This project is MIT licensed.