Giro: Phaser 3 developed action platformer

Shoot and rush your way around the industrial zone!
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

• Table of Contents
• Play The Game
• About The Project
• Highlights
  • Controls
  • Objective
• Built With
• Prerequisites
• Run it Locally
• Development Path
• Upcoming Features
• Contributing
• License
• Contact
• Acknowledgments

Play The Game

Play the first level of Giro now!

Watch the gameplay by Juego sin Manos

About The Project

Giro is an independent action platformer developed in Phaser3

Highlights

• Physics emulated side-scroller videogame
• Dynamic enemy spawn
• API backup leaderboard

Controls

• Left, Right Keys: Move Giro
• Up Key: Jump
• Spacebar: Fire shoot
• Left click: Select (When Available)

Objective

• Explore the level to find and complete the boss stage
• Get the highest score by collecting coins, avoiding damage and killing enemies

Built With

• phaser: 3.23
• webpack : 4.43
• webpack dev server : 3.11

Prerequisites

• npm

npm install npm@latest -g

Run it Locally

1. Clone this repo

git clone https:://github.com/Usagib/js-capstone.git

2. run the following command

npm install

1. run the following command

npm run start

Development Path

• Part I: Researched Phaser 3 game engine
• Part II: Built Phaser 3 docs platformer game
• Part III: Designed and planned Software, Graphics and Assets
• Part IV: Setup enviroment and dependencies
• Part V: Created assets sprite and animations
• Part VI: Created assets animation and tweens
• Part VII: Fixed world tilemap create, sprite animation
• Part VIII: Fixed world tilemap render
• Part IX: Fixed physics behaivour, created map interaction
• Part X: Created dinamyc object creation
• Part XI: Created Parallax movement background
• Part XII: Fixed collision events and hitboxes
• Part XIII: Game physycs fix, Game logic created
• Part XIV: Scene moduling
• Part XV: Code refactoring
• Part XVI: Testing, Style corrections, Deployment

Upcoming Features

• Level 2
• Easy - Hard difficulty
• Smoother animations

Contributing

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the MIT License.

Contact

• Eduardo Bonilla Cáceres - [email protected]
• My Portfolio
• My Twitter

Acknowledgments

• Microverse
• Music by Toby Fox
• Assets by Open Game Art
• Assets by Crapt Pix
• Assets by itch.io