ReactCasting

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

main

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

div-example

Rendering scene as text inside <textarea>

textarea-example

Rendering scene as text inside browser console

Works correct only in Google Chrome

console-example