Graphics · Live Demo

Raycasting Engine

A pseudo-3D renderer in the Wolfenstein 3D tradition, ported faithfully from my Python engine. It marches 150 rays across the field of view, finds where each one hits a wall, and draws a vertical strip scaled by that distance. The left pane shows the real 2D map with the rays fanning out; the right pane is the 3D view they produce.

  • Ray marching. Each ray steps forward through the grid until it strikes a wall.
  • Map + 3D, side by side. Watch the 2D rays on the left build the 3D scene on the right.
  • Move & turn. W/S to move, A/D (or arrows) to turn, or click-drag to look around.
PythonJavaScriptCanvasRaycastingGraphics
View source on GitHub

Raycasting Engine

W/S move · A/D turn · drag to look. Left pane = 2D map & rays, right = the 3D view.

Click to start