Filaments

This is an algorithmic art demo made with p5.js, a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else!

Glitch is a great environment to use for experimenting with p5.js, especially if you want to use HTML controls to influence your sketch.

Play with the controls below to affect the sketch and understand the different pieces and variables that are used to construct it. And take a look at the views/sketch.js file to see how the p5.js code gets the current state of the HTML inputs and draws the algorithmic art.

Sketch

Controls

More Info

See http://nathanselikoff.com/698/code-sketches/filaments for the original version and inspiration.