This is a 2-component project that I have envisioned to work together for my drumpad. First, as users draw elements, function mousePressed calls different types of beat based on how long the mouse is pressed or the length of the strokes drawn:
Inspiration from Music Lab’s Kandinsky: https://musiclab.chromeexperiments.com/Kandinsky/
CODE IS AVAILABLE HERE: https://editor.p5js.org/kriziafern/sketches/ByqckIWYX
On the second part of the drum pad, once the first 2 beats are done, the shapes being drawn as the beats are played:
CODE IS AVAILABLE HERE: https://editor.p5js.org/kriziafern/sketches/H1H0HD-YQ