/Space-Wars

A 2D game built in ThreeJS for the Web. Inspired from the Sky Force game for phones. Used Blender to generate 3D Models to be used in the game. Also designed a Trailer for the game using Blender Animations.

Primary LanguageJavaScript

Space Wars

It's time you buckle up your seat belts. The Space Wars have started and, you are their only hope!

How to run

  1. Run git clone https://github.com/alapan-sau/Space-Wars to download the game.

  2. Run npm install inside the repository

  3. Run npm start to start the game in the default browser

$ git clone https://github.com/alapan-sau/Space-Wars
$ cd Space-Wars
$ npm install
$ npm start

Features

  1. A battle spaceship has to score as many points as possible, by destroying enemy battle ships and collecting stars

  2. Misslies are used to shoot the enemies. Howewer, Enemy ships also try and shoot!

  3. Score and Health is Diplayed at the top of screen.

  4. The enemy ships can move along with the hero ship to increase difficulty.

  5. 3D animations, to glorify the asthetics of the game

Scoring Policy

The game starts with an initial Health = 100 and Score = 0

  • Shooting Enemy: Score+=50
  • Collecting Star: Score+=10
  • Getting Shot: Health-=10
  • Coolliding Enemy ships: Health-=20

Game Controls

Up: Move upwards on screen (Move Left)
Down: Move Downwards on screen (Move Right)
Right: Move Rightwards on screen (Move Front)

Left: Move Leftwards on screen (Move Back)

File Structure

index.html The html anchor where the game canvas element is present
src/main.js The main file of the game logic
src/World/World/.js All the components of the game are actually built and organised here.
src/World/World/Componenets The various components of the game like hero, enemy, missile are individually implemented in this dir
src/World/World/system The system dir organises the actual logic of the code by specifying the interaction among the various models
src/World/World/system/Loop The central gaming loop

Trailer

A trailer to the game is added here

The trailer animatons are made using the Blender Grpahics Tool.