Raycasting algorithm that renders pseudo 3D scene in HTML using React

by React

ReactCasting

Raycasting algorithm that renders pseudo 3D scene in HTML using React (no canvas) and renders as text in textarea or console

View Demo View Github

WASD - to move

QE - to rotate

Features

  • Textures
  • Sprites
  • Simple lighting system
  • Rendering scene in <textarea>
  • Rendering scene in Chrome console

Rendering scene using <div> elements

Everything you see is built by HTML5 <div> using React

Rendering scene as text inside <textarea>

Rendering scene as text inside browser console

Works correct only in Google Chrome