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

main

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

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