Fitaita is an RPG video game built with Phaser 3, an open source framework for Canvas and WebGL powered games. This game was inspired by Phaser 3 tutorial: Endless Runner. The main objective was to create a custom role play game.
Assignment link.
Fitaita is a single player based game. The game is intended to determine how fast a player can collect enough coins against the man-eater fishes. The game has infinite levels and the player is expected to collect 5000 coins in order to escape the underworld. Two man-eater fishes are being introduced to the gameplay starting from level two. The player has to manoeuvre and avoid getting contact with the fishes.
Player (Fita) uses the direction keys( up: to jump and move to upper blocks, down: to move down in a faster way, left: to move left, right: to move right). He continues on in quest to collect enough coins to defeat the power of the fish.
Fishes (Ita) of blue and green colors are released from random directions into game. They will continue swimming looking for food.
In the first day I got introduced to the new Phaserjs library and I got started with the documentation from the official docs. I took a couple of days understanding the concepts. On the fifth day, I came up with my game mechanics, including the game name, players, enemy, levels and scoring system. The day after, I starting coding based on my own plan.
All sprites, images and sounds used in this game are from Open Game Art.
- HTML5 and CSS
- JavaScript
- Phaser 3
- Webpack
- Eslint
- Babel
- Jest
- Github
- Netlify for the deployment
- Leaderboard API service for the leaderboard
- Adding more levels
- Defence mechanisms
- Use linters (code standards)
- Maintain professional Github repos
- Deploy apps (Heroku, 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 prioritzation
- 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
Use the git to clone the project to your local machine.
$ git clone https://github.com/OlukaDenis/fitaita.gitNavigate to the extracted folder
cd FitaitaInstall the dependencies and modules
$ npm install$ npm run startThis will open the app at port 9000. If it doesn't open, visit http://localhost:9000
$ npm run test👤 Denis Oluka
Contributions, issues and feature requests are welcome! You can open a new issue on the issues page.
Give a ⭐️ if you like this project!
This project is licensed under MIT license - see LICENSE for more details.