https://github.com/xtrinch/raycasting-game
3D game using raycasting written in Javascript
https://github.com/xtrinch/raycasting-game
game game-development javascript raycaster raycasting react
Last synced: 2 months ago
JSON representation
3D game using raycasting written in Javascript
- Host: GitHub
- URL: https://github.com/xtrinch/raycasting-game
- Owner: xtrinch
- Created: 2025-03-09T18:52:51.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-09T19:08:19.000Z (over 1 year ago)
- Last Synced: 2025-08-25T16:37:47.610Z (10 months ago)
- Topics: game, game-development, javascript, raycaster, raycasting, react
- Language: TypeScript
- Homepage: https://xtrinch.github.io/raycasting-game/
- Size: 10.3 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 3d game created with raycasting in Javascript / React
The general idea for the math setup and walls raycasting is taken from https://lodev.org/cgtutor/raycasting.html.
It uses vectors to define our direction / camera plane instead of angles.
The ceiling / walls are instead raycasted using arbitrary quad mapping on 2d html canvas as drawing pixel by pixel has turned out to be too slow for javascript.
The general setup is done with React, using Mobx as state management.
See it live at https://xtrinch.github.io/raycasting-game/.