Music theory looks like a pile of arbitrary rules. Underneath it is physics and one very good approximation. Nothing here is a diagram of a sound — press the buttons and it is the sound.
CHOOSE A ROUTE — SWITCHABLE AT ANY TIME
I · PHYSICS
I
ACT I · PHYSICS
Pitch is a number, and consonance is arithmetic your ear performs.
Sound is air pressure wiggling back and forth. What you perceive as pitch is simply how many wiggles arrive per second — the frequency, measured in hertz (Hz). Slide the frequency below and listen: nothing about a "note" exists yet, just a continuous dial.
Frequency explorer
frequency 220 Hz
Now the first miracle. Play 220, then 440, then 880. They're obviously different pitches — yet they sound like the same note. Doubling a frequency produces this "sameness," and every musical culture on Earth discovered it independently. We call the doubling an octave, and it's the anchor everything else hangs on.
octave: f → 2·f // the only interval nature gives us for free
ACT I · 02PHYSICS
2 : 1Double the frequency and the note comes back as
itself. The octave is the only interval nature hands over for free — every other one
is a compromise someone chose.
Why some ratios sound good: the harmonic series
Why does ×2 sound "the same"? Because real instruments never produce one frequency. A string of length L also vibrates in halves, thirds, quarters… simultaneously. So a string tuned to 110 Hz actually emits 110, 220, 330, 440, 550… — every whole-number multiple. These are the harmonics, and their recipe is what makes a violin sound different from a flute.
Harmonic mixer · fundamental = 110 Hz · toggle partials while it plays
resulting waveform (sum)
spectrum: which frequencies are present
Here's the payoff: play two notes whose frequencies form a small whole-number ratio, and their harmonic ladders overlap. A 2:1 pair shares every other rung — that's why octaves fuse. A 3:2 pair shares every third rung. The fewer shared rungs, the rougher it sounds. Consonance isn't taste; it's arithmetic your ear performs.
II · STRUCTURE
II
ACT II · STRUCTURE
Twelve notes, seven letters, and the wheel in the booth are one construction.
Consonance isn't taste. It's arithmetic your ear performs.
02 · The harmonic series
How an interval is actually calculated
An interval is the distance between two pitches — but crucially, it's a distance you multiply, not add. A fifth above 200 Hz is 300 Hz (+100); a fifth above 400 Hz is 600 Hz (+200). Same interval, different hertz gap, same ratio. So pitch space is logarithmic, and modern tuning defines it in one line:
Each semitone multiplies frequency by 2^(1/12) ≈ 1.05946. Twelve of them multiply to exactly 2 — one octave. For finer measurement each semitone is split into 100 cents: cents = 1200·log₂(f₂/f₁). Try it — pick a root on the keyboard, then an interval:
Interval laboratory · click a key to set the root
Notice the last two cells above: equal temperament's ratios are irrational numbers that land eerily close to the pure whole-number ratios of the harmonic series. That closeness is not luck — it's the entire reason for the number 12, coming up next. The full ledger:
The 12 intervals · click any row to hear it on C4
The devil's interval: tension → resolution
Look at the worst row in that table: n = 6, the tritone — ratio √2, the octave split exactly in half, with no small-number ratio to justify it. Medieval theorists called it diabolus in musica. But its instability is fuel: those two notes are desperate to move, and they can collapse inward or spring outward — the same pair resolving into two different keys a tritone apart. That double identity is the engine inside every dominant seventh chord, and the basis of jazz's tritone substitution.
Tension lab · same two notes (B + F), two escape routes
B and F, six semitones apart. Play them alone and notice your ear waiting for something.
In the G7 → C cadence, listen for the tritone hidden inside the first chord (B and F) doing the pulling: B slides up a half-step to C, F slides down a half-step to E. That "the song has to land now" feeling is this one interval demanding resolution — four centuries of Western harmony run on it.
ACT II · 04 · SHORTCUTDJ PATH
Twelve, seven, and C — the booth version
The derivations live on the theory path. Here is what survives contact with a Friday night, then straight on to the wheel.
12
Twelve notes
Stack pure fifths (×3/2) and after twelve you land 23.5¢ from home — the Pythagorean comma. Equal temperament shaves 2¢ off each fifth so the circle closes. That closed circle is the Camelot wheel.
7
Seven letters
Stop the same chain at seven and you get two step sizes only — W W H W W W H. That is the diatonic scale, and it is why neighbouring wheel slots share six of seven notes.
C
Why C
Accident, not math. Boethius lettered from A; taste drifted to the mode starting on the third letter and nobody re-dealt the alphabet. Minor is the same seven notes entered three semitones lower — the A ring.
ACT II · 04MATHTHEORY PATH
1.05946One semitone — 2^(1/12). Twelve of them multiply
to exactly 2, which is why intervals are something you multiply, never something you
add.
Why twelve? Stack fifths and watch
After the octave (2:1), the strongest consonance is the fifth (3:2). So here's the natural experiment every ancient tuning theorist ran: start on a note, keep multiplying by 3/2 (folding back into one octave whenever you overshoot ×2), and see if you ever return home. If you do after N steps, you've carved the octave into N notes where fifths work everywhere.
Fifth-stacking machine · each step multiplies by 3/2
Press "Stack a fifth." Angle around the circle = position within the octave.
Twelve steps later you land almost exactly where you began: (3/2)¹² = 129.75, while 7 octaves is 2⁷ = 128. The overshoot — about 1.4%, or 23.5 cents — is the famous Pythagorean comma. No stack of pure fifths ever closes perfectly (powers of 3 can't equal powers of 2), but 12 comes astonishingly close. Equal temperament's fix: shave each fifth by 2 cents so the circle closes exactly.
2^(7/12) = 1.4983… ≈ 3/2 // a fifth, only 1.96¢ flat — inaudible to nearly everyone
Could other numbers work? Mathematically this is asking for good rational approximations of log₂(3/2) = 0.58496…, and the continued-fraction convergents are 1/2, 3/5, 7/12, 31/53… Twelve is the sweet spot: the smallest division that nails the fifth and lands a usable major third, with few enough notes to fit under ten fingers.
Dividing the octave into N equal steps · how good is the best available fifth?
N notes
best fifth
size
error vs pure 3:2
verdict
5
3 steps
720.0¢
+18.0¢
audibly sharp (slendro territory)
7
4 steps
685.7¢
−16.2¢
audibly flat
12
7 steps
700.0¢
−1.96¢
excellent, and playable
19
11 steps
694.7¢
−7.2¢
better thirds, worse fifths
31
18 steps
696.8¢
−5.2¢
great thirds; 31 keys per octave…
53
31 steps
701.9¢
−0.07¢
near-perfect, utterly impractical
The price of the compromise — hear it
Twelve's weak spot is the major third: 400¢ vs the pure 5:4 at 386¢ — 14 cents sharp. When the harmonics misalign by a few hertz they interfere, producing a slow shimmer called beating. Compare:
Every major third you've ever heard on a piano beats like this. We collectively agreed the trade was worth it: slightly restless thirds in exchange for the freedom to play in all 12 keys and modulate between them — the deal that unlocked Bach's Well-Tempered Clavier and everything after.
ACT II · 05STRUCTURETHEORY PATH
23.5 centsThe Pythagorean comma. Twelve fifths overshoot
seven octaves by about 1.4%, and every tuning system in history is a different way of
hiding that gap.
Why only seven letters?
Twelve notes exist, but melodies rarely use all of them at once. Take the same fifth-stacking machine and stop at seven notes — the previous convergent of that continued fraction. Start from F:
Chain of fifths → the diatonic scale
Sorted into one octave, those seven fifths-related notes form a scale with a beautiful property: only two step sizes — whole steps (W) and half steps (H) — in the pattern W·W·H·W·W·W·H. Maximally even, no two half-steps adjacent, and every note reachable by fifths. This is the diatonic scale, and it's the seven-note core that medieval musicians named with letters A through G.
The five leftover notes (the black keys) arrived later, as alterations of the seven — which is why they never got their own letters and are spelled as sharps and flats: C♯ is "C, raised."
ACT II · 06HISTORYTHEORY PATH
So why does everything start on C?
Pure historical accident — the one piece of this that isn't math. Around 500 CE, Boethius labeled the notes alphabetically starting from the lowest note in use: A. Perfectly logical. But medieval music was built on modes, and over the following thousand years, European taste drifted toward one particular pattern — the mode that happens to begin on the third letter.
By the 1600s that pattern (the Ionian mode) had become so dominant we renamed it "the major scale." The letters were never re-dealt. So the white keys got named for an A-based world, and we now live in a C-based one. Hear what changed taste — same seven white keys, different starting note:
Two walks along the same white keys
Identical notes. The only difference is where the half-steps fall relative to your starting point — A-to-A gives W·H·W·W·H·W·W (natural minor), C-to-C gives W·W·H·W·W·W·H (major). Europe fell for the second one, and the naming never caught up.
ACT II · 07FOR THE DJPAYOFF
Twelve notes and seven letters are physics. Starting on C is
an accident — the only part of this page history could have dealt differently.
The Camelot wheel: the circle of fifths, rebranded
Everything above compresses into one DJ tool. Take the 12 major keys and arrange them so each clockwise step goes up a perfect fifth — the same ×3/2 move from section 04 — then number the slots like a clock. That's the outer B ring. Beside each major key, on the inner A ring with the same number, sits its relative minor: the scale from section 06 that uses the exact same seven notes but starts three semitones lower. That's the entire invention. Neighbouring slots share 6 of their 7 notes, so blending between them can't clash hard — Mixed In Key just replaced "up a fifth" with "+1" so nobody has to think about it at 2 a.m.
+1 hour on the wheel = +7 semitones (a fifth) // A↔B same number = same 7 notes, minor↔major
Interactive wheel · click any slot to hear it and see its safe mixes
selected (full colour)safe mix — bright (±1, relative)energy move (+2, +7)colours follow the Mixed In Key palette
where you can go next — click to jump & preview:
The scale formula behind each slot
Every B slot is a major scale, every A slot a natural minor — the two step-recipes from sections 05–06, applied to a different root:
B ring (major): W·W·H·W·W·W·H A ring (minor): W·H·W·W·H·W·W // same note set, entered 3 semitones lower
Converting any key to its wheel number is pure modular arithmetic, because each semitone of root movement equals 7 steps around a circle of fifths:
major: N = ((7·pc + 7) mod 12) + 1 // pc: C=0, C♯=1 … B=11 → C gives 8B ✓ minor: N = ((7·pc + 4) mod 12) + 1 // A gives 8A ✓
Mixing rules — check any two keys
Compatibility checker
→
Route finder: bridge any two keys
Need to travel from a warm-up key to a distant climax key? A breadth-first search over the safe moves (+1, −1, relative swap, +2, +7) finds the shortest smooth pathway — every hop is a clean mix:
Harmonic route finder
→
Setlist lab: grade a whole set
Sequence real tracks and every consecutive transition gets analyzed automatically — the wheel's rules applied to your actual crate, with a harmonic score and a booth tip per hop. The list persists in your browser.
Setlist flow & clash inspector
title
key
BPM
Cheat sheet · moves from any slot, with the math behind each
move
example from 8A (Am)
what happens
shared notes
same code
8A → 8A
seamless blend, identical scale
7 / 7
±1, same letter
8A → 9A or 7A
the classic harmonic mix — one fifth apart
6 / 7
swap letter
8A → 8B
relative minor↔major — mood flip, zero clash
7 / 7
+2, same letter
8A → 10A
energy boost — root rises a whole tone
5 / 7
+7, same letter
8A → 3A
+1 semitone lift — big drama, do it on a break
2 / 7
anything else
8A → 2B…
clash risk — transition on drums, FX, or acapella-free zones
≤ 4 / 7
Why +2 is only a mild risk while +7 is a leap: the wheel measures distance in fifths, and two scales share 7 − (fifth-distance) notes. +2 is two fifths away (5 shared); +7 is five fifths the short way round (2 shared) — but its root moves just one semitone, which is exactly what makes it feel like a gear change rather than a key change.
III · TIME
III
ACT III · TIME
Rhythm is pitch slowed down; the pitch fader is a key change.
Tempo and pitch are the same phenomenon at different speeds. BPM is just frequency measured per minute instead of per second — divide by 60 and a tempo is a hertz value. Your brain draws a border around 16–20 Hz: below it, you count events (rhythm); above it, the events fuse into tone (pitch). Prove it to your own ears:
pitch (Hz) = BPM / 60 · 2^k // ladder up by octaves until audible
The continuum · drag the rate while it runs and listen for the border
The DJ bridge: varispeed
Change playback speed and pitch and tempo move together, locked by semitones = 12·log₂(rate). The magic constant every turntablist knows by feel: +5.9% ≈ +1 semitone — which on the Camelot wheel means +7 slots. Nudge the fader and watch your harmonic-mix key silently drift; keylock is the algorithm that severs this natural bond.
Pitch-fader simulator · a 126 BPM bassline in 8A (A minor)
Polyrhythms are intervals
Since intervals are frequency ratios, tempo ratios map onto them exactly. Three beats against two is literally a perfect fifth slowed down ~6 octaves — and the lurching feel of 7-against-5 is the tritone's roughness, experienced as rhythm. Consonance and groove are one theory:
Polyrhythm lab · outer ring vs inner ring
Time signatures: how pulses get grouped
A time signature is two numbers: the top counts how many pulses per bar, the bottom says which note value carries the pulse — and note values (whole, half, quarter, eighth, sixteenth) halve each time, so the denominators are powers of 2. Note durations are literally octaves in time. The top number is where meter gets interesting: the same six pulses accented 3+3 (6/8) or 2+2+2 (3/4) are different meters — grouping, not speed, is the information:
Meter lab · big dot = strong accent · same grid, different grouping
Pick a meter — it plays two bars with accents.
The final bridge: Euclidean rhythms are scales
Here's where rhythm theory and everything from sections 04–05 collapse into one construction. Take k hits and spread them over n time slots as evenly as possible. This single recipe generates the world's great rhythms — the Cuban tresillo is E(3,8), the cinquillo E(5,8), the bossa nova E(5,16). And when the gaps come out in exactly two sizes, you get the rhythmic version of the diatonic property. Now set it to E(7,12): the hit pattern's gaps read 2·2·2·1·2·2·1 — the diatonic scale as a drum pattern. Same necklace, one domain in time, one in pitch:
Euclidean generator · E(k hits, n slots)
hits k
slots n
Press E(7,12), play it as a rhythm, then play it as a scale. That's the deepest fact on this page: "spread things maximally evenly around a cycle" is one theorem, and melody and groove are two of its outputs. E(5,12) gives the pentatonic — the black keys — the same way.
+5.9%One semitone on the pitch fader. Tempo and pitch are
the same phenomenon at different speeds, locked together by semitones = 12·log₂(rate).
The synthesizer: this whole page with knobs on it
A synth is nothing mystical — it's sections 01–02 made adjustable. Subtractive synthesis, the architecture behind most classic synths, runs one philosophy: start with a wave that's too rich in harmonics, then carve away. The signal chain is three blocks, and every knob on every synth ever made belongs to one of them:
Each basic shape is a fixed harmonic recipe — compare these spectra with the harmonic mixer in section 02. Brightness is just harmonic count:
Waveform atlas · shape ↔ spectrum
one cycle
harmonic recipe
Build a patch: the working mini-synth
Everything below is live. Pick a preset, play the keys, then break it: sweep the cutoff, crank the resonance, stretch the attack. Every famous synth sound is some setting of exactly these controls.
Look at the LFO rate range: 0.3–18 Hz. That's the rhythm zone from section 08 — below the 20 Hz border, an oscillator stops being a tone and becomes a gesture. Vibrato, tremolo, and dubstep wobble are all just "notes" too slow to hear as pitch, played onto another parameter. One continuum, three uses.
Sound engineering: decibels & distortion
Loudness perception is logarithmic too — the same Weber-Fechner law that gave pitch its cents gives amplitude its decibels: dB = 20·log₁₀(A₂/A₁). Equal ratios sound like equal steps, so halving amplitude is always the same perceived drop (−6 dB), whether you're loud or quiet. Listen — each button halves the amplitude, and the steps sound even:
And the cardinal sin of gain staging — clipping — is secretly a return to section 02. Push a signal past the ceiling and the peaks get flattened; a flattened sine starts looking like a square, which means the distortion literally manufactures odd harmonics that were never played. Overdrive isn't "noise" — it's involuntary additive synthesis. That's why it can sound musical (guitar amps) or ruin a mix (accidental clipping):
ACT IV · 10TIMBRE
What "brass," "pad," and "keys" actually mean
Open any preset browser and the names come from two different taxonomies, silently mixed. Some are acoustic families — brass, woodwind, strings, organ, keys — named after the physical instrument being imitated. Others are roles — pad, lead, pluck, stab, bass — that describe a job in the arrangement, not an instrument: anything with a slow attack and a long release becomes "a pad." Every one of them is a point in the same three-axis space you built in section 09:
Timbre dictionary · pick a sound, then play it on the keys — every one is synthesized live from its recipe
The Bell card is the section's hidden lesson: its partials sit at 1 · 2.76 · 5.40 · 8.93 — not whole numbers. Everything else on this page fused into a clean pitch because its overtones were integer multiples (section 02); bells break that rule, which is why their pitch sounds ambiguous, why they shimmer, and why tuning percussion is an art. Harmonicity was never guaranteed — strings and air columns just happen to enforce it.
The recipes · how each family maps onto the three axes
name
type
spectrum
envelope
motion
Brass
family
all harmonics (saw)
medium attack, strong sustain
filter blooms open during attack
Woodwind
family
flute: 1–2 harmonics · reeds: odd only
soft attack, sustained
breath noise + vibrato
Organ
family
additive sine drawbars
none — instant on / off
rotary vibrato
Keys / EP
family
fundamental + bell-ish tine overtone
strike → exponential decay, no sustain
velocity → brightness
Strings
family
saw ensemble
slow bow-in, sustained
detune spread + shared vibrato
Pad
role
anything, lowpassed
very slow attack & release
slow LFO drift
Bell / Mallet
family
INharmonic partials
strike, very long decay
partials die at different rates
Pluck / Stab
role
any bright wave
instant attack, snap-shut filter, no sustain
none — the envelope IS the identity
Once you read patch names this way, production browsing changes: "warm analog brass pad" decodes to saw spectrum, bloomed filter, pad envelope, detune motion — four settings, not a mystery. And the family names are honest physics: what makes a real trumpet a trumpet is exactly what makes the synth patch one — the recipe, not the metal.
CODA · 11RECAP
A bell's partials aren't whole numbers. That is the whole reason it
rings instead of sings.
10 · Timbre
The whole system in eight lines
Pitch is frequency; ×2 sounds "the same"
octave = 2:1
Small whole-number ratios share harmonics → consonance
3:2, 4:3, 5:4…
12 equal steps ≈ closes the circle of fifths (comma ≈ 23.5¢)
2^(7/12) ≈ 3/2
7 of those 12, chained by fifths, make the lettered scale; C won by fashion
W W H W W W H
The Camelot wheel is this circle of fifths with clock numbers; +1 = up a fifth
C major = 8B
Rhythm is pitch below ~20 Hz; note values halve like octaves; E(7,12) is the scale as a drum pattern
3:2 beat = a fifth
A synth is all of the above with knobs: rich wave → filter carves harmonics → envelope shapes time; LFOs are sub-20 Hz "notes"
osc → filter → amp
Every patch name is a point in (spectrum, envelope, motion) space — "pad" and "pluck" are envelope words, "brass" and "strings" are spectrum words
timbre = 3 axes
What is Music Anyway?
SYNTHESIZED LIVE · WEB AUDIO API · NO SAMPLES
f(n) = 440 · 2^((n−69)/12) // MIDI note → hertz. That's all a tuner knows.