Skip to content

This is a Javascript Game created using Phaser 3 and Javascript ES6 Syntax. The game can save your name and score to an API endpoint.

Notifications You must be signed in to change notification settings

peterrobert/Shooter_javascript_game

Repository files navigation


Space Shooter(THE WAR ON MARS)

A JavaScript project built using the Phaser 3 Game Engine.
Explore the docs �

AssigmentReport BugsRequest Additional Feature

Table of Contents

Project Description

This is javascript capstone project built with the Phaser 3 Game Engine.During the development process two days where all about to understanding how the game engine works and design how the game should look. Time was spent creating several assets to achieve an exceptional design. The final days consisted of building the project in order to produce a fully functional space shooter game that has different features to allow players to enjoy game play.

screenshot

Live Demo

Click here

Built With

The Game was built with the following technologies:

  • Javascript
  • Phaser Game Engine
  • HTML
  • CSS
  • Webpack
  • Eslint
  • Stylelint
  • npm

Procedual Design

The design process was a challenge I was up for. At the end of day two, I had partially mastered Phaser. The main things I focused on was how to handle the physics and motion frameworks it provides. I also managed to organise all my assets which I imported from different sources and modified to my liking. On the third day I started building the project while keeping the following concepts in mind:

  • MVP - Building the main functionality before going further in implementing additional features.
  • I made sure that the build was deployable by enabling it to work locally and via a hosting service.
  • Use coding partners that would make my code easy to read.
  • The visual aspect of the game is subject to change, I made sure I met all functionality requirements I laid out before proceeding.

Getting Started

Prequesites

  • npm

Installation

  1. Clone the repo to your local machine
git clone https://github.com/peterrobert/Shooter_javascript_game.git

Usage

  1. Migrate to the cloned repository directory
cd shooter_javascript_game
  1. Install all the project dependencies
npm install
  1. Run the game:

NB: This will open a new tab on your browser where you will see the game or visit localhost:3000/dist .

npm start

Game Play

  • There are four controls for moving the ship/player:
  1. using the Up, Left and Right arrow keys
  • Key Up is for moving upward
  • Key Left is for moving backwards
  • Key Right is for moving fowards
  1. Use the spacebar to shoot.

Enemies and Points rewarded after destruction

  • You need to battle up with the steroids falling from space.

Other Future Features

As this project open source, there are a number of features you can add, some include:

  • Add Lives
  • Add levels
  • Add ship selection
  • Add the alien base station to destroy
  • Add a store

Contributing

Contributions are what make the open source community an enviroment where developers can learn, inspire, and create great ideas. Any contributions will be highly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/game_build_*feature name*)
  3. Commit your Changes
  4. Push to the Branch (git push origin feature/game_build_*feature name*)
  5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Authors Hireable

👤 Peter Robert

🤝 Contributing

Contributions, issues and feature requests are welcome!. Feel free to check the issues page.

Show your support

About

This is a Javascript Game created using Phaser 3 and Javascript ES6 Syntax. The game can save your name and score to an API endpoint.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published