A game where you can eliminate the ninjas, using a robot with massive destruction weapons.
This project was made to consolidate my knowledge with JS, and take a step ahead in the game development world.
- Live Demo
- Requirements
- Possible new features
- Requisites
- Built With
- Game Design
- Getting Start
- Contributing
- Acknowledgments
- Author
- License
- Left and right keyboard arrows to move the robot.
- Up arrow to jump.
- Space bar to shoot the ninjas.
- Press any button to start the game on the start screen.
- Click on the OK button to submit a score on the game over screen.
You can access an online version of this game at:
https://robot-vs-ninja.netlify.app/
- A game build with Phaser
- Leaderboard system using an API
- Deployed and documented
- Controls for mobile
- Pagination for scores
- Highlight player best score
- More content (Stages, actions, and animations)
- Javascript
- Phaser 3 (Game Engine)
- HTML/CSS
- Webpack and babel
- JEST for tests
- ESlint and Stylelint (Linters)
- GitHub Actions (CI Tool)
- Git, Github and VScode
- Play until you reach the top 10
- Shoot ninjas to earn points.
- Keep moving to avoid ninjas or is game over.
- Kind: Shooter
- Platform: Desktop web browser
- Target: Build and deploy in 5 days, using free assets only.
- Design game
- Execution plan
- Follow tutorial
- Look for examples
- Find source
- Resize sprites
- Create spreadsheets
- Setup environment
- Configurations
- Files structure
- The draft starts, game, and ending scenes
- Setup to load assets and animations
- Player movement
- Player shoot
- Enemy generator
- Score system
- Read API docs
- fetch data from API
- Integrates with API to submit scores
- Write unit tests
- Deploy
- Basic documentation
Now you need a copy of this application if you are using Git:
git clone git@github.com:SevlaMare/robotGame.git
Otherwise just hit (Download Zip) on the green button (Code) at top of this page.
Open your terminal inside the game folder, and paste the following commands:
npm install
yarn build
yarn go
localhost:7000
yarn test
Contributions, issues and feature requests are welcome!
You can do it on issues page.
A special thanks to the code reviewers.
👤 Thiago Miranda
- Github: @SevlaMare
- Twitter: #SevlaMare
- Linkedin: SevlaMare
Sprites from gameart2d.com and cloud sprite from bevouliin.com
Creative Commons • 2020