https://github.com/ninovandermark/weblabyrinth

Web Labyrinth - Raycaster for the browser
https://github.com/ninovandermark/weblabyrinth

3d canvas game html5 raycaster web

Last synced: 3 months ago
JSON representation

Web Labyrinth - Raycaster for the browser

• Host: GitHub
• URL: https://github.com/ninovandermark/weblabyrinth
• Owner: NinovanderMark
• License: mit
• Created: 2020-03-22T11:52:40.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2024-04-22T12:15:19.000Z (over 1 year ago)
• Last Synced: 2024-04-22T13:35:26.650Z (over 1 year ago)
• Topics: 3d, canvas, game, html5, raycaster, web
• Language: TypeScript
• Homepage: https://weblabyrinth.ninovandermark.nl/
• Size: 1.08 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![image](https://github.com/NinovanderMark/WebLabyrinth/assets/6692167/88db6ff1-080b-4462-af8d-3853df899b0a)

# What is Web Labyrinth

Web Labyrinth is a 3d Raycaster that runs in the browser. It's built using TypeScript and Node.js and heavily inspired by the [Lode Computer Graphics](https://lodev.org/cgtutor/raycasting.html) tutorial on raycasting, as well as Andrew Mushel's [Javascript implementation](https://github.com/almushel/raycast-demo)

# How do I play this?

The GitHub pages site for this repository has a playable demo and can be found at http://weblabyrinth.ninovandermark.nl/

Alternatively, one can download one of the releases, and place the contents of the ZIP in a web host of your choice to be run from there.

## Controls

- Use the arrow keys to move around

- Pressing the 'M' key opens a top-down map

# How do I build the code?

- Clone the repository

- Run `npm install` from the root of the project

- Run `npm run serve` to start a local development server that automatically rebuilds on changes

- Navigate to http://localhost:1234 in your browser to play and test