P5.js

I've started playing around with P5.js, which has a lot of similarities to Processing, which I am also fiddling around with Processing No.1.

I followed this tutorial by Patt Vira. It was straightforward enough, with one exception—I couldn't figure out how to make the animation and sound be triggered by the mouseClick function. I would embed the animation with the midi "music" in this post, but it's pretty loud and repetitive with no user controls beyond closing the website or muting.

Until then, the animation can be seen here as a gif that is hopefully less offensive to the senses.

p5js_animation_sm2.gif

Here is the link to the code along with the visuals and sound.