Mic Level Visualization

This sketch uses color and shape to demonstrate microphone levels. Clicking on the canvas will create random lines and swirls that also react to the microphone level. Click and drag to erase the lines or moving circles. Lessons learned: for loops, classes, arrays, splice.
*This sketch does not work as an embed: please open the sketch to try it out!

low volume medium volume high volume

Digital CDJ collaboration w/ Adam Colestock

This sketch explored interaction with the mouse as well as loops

Trails

Sketch that changes over time using random(). Hover to start and click to change color.

Simple Slider Widget

Uses map() and constrain()

First P5 Sketch

Click the image, then drag to paint