TRACK 05 · TOOLS
Studio tools
Two small tools for working out music, built on the same audio engine and sampled grand piano as the games. Turn your sound on.
Keyboard
Play with your computer keyboard, mouse, or fingers — several keys at once — and it names the chord. On a touch screen, turn on Sustain to tap a chord together one note at a time.
Notes keep ringing after you let go, so you can tap a chord one key at a time. Tap a ringing key again to take it out, or turn Sustain off to let go of everything.
C4–C6
NotePlay some keysHold several at once — or turn on Sustain and tap them — to see the chord.
Keys: A W S E D F T G Y H U J K O L P ; ' play C → F · Z / X octave down / up · Esc clear
Progression Builder
Sketch a chord progression: choose 4, 8 or 16 steps and a tempo, give any step a chord — from a plain major to Am7♭5 — with an optional bass note, then loop it. Saved in this browser.
STEPS
Tap a step to pick its chord. Empty steps hold the chord before them; each step is one beat.
- Web Audio API
- Sampled piano
- Chord detection
- React
- TypeScript
- Vitest