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 traversalEach column steps cell-by-cell until it hits a wall — fast and exact.
  • Fisheye-correctedDistances are projected onto the camera plane so walls stay straight.
  • Move & lookWASD to move, arrow keys or click-drag to turn. A live minimap tracks you.
JavaScriptCanvasRaycastingDDAGraphics
View source on GitHub

Raycasting Engine

WASD to move · ←/→ or drag to look

Click to start