Skip to content

πŸ€– πŸš€ 3D WebGL interactive game using TypeScript and NodeJS.

License

Notifications You must be signed in to change notification settings

aashrafh/SpaceTrippers

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

34 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

SpaceTrippers logo

Space Trippers


πŸ€– πŸš€ A 3D WebGL interactive game using TypeScript and NodeJS.

πŸ“ Table of Contents

🧐 About

A 3D space game. Traveling along the space trying to avoid rocks and obstacles. The ship can avoid the rocks by moving right, or left. Collision with the rocks affects its health by decreasing total health by ONE and every second with no collision with the rock your score increase by ONE.

πŸŽ₯ Demo

GIF Demo Image Demo Image Demo Image Demo Image Demo Image Demo Image Demo

🏁 Install

  1. Install Node.js and Visual Studio Code.
  2. Open the folder in Visual Studio Code.
  3. Open a terminal (Terminal > New Terminal).
  4. Run npm install . If it failed for any reason, try again.
  5. Run npm run watch .
  6. Ctrl + click the link shown in the terminal (usually it will be http://localhost:1234).

Note: you can use yarn to enable caching so that you don't download all the packages with project. You can download yarn from yarnpkg.com. Then replace npm install with yarn install and npm run watch with yarn watch.

πŸ’­ How To Play

The aircraft is running "to infinity and beyond" πŸƒ so your job is to avoid the obstacles to get survive for as much time as you can so can get a point for every second of avoiding the rocks.

  1. Click on the canvas using the mouse to get into the game.
  2. Use J to moving left.
  3. Use L to move right.
  4. Press ESC to exit play mode.

⛏️ Built Using

  • TypeScript - strict syntactical superset of JavaScript.
  • glMatrix - Javascript Matrix and Vector library.
  • WebGL - JavaScript API for rendering interactive 3D graphics.
  • NodeJs - Server Environment