Experiments 14
Play That Thing
Lead a five-piece New Orleans band, the lineup of Louis Armstrong’s Hot Five. The band plays a twelve-bar blues around a clock and never stops; you call out what happens next, the way bandleaders did on the records. Every call rewrites the band’s code on the next bar, and you can rewrite it yourself.
TypeScript · Web Audio · Karplus–Strong · Mini-notationView source
“One, two, one two three four!”
Press the red disc to count the band in. Then call out changes: each call lands on the next bar and rewrites the code.
Feel
Band
Rhythm
The chart
Tap a shape on the clock or a word below to change one note. Type in any line to rewrite it.
tempo120
swing1:1
The records
Notes
Calling the band
The calls let you change what the band plays without stopping it. Pick one and it rewrites part of the code, ready for the next bar. You can see the changed lines in the chart and edit them yourself. It borrows from both live coding tools like TidalCycles and Strudel and the calls you hear on old jazz records. The name comes from the shout of “Oh, play that thing!” in “Dipper Mouth Blues.”
The clock
The band loops through a twelve-bar blues. The red arm takes twelve bars to go around, then starts again. Each instrument has its own ring. Higher notes sit farther from the center, and longer tails mean longer notes. The yellow ticks mark the second eighth note of each beat. Turn up the swing and you’ll see those ticks shift later.
Reading the code
Each line is one bar, split evenly between the steps you type. For example, "x x x x" gives you four strums. The notation borrows from TidalCycles and Strudel. Here’s what you can use:
d5- A note name followed by its octave. Use
bfor a flat or#for a sharp. Middle C isc4. ~- Silence for one step.
[a b]- Fit several steps into the time of one step.
<a b c>- Play a different item each bar, cycling through the list. The twelve-bar blues pattern uses this.
a@3- Make a step last three times as long.
a _ _does the same thing. a!3- Repeat a step three times. Inside < >, three bars in a row.
a*2- Repeat a step twice in the same amount of time.
[a, b]- Play both at once.
db5>d5- Start on one note and slide to the other.
Bb7- Set the chord for the piano and banjo on the chord line.
x- Piano or banjo: play the chord.
1 3 5- On the piano, play the first, third or fifth chord tone in the bass.
Swing
Swing pushes the second eighth note of each beat a little later. At 2:1, the first note gets two thirds of the beat and the second gets one third. Players don’t stick to one ratio at every tempo. Friberg and Sundström’s study, listed below, found ratios near 3.5:1 at slow tempos and more evenly spaced notes at faster ones.
The sounds
All the instrument sounds are made in the browser. The brass uses a sawtooth wave that gets brighter as it gets louder. Notes slide up a little at the start, then settle into vibrato. The clarinet uses odd harmonics and a wide vibrato, loosely based on Johnny Dodds’s playing.
For the banjo and piano, a short burst of noise loops through a delay and gets a little duller on each pass. That’s Karplus–Strong synthesis. Each piano note has two slightly detuned strings for a bit of that old upright wobble.
The band
The lineup is Louis Armstrong’s original Hot Five: Armstrong on cornet, Johnny Dodds on clarinet, Kid Ory on trombone, Lil Hardin Armstrong on piano and Johnny St. Cyr on banjo. They started recording in Chicago in November 1925. The parts here were written for this experiment; they aren’t transcriptions of the recordings.
The colors borrow from Kandinsky, who compared yellow to trumpet, light blue to flute, and vermilion to brass and tuba.
The records
You can listen to two recordings here. In “The St. Louis Blues” (Columbia, 1925), Armstrong’s cornet answers Bessie Smith’s singing. In “Dipper Mouth Blues” (Okeh, 1923), he plays second cornet in King Oliver’s band. Both stream from Wikimedia Commons and are in the public domain in the United States.
Sources
- Anders Friberg and Andreas Sundström, “Swing ratios and ensemble timing in jazz performance: Evidence for a common rhythmic pattern,” Music Perception 19, no. 3 (2002): 333–349.
- Kevin Karplus and Alex Strong, “Digital synthesis of plucked-string and drum timbres,” Computer Music Journal 7, no. 2 (1983): 43–55.
- Alex McLean, “Making programming languages to dance to: live coding with Tidal,” FARM ’14 (ACM, 2014).
- Wassily Kandinsky, Concerning the Spiritual in Art (1911).
- Gunther Schuller, Early Jazz: Its Roots and Musical Development (Oxford University Press, 1968).