Rainbow Piano
✓ Published0🌍 Public
This interactive piano visualization uses the Web Audio API to synthesize tones and features a colorful gradient background transitioning from teal to magenta. The piano displays both white keys and black keys, where the white keys are labeled with keyboard letters (A, S, D, F, G, H, J, K, L) alongside note names. Each key responds to mouse clicks and touch events, changing color and shifting downward when pressed. A button above the controls plays a pre-programmed melody, while the audio context is created dynamically on interaction.
AI-generated descriptionMIT Licensed