An audio-visual experiment featuring:
- visuals built with p5.js
- web audio synthesis built with Tone.js
- MIDI output built with WebMidi.js
- GUI built with dat.gui
Same example on CodePen.
Originally inspired by this youtube video.
- left side notes output on MIDI channel 1
- right side notes output on MIDI channel 2
- scale is defined in semitones from the root and is mapped from bottom to top along the left and right sides. The number of octaves depends on number of balls. For example, a 5 note scale with 15 balls will span 3 octaves.
- Press h to toggle GUI