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>

Link

Rendering scene inside Chrome console 🥲

Works correct only in Google Chrome. Resize devtools console to see full scene. Use CMD(or CNTRL) + "-" on devtools to zoom out console if you see white lines

Link

Rendering scene as text inside browser console

Works correct only in Google Chrome

Link

Also

• Check my HTML based 3D Shooter implemented without Canvas

Inspired by

• A first-person engine in 265 lines

Contributors