Home▸Psychoacoustics▸Chromesthesia Synthesizer (2D)

Chromesthesia Synthesizer (2D)

A real Web Audio synth plays a generated melody while a 2D canvas maps each tone's pitch class to hue on a continuous chroma wheel and its octave register to brightness, sending notes rising or sinking through a valence-driven waterfall and plotting live mood on a valence-arousal circumplex.

Psychoacoustics2DAdvanced60 FPS⇄ 3D version

A genuine Web Audio oscillator sings a generated melody in real equal-tempered frequencies while this 2D canvas maps pitch class to hue on a continuous chroma wheel and octave register to brightness — two separate, real psychoacoustic cross-modal correspondences layered together instead of one fixed color table. Notes launch from the wheel and rise or sink through a waterfall depending on major or minor mode, while a live valence–arousal circumplex plot tracks the same two axes psychologists use to describe how tempo and mode shape musical emotion.

⚙ Under the hood

A real Web Audio oscillator plays a generated melody in true equal-tempered frequencies while a 2D canvas maps pitch class to hue on a continuous chroma wheel and octave register to brightness, sending notes rising or sinking through a mode-driven waterfall and plotting live mood on a valence-arousal circumplex.

sound designmusic visualizationcolor theoryemotion recognitionperceptionaudio-visualsynesthesiaWeb Audio APIchroma circle

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install