A synesthetic sound visualization where musical notes transform into vibrant colors. Play the interactive piano and watch each pitch paint the canvas with its characteristic hue, based on color mappings from Alexander Scriabin, Isaac Newton, and A. Wallace Rimington.
Live demo
Each musical note is mapped to a specific color based on historical synesthetic systems:
- Scriabin — Alexander Scriabin's color-tone associations from his Prometheus: The Poem of Fire
- Newton — Isaac Newton's mapping of the visible spectrum to musical intervals
- Rimington — A. Wallace Rimington's colour organ system
When you play a note, particles burst from the canvas center in the note's color and sine waves ripple across the screen at the note's frequency.
- Mouse — click and hold piano keys for sustained notes; the longer you hold, the more color fills the canvas
- Keyboard — hold keys for sustained notes: white keys
A S D F G H J K, black keysW E T Y U - Octaves — arrow buttons on piano or
←/→keys - Color Scheme — toggle between Scriabin, Newton, and Rimington mappings
- Intensity — adjusts color saturation
No build step:
npx serve .Then open http://localhost:3000/chromesthesia/.
- Canvas API
- Web Audio API
MIT