This is Microverse's final project for the Javascript section.
In this project I implemented an RPG game using Phaser 3, an open-source framework for Canvas and WebGL powered browser games. This project's objective was to build a platform game similar to GameDev Academy.The main objective was to use the tutorial create my own role play game.
Assignment Link.
- Enter your name and click on the start button
- You will be directed to the game menu
- If you select play, you will be directed to the worldScene.
- Use the left, right, up and down arrows
to navigate through the scene and look for the enemies. Once you find them, you shall be directed to the battle scene to fight with the found enemies.
- You will then be directed to the battle scene and here you will fight against two enemies in each round.
- You will use the arrows still to dodge the attacks and the space bar to launch attack
- Enjoy
Ultimate Ninja is a turn based role play game. The objective of this game is not only to give players a chance to enjoy playing for fun but also levelling the game to give them a feel of progression and at the same time challenge as they fight the different characters dubbed as enemies.
This is how I designed my game:
- In the first two days, I had a lot of ideas for a game in my mind. I thought of creating this cool 3D game with characters fighting but I ended up creating a game where there are two game characters on one side fighting enemies on the other side.
- I however, lost sometime in between and when I was able to catchup, I continued with the design process.
- I decided to name my game Ultimate Ninja because the name sounded cool for a turn based game especially with characters fighting.
- I used the available sprites, images and sounds from openGame Art
The game comprises of two scenes. That is the World Scene which has one player. To navigate through this scene, a player has to use the arrows 
to navigate through this scene. During the design process, my thinking was that the enemies are hiding and the player has to navigate through to look for them.
The battle Scene is where the action takes place and to dodge attack, we still use arrows.
The more the levels you win, the higher the score!.
These are your player characters and you will interact with them very often.
You will find this one in the worldScene and he is the one you will use to look for the enemies.
This is your most powerful player and you ought to guard him well. He hits the enemy with a damage of 150 and 80 Hp
This one is your weakest and only hits with 50 damage and 200 Hp. But he can also handle more attack from the enemy than Ninja
These are the characters that you are fighting against.
You will meet him in level one of this game. He has 80 damage and 80 Hp. He takes more than one shape so lookout!
You will also meet him in level one but its also possible to meet him in level two. He has 90 damage and 90 Hp
You will meet him in level two and he is more powerful than the first two enemies 110 damage and 100 Hp
You will find him in level 3 of this game. He is very powerful with 120 damage and 150 Hp
This is the strongest and most powerful of all the enemies so you will definately want to defeat him! He has 150 damage and 200 Hp
- HTML and CSS
- JavaScript
- Phaser 3
- Webpack
- Eslint
- Babel
- Jest for testing the game
- Github
- Netlify for the deployment
- Leaderboard API service for the leaderboard
- To use this project, clone this repositoy by running
$git clone https://github.com/ampaire/phaserRPG.git
- To install technologies used for this project, run
$npm install
- Then run
$npm run build
- Finally run
$npm run start
And you will be directed to the port where your project is cureently runing
- Use linters (code standards)
- Maintain professional Github repos
- Deploy apps (Heroku or Netlify)
- Strong English written communication
- Ability to communicate information effectively to non-technical people
- Ability to translate business requirements into software solutions
- Sets high standards of performance to oneself
- Shows a desire to take personal responsibility to complete tasks and solve problems
- Ability to multitask and effectively manage time and prioritization
- Create effective JavaScript code that solves the problem
- Encapsulate JS code in modules
- Use Webpack
- Use EcmaScript+
- Deal with async code
- Send and receive data from a back-end endpoint
- Use JSON format
- Use DOM (read/write data) listen to events
- Test JS code
Overall Grade
👤 ** Phemia Ampaire**
Contributions, issues and feature requests are welcome!
You can open a new issue on the issues page.
Give a ⭐️ if you like this project!
- Game Dev Academy
- openGame Art
- Leaderboard API service
- My mentor at Microverse - Thais Viera