• Stars
    star
    113
  • Rank 310,115 (Top 7 %)
  • Language
    TypeScript
  • Created over 3 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Raycasting engine that renders scene in HTML using React (no canvas) and renders as text in textarea or console 😅

ReactCasting

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

main

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

div-example

Rendering scene as text inside <textarea>

textarea-example

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

console-colored-example

Link

Rendering scene as text inside browser console

Works correct only in Google Chrome

console-example

Link

Also

Inspired by

Contributors