Drawing App with MIDI-Controller input

An online drawing tool that lets you change colors via MIDI controller.

It uses the Web MIDI API available on all chromium based browsers (2019)

The app runs without any plugins/java applets/whatsoever.

Yet, recent changes around secruity policies made it available only via ssl and

by explicitly allowing Midi access in website settings. (Icon to the left of the url bar)

draw

or see gallery

you need some sort of Midi-Controller (cheap, commercial controller: Korg NanoKontrol 25$ or scroll down for a DIY version)

go to https://jsfiddle.net/heinzotto/au309r3s/7/embedded/result/ and turn a knob/fader

enter the channel numbers next to the HSB sliders

the first slider of my MIDI-Controller happens to have channel number 2, so I assigned it to the hue channel like in the picture below

restart chrome and reconnect your MIDI device, just to make sure, otherwise chrome sometimes forgets about your midi device

If you want to build your own, you can find all the parts and files here.