Back to portfolio
Graphics · Live Demo
Raycasting Engine
A pseudo-3D renderer in the Wolfenstein 3D tradition: it casts one ray per screen column through a 2D grid using DDA, computes each wall's perpendicular distance, and draws a vertical strip scaled by that distance — turning a flat map into a world you can walk through.
- DDA ray traversal — Each column steps cell-by-cell until it hits a wall — fast and exact.
- Fisheye-corrected — Distances are projected onto the camera plane so walls stay straight.
- Move & look — WASD to move, arrow keys or click-drag to turn. A live minimap tracks you.
JavaScriptCanvasRaycastingDDAGraphics
View source on GitHubRaycasting Engine
WASD to move · ←/→ or drag to look
Click to start