gittech. site

for different kinds of informations and explorations.

A ray caster tutorial in ASCII art

Published at
Jan 19, 2025

ASCII Raycaster Tutorial

A ray caster in Typescript and HTML Canvas with annotated explanations in ASCII art.

See it in action

shikaan.github.io/raycast-tutorial

Where is the tutorial?

The code is the tutorial! Jump to app.ts to get started.

This repository is the code for a web application running a ray caster in the browser. All the code is thoroughly annotated and includes ASCII art explanations where drawings are necessary.

Image

Prerequisites

The tutorial expects minimal familiarity with high-school level trigonometry, but all you really need is in the Wikipedia page for trigonometric functions.

Development

npm ci
npm start

Contributing

If you'd like to report an issue, feel free to create a GitHub issue.

License

MIT