Renovamen / Galaxy-Voyager

Spring 2019 Web System and Technology - Final Project: A game

Galaxy Voyager

It is not easy to be a voyager, but we still want to leave...

 

Play It

https://galaxy.zxh.io

 

Game

Voyage #1: Fly

Fly a spaceship to eat energy coins (blue) and avoid crashing antimatter (red) (Based on TheAviator). Voice control is supported (using Web Audio API), the flying height of the plane will depend on your decibel level after clicking the "microphone" button (Obviously, this idea is inspired by 休むな！８分音符ちゃん).

Play it

Screenshot:

 

Voyage #2: Wormhole

Fly a spaceship to past a sequence of rotating barriers and avoid crashing (Based on missile-game). VR is supported if you have a Google Cardboard or other similar devices (using DeviceOrientationEvent for head tracking). According to my test (iPhone 7 & Essential Phone), VR experience on Firefox is the best.

Play it: Normal, VR

Screenshot:

• Normal

  

• VR

  

 

Run Locally

A local server should be built before running this game locally. There are several ways to build a local server, for example:

cd Galaxy-Voyager
npm install http-server
http-server

Then, open http://127.0.0.1:8080.

 

Dependencies

• three.js: JavaScript 3D library, using for building character and environment in Voyage #1: Fly.
  • MTLLoader.js: Load spaceship model (mtl).
  • OBJLoader.js: Load spaceship model (obj).
• TweenMax: JavaScript animation library, using for making animation of the plane, energy coins and antimatter in Voyage #1: Fly.
• Path.js & 2D.js: SVG geometry library, using for building environment in Voyage #2: Wormhole.
• ThreeCSG: CSG plugin for three.js, using for special effects of title in homepage.
• jBox: A jQuery plugin that makes it easy to create customizable tooltips and more.
• Font Awesome: A icon set.
• jQuery: A JavaScript library.
• Bootstrap: A front-end component library.