Code Monkey home page Code Monkey logo

js-phaser-shooter-game's Introduction

Hireable

Micro Shooters - Javascript Phaser 3 Game built in 5 days.

In this project, we were required to build a space shooter game with the Phaser Javascript library.
The player will have to kill different types of enemies with AI functionality. He can also pick droppings to increase his weapon level/lives or to enter in shield mode.
The game currently has 7 levels (from which one is a Boss and the last one has an infinite spawn). The player can reach a maximum of 5 extra lives and level 7 laser.
The game is tested using Jest for unit testing

Game design document

You can check the updated GDD in PowerPoint (recommended) and pdf versions, and some demos of the sprints (planning per day) used: sprint1, sprint2 and sprint3

App functionality

  • Users are required to choose a nickname when they visit the website
  • Users can kill enemies to increase the score and level
  • Current game levels by score:
  • Level 0: 0 to 1000 points
  • Level 1: > 1000 points
  • Level 2: > 2500 points
  • Level 3: > 5000 points
  • Level 4: > 7000 points
  • Level 5: > 10000 points
  • Level Boss: > 150000 points
  • Level Infinite: unlock after killing the Boss
  • The game has an all time leaderboard, scores are submitted automatically and updated at each game over.
  • The user can see the leaderboard on the right-side nav.

Controls

PC: UP, DOWN, LEFT and RIGHT arrow keys for movement and SPACE for shooting.
MOBILE: Use joystick displayed on the screen for the movement. Shooting is on auto mode. Demo photo of the joystick:
image

This web app is live, you can check it here: Live demo

Screenshots of the app.

image image

Built With

  • HTML/SCSS
  • Webpack/ES6/Javascript
  • Phaser 3
  • Node/Express

Prerequisities

To get this project up and running locally, you must have node installed locally. Node will automatically install npm.

Getting Started

To get this project set up on your local machine, follow these simple steps:

Step 1
Navigate through the local folder where you want to clone the repository and run
[email protected]:cristianCeamatu/js-phaser-shooter-game.git. It will clone the repo to your local folder.
or with https
https://github.com/cristianCeamatu/js-phaser-shooter-game.git.
Step 2
Run cd js-phaser-shooter-game
Step 3
Run npm install to install the npm packages from the package.json file.
Step 4
Run npm run dev to start the webpack server, you can now navigate to http://localhost:3000 to view the app. The server refreshes the app every time you make a change to a file used by it.
Step 5
Most important, enjoy the app!

Tests

  1. Open Terminal

  2. Install dependencies (only if you did not install them previously):

    npm install

  3. Run the tests with the command:

    npm test

Future improvements

  • Make the game playable on mobiles
  • Add other worlds/levels/enemies

Authors

๐Ÿ‘ค Cristian Viorel Ceamatu

๐Ÿค Contributing

Our favourite contributions are those that help us improve the project, whether with a contribution, an issue, or a feature request!

Show your support

If you've read this far....give us a โญ๏ธ!

๐Ÿ“ License

This project is licensed by Microverse and the Odin Project

js-phaser-shooter-game's People

Contributors

cristianceamatu avatar

Watchers

James Cloos 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.