Code Monkey home page Code Monkey logo

muriloroque / marthas_rescue_shooter_game Goto Github PK

View Code? Open in Web Editor NEW
34.0 1.0 6.0 35.32 MB

This is a shooter game featuring Martha, a battle aircraft pilot who's trying to rescue her father. In this app, you will be able to help her by shooting and destroying the enemy's aircraft. Built with Javascript and Phaser 3.

Home Page: https://marthas-rescue.netlify.app/

License: MIT License

JavaScript 99.52% HTML 0.48%
javascript javascript-game game-development phaser3 shooter-game martha aircraft

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!

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.