Skip to content

Latest commit

 

History

History
102 lines (79 loc) · 3.72 KB

gamedesigndocument.md

File metadata and controls

102 lines (79 loc) · 3.72 KB

Introduction

This is a 5 day project for Microverse, in this time I have had to learn how to use the Phaser 3 framework, create the story, find the different assets, test the game and meet all the given requirements.

Story

In a galaxy far, far away, a civil war is brewing. The Rebels have infiltrated the highest spheres of the Galactic Democratic Government to take power and thus be able to dominate the galaxy under their orders. The Rebels, after their first battle won, have managed to kidnap Princess Dung, who guarded important information to end the rebels and thus also the war. The Galactic Democratic Government, seeing that its supremacy is in jeopardy, decide to send its best pilot, Captain Tintin, on a rescue mission ...

GamePlay

Controls

  • Press 'A' to move LEFT.

  • Press 'D' to move RIGHT.

  • Press 'W' to move UP.

  • Press 'S' to move DOWN.

  • Press 'SpaceBar' to SHOOT.

GameFlow

  • The player has 3 lifes
  • 3 different scenes
  • Each scene has different enemies
  • One different final boss for each scene
  • Intro scene
  • Dialogues between scenes ( Intro, boss scene and end scene)
  • End game scene
  • When the user loses all 3 lifes is redirected to the input name scene and then to the Game Over scene
  • In the leaderboard scene the 5 best scores are displayed

Score

  • Each enemy destroyed has a different value:
    • Fighter 75 points
    • Carrier 100 points
    • Destroyer 125 points
    • Boss 250 points
  • Each laser/missile destroyed has a different value:
    • Normal enemy laser 5 points
    • Bosses missiles 10 points

Targets

  • Create effective JavaScript code
  • Use Webpack
  • Use ES6+
  • Encapsulate JS code in classes
  • Deal with async code
  • Use DOM (read/write data) listen to events
  • Test JS code
  • Send and receive data from a back-end endpoint
  • Use JSON format
  • Ability to communicate information effectively to non-technical people
  • Take personal responsibility to complete tasks and solve problems
  • Sets high standards of performance for oneself
  • Ability to translate business requirements into software solutions
  • Ability to multitask and effectively manage time and prioritization
  • Strong English written communication
  • Deploy apps
  • Use linters
  • Maintain a professional Github repo

Planification

This project was developed in this schedule:

  • Phase 1: Learn how to use Phase 3 Framework reading documentation and following tutorials.
  • Phase 2: Choose the story to develop and planning how the code would be structured.
  • Phase 3: Starting to code basic classes to develop the game.
  • Phase 4: Fix issues
  • Phase 5: Add extra features(score, lifes, multiple stages....).
  • Phase 6: Testing the gameplay.
  • Phase 7: Select and add all the assets to the game.
  • Phase 8: Deployment.

Technology Used

This project was built using Phaser 3, Webpack, Bootstrap and Javascript. Project tested using Jest

Acknowledgements

  • Phaser 3 for the framework, the docs and the examples
  • Jared York for the tutorials and some assets
  • Micorverse for the API
  • Stackoverflow for the help
  • Opengameart.org for the assets: