Dev home

Kitchen sink

Every piece of the site in one place, to look at and poke.

Where things are

Stages

  1. 1Renderers and referencein progress
  2. 2Flash cardsnext
  3. 3Interactive keyboardlater
  4. 4Rhythm without the miclater
  5. 5Audio detectionlater
  6. 6Key detection (MIDI)later
  7. 7Ear traininglater

Component

Keyboard

Playground

C3 to C5, letters, middle C highlighted

CDEFGABCDEFGABCC#D#F#G#A#C#D#F#G#A#

C position with finger numbers

5432112345

Playable, with sound: press a key

C3D3E3F3G3A3B3C4D4E4F4G4A4B4C5C#3D#3F#3G#3A#3C#4D#4F#4G#4A#4

Component

Notation

VexFlow vs abcjs

Two measures, fills the width

One measure, drawn large, press Play

80 bpm

Large and scrolling sideways; Play follows along

100 bpm

Reference

Lessons

Lesson log

Tokens

Design

The kit

Palette, type and the keyboard colors, all from one file.