A Study on 2-D Ray-Casting

This project takes a look at the basics of 2-dimensional ray casting. I utilized the p5.js library to create the visuals for this interactive display. When the mouse is off the canvas, the floating point moves with pearling noise in random directions, casting a shadow on any area that is obstructed from the point of view of the simulated light source.

When the mouse is moved onto the canvas, you can control the position of the light source, and play around with the different lighting environments.

Try moving the slider to change the number of Rays!

Click the button to generate new walls!