Exploring MIDI input devices

Finding a physical device allowing me to control sketches in the browser has been bugging me for a long time already.

In this setup I tested the Monogram console by (mostly because I really like the look and feel of it). This workflow is really helpful for building interactive installations where you don't want the audience to interact directly with a computer.

In order to make full use of the console I switched it to MIDI mode and used webmidi.js. A library allowing us to send and receive MIDI messages directly in the browser. In this case I am using the device to control my p5.js sketch in the browser.

Next steps: build a fully working prototype with all input elements working: buttons, sliders, knobs.

This is part of an ongoing on research on generative tools and their possibilities for branding and visual communication

💭 What are generative tools?
💭 How can we use them in a commercial context?
💭 How can creative agencies work together with creative coders?