Diagnostic
Tech
Every piece of the site in one place, to look at and poke.
Where things are
Stages
- 1Renderers and referencedone
- 2Flash cardsdone
- 2bLessons as decksin progress
- 3Interactive keyboardlater
- 4Rhythm without the miclater
- 5Audio detectionlater
- 6Key detection (MIDI)later
- 7Ear traininglater
Diagnostic
Audio check
- Sound setting
- on
- Context
- not created yet (tap something)
- Browser
Log: gestures that changed the context, and every note asked for
none yet
If the ring/silent switch is on silent and the test note is silent, the unmute helper did not take. If the context stays "suspended" after a tap, the gesture did not count.
Component
Terms that point
Hover or tap a tag: middle C, a group of two, the notes C D E, the clef, the time signature, a half note, the eighth notes, a bar line, the first measure, the counts 1 2 3 4. Written as text in the prose; bold stays bold.
Diagnostic
Card figures
Generated flash cards with a notation figure, as the review page shows them.
Lesson 2 · Note → Name
What is this note called?
Lesson 2 · Rest → Beats
How many beats is this rest in 4/4?
Lesson 2 · Note → Name
What is this note called?
Lesson 2 · Rest → Beats
How many beats is this rest in 4/4?
Lesson 2 · Note → Name
What is this note called?
Lesson 2 · Rest → Beats
How many beats is this rest in 4/4?
Lesson 2 · Note → Name
What is this note called?
Lesson 2 · Rest → Beats
How many beats is this rest in 4/4?
Lesson 2 · Note → Name
What is this note called?
Lesson 2 · Rest → Beats
How many beats is this rest in 4/4?
Component
Keyboard
C3 to C5, letters, middle C highlighted
C position with finger numbers
Playable, with sound: press a key
Component
Notation
Two measures, fills the width
One measure, drawn large, press Play
Large and scrolling sideways; Play follows along
Drills
Flash cards
Cards generated from each lesson's facts, both directions, scheduled with FSRS and graded by the clock. All cards.
Decks
Lessons
Each lesson is a deck of concepts: say, show, ask with hints, a quick check, a bonus review, then the concept's cards unlock. Add ?step=N to jump.
Tokens
Design
Palette, type and the keyboard colors, all from one file.