sketching with code

In order to create interactive music experiences that require minimal technical training or specialist music equipment, I have been creating sketches using p5.js, ‘a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists’.

I have created a number of experiments starting with some very basic visuals and interactive mechanics.

The demo experiments with instructions on how to use them can be found here. These can also be duplicated to your own account and remixed to create your own working sketches.

These have then informed a few finished tools that are available on my website.

experiment 1 – drumset:
https://editor.p5js.org/ofthesuburbs/sketches/91ezfyCmZ

experiment 2 – xylophone:
https://editor.p5js.org/ofthesuburbs/sketches/c7GMIZ0nd

experiment 3 – string wobble:
https://editor.p5js.org/ofthesuburbs/sketches/GMl7mK5EL

experiment 4 – mousebounce synth:
https://editor.p5js.org/ofthesuburbs/sketches/zJoQfhJS1

experiment 5 – bowie lip sync:
https://editor.p5js.org/ofthesuburbs/sketches/7zqELUFw7

experiment 6 – synth:
https://editor.p5js.org/ofthesuburbs/sketches/Ldh3UdgOj

experiment 7 – loop station:
https://editor.p5js.org/ofthesuburbs/sketches/s2opmM3Bd

experiment 8 – generative music video:
https://editor.p5js.org/ofthesuburbs/sketches/fGUcw69Ug

experiment 9 – interactive music video (not complete):
https://editor.p5js.org/ofthesuburbs/sketches/et5P60YtX