https://github.com/aashrafh/spacetrippers

🤖 🚀 3D WebGL interactive game using TypeScript and NodeJS.
https://github.com/aashrafh/spacetrippers

3d 3d-game 3d-graphics 3d-models collision computer-graphics craft game glmatrix javascript nodejs npm rocks space space-game space-invaders typescript webgl webgl-game yarn

Last synced: about 2 months ago
JSON representation

🤖 🚀 3D WebGL interactive game using TypeScript and NodeJS.

• Host: GitHub
• URL: https://github.com/aashrafh/spacetrippers
• Owner: aashrafh
• License: mit
• Created: 2019-12-19T21:56:25.000Z (about 5 years ago)
• Default Branch: Game
• Last Pushed: 2020-02-12T13:23:05.000Z (almost 5 years ago)
• Last Synced: 2024-10-25T14:35:04.416Z (3 months ago)
• Topics: 3d, 3d-game, 3d-graphics, 3d-models, collision, computer-graphics, craft, game, glmatrix, javascript, nodejs, npm, rocks, space, space-game, space-invaders, typescript, webgl, webgl-game, yarn
• Language: TypeScript
• Homepage:
• Size: 52.4 MB
• Stars: 2
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

 



Space Trippers




  

        

  

   

        

  

  

        

        

  

        

        

  

        



---

 🤖 :rocket: A 3D WebGL interactive game using TypeScript and NodeJS.

    
 



## 📝 Table of Contents

- [About](#about)

- [Demo](#demo)

- [Install](#Install)

- [How To Play](#play)

- [Technology](#tech)

## 🧐 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 



  


  

    

    

    

    

    

    

  

  


## 🏁 Install 

1. Install [Node.js](https://nodejs.org/en/) and [Visual Studio Code](https://code.visualstudio.com/).

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](https://yarnpkg.com/lang/en/). 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" :runner: 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](https://www.typescriptlang.org/) - strict syntactical superset of JavaScript.

- [glMatrix](http://glmatrix.net/) - Javascript Matrix and Vector library.

- [WebGL](https://get.webgl.org/) - JavaScript API for rendering interactive 3D graphics.

- [NodeJs](https://nodejs.org/en/) - Server Environment