https://github.com/abdallahhemdan/spacetrippers
🚀 SpaceTrippers is a 3D infinite survival game in which you trying to avoid rocks and obstacles to get high score which is coded using TypeScript and NodeJS...
https://github.com/abdallahhemdan/spacetrippers
3d 3d-game 3d-graphics computer-graphics computer-graphics-webgl fecu game infinite infinite-runner npm score space-game space-invaders space-shooter-game space-shuttle typescript webgl yarn
Last synced: 5 months ago
JSON representation
🚀 SpaceTrippers is a 3D infinite survival game in which you trying to avoid rocks and obstacles to get high score which is coded using TypeScript and NodeJS...
- Host: GitHub
- URL: https://github.com/abdallahhemdan/spacetrippers
- Owner: AbdallahHemdan
- License: mit
- Created: 2020-01-07T02:44:41.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2022-05-30T23:37:30.000Z (over 3 years ago)
- Last Synced: 2025-03-31T09:41:23.269Z (7 months ago)
- Topics: 3d, 3d-game, 3d-graphics, computer-graphics, computer-graphics-webgl, fecu, game, infinite, infinite-runner, npm, score, space-game, space-invaders, space-shooter-game, space-shuttle, typescript, webgl, yarn
- Language: TypeScript
- Homepage:
- Size: 19.3 MB
- Stars: 11
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Space Trippers
[](https://github.com/AbdallahHemdan/SpaceTrippers/contributors)
[](https://github.com/AbdallahHemdan/SpaceTrippers/issues)
[](https://github.com/AbdallahHemdan/SpaceTrippers/network)
[](https://github.com/AbdallahHemdan/SpaceTrippers/stargazers)
[](https://github.com/AbdallahHemdan/SpaceTrippers/blob/master/LICENSE)
---
🤖 :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. Travelling 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.
## 🏁 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
## 🎥 Demo
## 📷 Screenshots
