Index

• Title
• Demo
• Instructions
• Hosting
• Development phase
• Tech Stack / Dependencies
• Run locally
• Authors

Space Shooter  

A space-invaders like game, made using HTML, CSS and JavaSscript. Bundled with my custom Webpack config. Please note that this game is best played on large screens and a keyboard input.

Demo

Space Shooter

Features

• Adjustable difficulty level, with each difficulty providing its own class of enemies that each have different attributes
• Choose between different fighter classes, with each class having its own attributes
• Choose different space background
• Background image is animated to simulate flying through space
• Score and lives count are updated live on the hud
• The laser of the user controlled fighter jams when it is used too much, and needs some time to cooldown, this is visually represented on the HUD by a cooldown meter (the cooldown period depends on fighter class)

Instructions

• move Up: ↑, W
• move Down: ↓, S
• move Left: ←, A
• move Right: →, D
• shoot:   Space  

Hosting

This web app is hosted on Github Pages

Development phase

This project was a lot of fun to create. Being a gamer myself I loved every second of developing it.

Building this small game has cemented a lot of the theoretical and practical knowledge I have in JavaScript, DOM manipulation, OOP, array methods and different web API's:

• requestAnimationFrame()
• Web Animations

Tech Stack / Dependencies

• html
• sass
• javascript

Run Locally

Clone the project

  git clone https://github.com/SamyZog/space-shooter

Go to the project directory

  cd space-shooter

Install dependencies

  npm install

Start the server

  npm start

Authors

• @SamyZog