Fifths

An experiment into simulating chromesthesia.

Reads piano playing (through standard keyboard or MIDI instrument) and displays the musical notes in their corresponding colours inside a circle of fifths. Multiple notes simultaneously (i.e. chords) colours are mixed and their area in the circle highlighted.

This was born out of:

1. Curiosity in the topic of colours (mainly after once watching "Light, Darkness And Colours (1998)", old random film but totally recommend it.)
2. Envy of people with perfect pitch.

Run

• Clone repo.
• Connect MIDI device.
• Run with:

# Install dependencies. (This is only needed once)
npm install

# Launch app.
npm run start

• On a Chromium-based browser (note: Safari does NOT support MIDI) navigate to URL displayed by above command.

See also

For a much more mature project in the same space do check out https://chromatone.center/. In hindsight, I should have (again!) first made the effort to find this project and would have saved me coding this garbage.