This is a platform game developed using Phaser 3 library. the character is a robot that has to escape from the factory it was created, jumping through platforms with different widths and positioned in different heights, collect coins, and evading robots and spikes.
The score is increased, for each platform and robot completely hidden in the right and for each coin collected. Once the score passes some limits the difficulty will be increased, and spikes are going to appear.
You can submit your player name, and once the player dye, your score will be submitted to leaderboard API.
You will see your position if your score is higher than the player in the #10 position.
TO play you can use, click, or the space key. With a max 2, your goal is to collect as many coins as possible without fall.
This Scene has a text box where the user should enter with a username. The user should press enter and wait for the submission.
Menu Scene - Where you can navigate through the options: Play, Options, Instructions, and Credits
Game Scene - Where the game starts. Platforms of different sizes are generated and also random amounts of coins. The user can make the character jump through the platforms using the 'SPACE' key or clicking with the left mouse button. Character is allowed to double jump, but no more than two jumps are allowed. Every time the character collects a coin (overlapping the coin) the Score is increased by 10 units and that should be displayed.
Submit Scene - When the character finally falls the "Submit Scene" is generated. Where the app will submit his score,
Leaderboard Scene - After the score submission a leaderboard is displayed and if the last submission is at the top 6, it should be included. This scene contains 2 buttons where the user can choose between play again and come back to the main menu.
Instructions - The page contains instructions about how to control the character and also the game goal.
Credits - The scene to acknowledge the developer responsible for the game development.
- Javascript
- Webpack
- HTML5
- CSS3
- Jest
- Phaser
- Using NPM package and JavaScript knowledge to build and test the game.
- You should install Node.js to run the server with the dependency used. If you don't have Node you can follow this tutorial to set it on your local machine: HERE
To get a local copy of this project running follow these simple steps.
- Clone this repository
git clone <repo>
- To set Webpack and the dependencies run the command
npm install
-
Use your favorite browser to open the index.html file (located at the dist page)
-
If you have node.js installed and all the dependencies were installed successfully, you can run the following command to start the server where the project will run.
yarn start
- Open the following path in your browser.
http://localhost:8000/
This project contains Built tests using jest. To run the tests on your local machine you can run the following command on the project folder:
yarn test
If you want to build customized tests, you should create new files or edit the files inside the tests/ folder. The tests files should be always named with the extension .test.js To set the watch mode and keep tracking the tests continuously while you build it you can run
yarn test-watch
🐦 Gustavo Sanmartin
- Github: gasb150
- Twitter: @7aves
- Linkedin: gustavsanmartin
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Show your support with a star if you like this project!
-
Microverse
-
opengameart.org
-
Gameart2d
This project is MIT licensed.