Giter VIP home page Giter VIP logo

marthas_rescue_shooter_game's Introduction

hire-badge Twitter Follow

Martha's Rescue - Shooter Game

App Demo

First of all, you can find this project's requirements here.

Video Presentation

Kindly check the Game Design Document I made before starting out: GDD

In this project I:

  • Used Javascript and Phaser 3 to implement a Shooter Game;
  • Used the following packages apart from the standard ones:
    • phaser
    • phaser3-rex-plugins
    • webpack
    • jest
  • Set up ESlint in the repository;
  • Created effective JavaScript code, that solved the problem;
  • Used Webpack;
  • Used ES6+;
  • Dealt with async code;
  • Tested the code using Jest;
  • Sent and received data from a back-end endpoint;
  • Used JSON format;
  • Deployed the app to Netlify;
  • Translated business requirements into software solutions;
  • Multitasked and effectively manage time and prioritization;
  • Used strong English verbal communication;
  • Used strong English written communication;
  • Communicated information effectively to technical people.

How to play

  • When the App is executed, you will see four buttons:

    • Leaderboard: Allows you to check the high scores 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;
    • Start: Starts the game.
  • When the game starts, the story's intro and a dialogue will be played;

  • When you are able to control the plane, use the ARROW keys to move and the SPACE key to shoot;

  • After some time, the boss will appear and, if you are able to defeat it, you can move to the next stage and get a bonus!

  • If you take 3 damage, the plane will explode, you will be able to restart the last stage;

  • Your score will only be saved if you can pass the first stage!

Built with

  • Javascript;
  • Phaser 3;
  • Jest.

Live Demo

Click here to see it on Netlify!

Getting Started

  • Clone the repository on your local machine;
  • Cd into the folder;
  • Run npm start;
  • Open your browser and type localhost:8080;
  • To run tests, type npm run test.

Installations

  • Install VSCode or any code editor you like;
  • Install npm by running npm install.

Author

Murilo Roque Paiva da Silva

Github: @MuriloRoque

Twitter: @MuriloRoquePai1

Linkedin: MuriloRoque

๐Ÿค Contributing

Contributions, issues and feature requests are welcome! Start by:

  • Forking the project
  • Cloning the project to your local machine
  • cd into the project directory
  • Run git checkout -b your-branch-name
  • Make your contributions
  • Push your branch up to your forked repository
  • Open a Pull Request with a detailed description to the development branch of the original project for a review

Show your support

Give a โญ๏ธ if you like this project!

marthas_rescue_shooter_game's People

Contributors

muriloroque avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.