Line mirror using p5js

Line Mirror

A webcam mirror using p5js.

Using the loadPixels() function in p5js we can iterate over all the pixels in the webcam stream and do stuff with the RGBA values. In this case rectangles are rotated to different positions depending on the brightness.

It's interesting how the image seems to be abstract until it moves, then we easily discern recognisable shapes.

View the source here:

there's some great tutorials by Daniel Shiffman on this topic here: