Interactive Demo
The Staff: Musical Coordinate System
The Staff: Musical Coordinate System is a free, interactive learning demo from the Music Appreciation 1 course on Lykke. It helps you build intuition for Staff, Clefs, Ledger Lines, Accidentals. Play with it directly in your browser — it features 4 buttons and direct drag interaction. This demo lives in the “Musical Notation and the Staff” section of the course.

How to use this demo
- Click and drag directly on the canvas to manipulate the scene.
- Use the “Treble (G)”, “Alto (C)”, “Tenor (C)”, “Bass (F)” buttons to trigger actions or reset the demo.
- Experiment freely — there's nothing to break, and every change is reversible.
What you'll explore
- Staff
- Clefs
- Ledger Lines
- Accidentals
Frequently asked questions
What does the The Staff: Musical Coordinate System demo do?
The visual representation of music, including the staff, clefs, and accidentals. The Staff: Musical Coordinate System turns that idea into something you can manipulate directly and watch respond.
What Music Appreciation 1 concept does The Staff: Musical Coordinate System teach?
The visual representation of music, including the staff, clefs, and accidentals. It focuses on Staff, Clefs, Ledger Lines, Accidentals from the “Musical Notation and the Staff” section.
What can I control in The Staff: Musical Coordinate System?
You can drag elements directly on the canvas; the “Treble (G)”, “Alto (C)”, “Tenor (C)”, “Bass (F)” buttons run actions or reset the demo. Every change updates the visualization in real time, so you can see exactly how each variable affects the outcome.
How does The Staff: Musical Coordinate System fit into the Music Appreciation 1 course?
Music Appreciation 1 provides a comprehensive introduction to the fundamental building blocks of music theory, instrumentation, and historical analysis. The course covers essential elements such as melody, harmony, rhyt… This demo is the interactive piece for the “Musical Notation and the Staff” section. Open the full Music Appreciation 1 course wiki at https://www.getlykke.com/explore/public/music-appreciation-1-3382b0df-6758-42c8-b2ad-c3f8655391d1 for notes, flashcards, quizzes and the other demos.
What will I understand better after using The Staff: Musical Coordinate System?
You'll build intuition for Staff, Clefs, Ledger Lines, Accidentals — and, crucially, see how they behave when you change the inputs, which is hard to get from a textbook or lecture on Music Appreciation 1 alone.
From the Music Appreciation 1 course
This interactive demo is part of the Musical Notation and the Staff section. Explore the full Music Appreciation 1 course wiki on Lykke — with notes, flashcards, quizzes and more interactive demos.
Open the Music Appreciation 1 course →