This is Microverse's final project in Javascript's course.
In this project, I build a Platform game using JavaScript's framework, a "fast, free and fun open-source framework for Canvas and WebGL powered browser games".
This project's objective was to build a Platform game.
The assignment can be seen here.
Link to a live version here.
Repository: https://github.com/arslanbisharat/PLATFORM_GAME
First, you can add your name to the game.
This is a simple endless runner. Enemies appear walking towards you, some pursue you. You have to over-pass them. Just cross as many enemies as you can before you you die.
First the most important: how to play.
You can move right and left using right and left arrows, respectively, and to jump use space.
You can play the game online by clicking here or locally following these steps:
- Click on the green button "Clone or Download"
- Click on Download ZIP
- Extract the game
- make sure to run npm install
- In your terminal, navigate to the game's folder
- Run 'node server.js'
- Open, in your browser, 'localhost:8080'
First of all: this is a simple pixel game. You can't expect to see high-quality graphics. Or medium-quality graphics... So, the ship's designs are just a low-quality version of the original design.
The game is based on Endless Runner Game Leaderboard
Allows you to check the high scores on the leaderboard. Credits
Shows you the credits scene, with everyone who helped me building this app; Options
In the next screen, it allows you to mute the music and/or the sound; Play Game
Starts the game.
This game is composed of six scenes each one with its music.
To create this game I used:
- JavaScript
- A bit of HTML and CSS for the front end
- Phaser 3
- Webpack
- Eslint
- Babel
- Jest in the tests
- Express
- Github
- Heroku for the deployment
- Leaderboard API service for the leaderboard
- Mobile version
- Possibility to play with Millennium Falcon
- Stage mode
- 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
Arslan Bisharat
- Github: @githubhandle
- Twitter: @twitterhandle
- Linkedin: linkedin