macgical
music
playback piano works box carlevas listening room
creative coding
p5js sketches draw synth
visual work
gallery
writing
poem i wrote
contact
mac@↴
macgical.net
instagram:
@macgical
@macsanmiguel
draw synth is an application i made that combines the visual and musical creative processes.
the app allows you to make a drawing, then play your drawing as a musical instrument.

↓ instructions ↓

draw

draw mode is selected by default, or by using the pink button in the top left corner. in draw mode, you can choose colors and stroke weight from the palette and create a drawing on the canvas. additionally, the pink eraser button in the top right allows you to use the mouse to erase small details, or use the red "reset" button to completely clear the canvas.

synth

synth mode can be activated by pressing the blue "synth" button in the top left corner. in synth mode, instead of drawing on the canvas, you will now be able to click and drag the mouse over the drawing you made and the program will interpret it as music. in synth mode, you have options (on the right side of the palette) to alter the note speed (or how often the synth checks for a color under the held mouse), polyphony, and note length. the black "kill" button will completely end all currently playing notes (this will be useful when using the "hold" note length.)

!notice! chrome (and other chromium browsers) might encounter audio problems so i would recommend using firefox or safari. unless you want some crazy distortion.. then use chromium.

↗link to draw synth