Drawing Drum Machine

Wtf is that

The drawing drum machine is a strudel live editor that uses a live feed to trigger sounds.

You can see it like a vjing meets live coding environement

It comes as web components for reusability and modularity so you can build your custom ui.

How can I use it

You just have to load the library, put the different parts in your html file and voilà !

import DDM from "drawing-drum-machine"

How it works :

<ddm-main> contains the image processing and live feed part

<ddm-channels> contains the channels UI : adding, modifying values, removing, writing code

You have to put these two components in your dom otherwise the drawing drum machine will not run. And you'll be sad.

How to rave on

• Add a channel with the "+" symbol
• Set the channel color by clicking on the pen then the live feed
• Write the desired code (strudel chain), for example : s("sine").decay(.1).delay(1)
• Smash your CTRL+S buttons to update the sequence
• DANCE
• Repeat for any new color-instrument you want

How to contribute

As I'm not really a developer myself, ask for features if you are not too, or make some pull requests if you are kind and strong. I will ensure to keep it up to date as long as I can.

License

This library is distributed by the terms of the Hippocratic License version 3.0.

You can see it here