ilyash91 / pendulum-wave

Pendulum wave audio-visualization with MIDI out

Pendulum Wave

Live project on Netlify

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.

Usage Notes

MIDI

• 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