All Projects → MuriloRoque → marthas_rescue_shooter_game

MuriloRoque / marthas_rescue_shooter_game

Licence: MIT License
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.

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to marthas rescue shooter game

phaser-3-vsc-typescript-nodejs
Template for a new Phaser 3 project with Visual Studio Code, TypeScript, and Node.js.
Stars: ✭ 18 (-41.94%)
Mutual labels:  javascript-game, phaser3
randomcodegenerator.lol
Need some code for your project? We've got you covered. Choose your language. Choose how much code. BÄM! You got code.
Stars: ✭ 32 (+3.23%)
Mutual labels:  javascript-game
blitz-tactics
Fast-paced chess tactics trainer
Stars: ✭ 137 (+341.94%)
Mutual labels:  javascript-game
AirDataComputer
Air Data Computer
Stars: ✭ 29 (-6.45%)
Mutual labels:  aircraft
realtime-multiplayer-space-invaders
Realtime Multiplayer Space Invaders Game with Phaser 3 and Ably
Stars: ✭ 42 (+35.48%)
Mutual labels:  phaser3
Cavemen-GGJ2019
A multiplayer survival game developed during Global Game Jam 2019.
Stars: ✭ 21 (-32.26%)
Mutual labels:  phaser3
MedievalWar
A simple turn-based strategy game using Phaser 3
Stars: ✭ 22 (-29.03%)
Mutual labels:  phaser3
phaser-3-palette-swapping-example
Example of using palette swapping on a spritesheet in Phaser 3.
Stars: ✭ 32 (+3.23%)
Mutual labels:  phaser3
Pacman-Game
This is a pacman game made using HTML, CSS and Javascript only.
Stars: ✭ 42 (+35.48%)
Mutual labels:  javascript-game
2048
🎮 2048 clone (React/TypeScript/Redux). No canvas.
Stars: ✭ 55 (+77.42%)
Mutual labels:  javascript-game
endless-runner-3d
Cube Endless Runner is a 3D game built with BabylonJS engine on top of WebGL and HTML5 technologies
Stars: ✭ 29 (-6.45%)
Mutual labels:  javascript-game
template
使用 phaser3 + es6 + webpack4.8.1 配置开发游戏(基本模版)
Stars: ✭ 12 (-61.29%)
Mutual labels:  phaser3
BulletGCSS
A High Caliber Ground Control Station System designed for the 21st century lifestyle
Stars: ✭ 29 (-6.45%)
Mutual labels:  aircraft
slotjs
🎰 Circular slot machine mobile-first SPA built using JavaScript, CSS variables and Emojis!
Stars: ✭ 90 (+190.32%)
Mutual labels:  javascript-game
gobang
一个五子棋AI,使用原生JavaScript开发
Stars: ✭ 22 (-29.03%)
Mutual labels:  javascript-game
Phaser3.Boilerplate
Phaser 3 Boilerplate project for rapid development.
Stars: ✭ 15 (-51.61%)
Mutual labels:  javascript-game
ionic4-phaser3-template
Ionic 4 and phaser 3 template
Stars: ✭ 19 (-38.71%)
Mutual labels:  phaser3
tbftss
2D mission-based space shooter, based on the Battle for the Solar System space opera novel trilogy.
Stars: ✭ 46 (+48.39%)
Mutual labels:  shooter-game
shoot game
🎮 It is a game using HTML5 Canvas and Vanilla JavaScript.
Stars: ✭ 35 (+12.9%)
Mutual labels:  shooter-game
FlightAirMap-3dmodels
3D models used by FlightAirMap with Cesium
Stars: ✭ 23 (-25.81%)
Mutual labels:  aircraft

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!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].