ReactCasting

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

Live demo

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

Inspired by

• A first-person engine in 265 lines

Contributors