Pixel Synth

Demo

A lofi video synthesizer.

Controls

All the controls are in the GUI dropdown.

MIDI

Plug in a MIDI controller then refresh the page. The code auto connects to the first available MIDI controller. Change the CC selectors to connect the controls to the parameters you want. The ccIdentifier just shows which knob you last turned. It also serves to show if your MIDI device is connected.

The Code

The interesting bits of this project are main.js and midi.js. This repository is based on Net Art Starter. Everything you need to know to build and edit this project are in that repository.

Thanks

Thanks to dat.GUI and WebMidi.js for making the hard parts easy.