https://github.com/georgemandis/circuit-playground-midi-color-mixer

WebMIDI demo that lets you mix colors on your Circuit Playground using RGB values from a web interface
https://github.com/georgemandis/circuit-playground-midi-color-mixer

circuit-playground javascript midi-controller rgb-led webmidi webmidiapi

Last synced: 2 months ago
JSON representation

WebMIDI demo that lets you mix colors on your Circuit Playground using RGB values from a web interface

• Host: GitHub
• URL: https://github.com/georgemandis/circuit-playground-midi-color-mixer
• Owner: georgemandis
• License: mit
• Created: 2018-07-02T23:33:34.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-07-04T11:16:05.000Z (almost 7 years ago)
• Last Synced: 2025-01-11T22:21:33.248Z (4 months ago)
• Topics: circuit-playground, javascript, midi-controller, rgb-led, webmidi, webmidiapi
• Language: HTML
• Homepage: https://georgemandis.github.io/circuit-playground-midi-color-mixer/
• Size: 3.91 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Circuit Playground MIDI Controller — Color Mixer

This is designed to work with the [Circuit Playground MIDI Controller Multi-Tool](https://github.com/georgemandis/circuit-playground-midi-multi-tool) — a project designed for my [WebMIDI workshops](http://midi.mand.is/) that turns your Adafruit Circuit Playground into a fun, multi-faceted MIDI controller. There are 10 different MIDI modes once the sketch is uploaded. This demo makes use of **Mode #10** (RGB color mixing).

This WebMIDI demo makes use of Mode #10 to manipulate the onboard RGB NeoPixel LEDs and mix colors using a web interface. We do this by sending "noteOn" messages to channels 1-3 for red, green and blue values respectively.  In this mode the device is set to listen for status bytes from 144, 145 and 146 — "noteOn" messages for MIDI channels 1-3 — and the value for each color is the sum of the two data bytes.

The color of all 10 rings should match the swatch on the page as you manipulate the colors.

There is a CodePen setup to test this code here:

https://codepen.io/georgemandis/pen/xjzXgd