diff --git a/website/src/pages/workshop/first-effects.mdx b/website/src/pages/workshop/first-effects.mdx
index 56914dbc..1b718b16 100644
--- a/website/src/pages/workshop/first-effects.mdx
+++ b/website/src/pages/workshop/first-effects.mdx
@@ -9,54 +9,52 @@ import { MiniRepl } from '../../docs/MiniRepl';
**vowel**
-
+
You can probably think of more vowels :)
**gain**
-
+
**control the gain with a sine wave**
-
+
Try also `saw`, `square`, `tri`
**The 'structure' comes from the left - try swapping:**
-
+
**speed of playback, e.g. 2 = double speed (up 1 octave)**
-
+
-**set note**
-
-
-
**pan**
-
+
**delay**
-
+
**room**
-
+
diff --git a/website/src/pages/workshop/first-notes.mdx b/website/src/pages/workshop/first-notes.mdx
index cb40713f..b986ba79 100644
--- a/website/src/pages/workshop/first-notes.mdx
+++ b/website/src/pages/workshop/first-notes.mdx
@@ -190,6 +190,7 @@ Try adding more notes inside the brackets and notice how it does **not** get fas
client:visible
tune={`note("<[36 48]*4 [34 46]*4 [41 53]*4 [39 51]*4>/2")
.sound("gm_acoustic_bass")`}
+ punchcard
/>
**Alternate between multiple things**
@@ -199,6 +200,7 @@ Try adding more notes inside the brackets and notice how it does **not** get fas
client:visible
tune={`note("60 <63 62 65 63>")
.sound("gm_xylophone")`}
+ punchcard
/>
This is also useful for unpitched sounds:
@@ -208,6 +210,7 @@ This is also useful for unpitched sounds:
client:visible
tune={`sound("bd*2, ~ , [~ hh]*2")
.bank("RolandTR909")`}
+ punchcard
/>
## Scales
@@ -219,6 +222,7 @@ Finding the right notes can be difficult.. Scales are here to help:
client:visible
tune={`n("0 2 4 <[6,8] [7,9]>")
.scale("C:minor").sound("piano")`}
+ punchcard
/>
@@ -243,23 +247,136 @@ Just like anything, we can automate the scale with a pattern:
")
-.scale("/2")
+ tune={`n("<0 -3>, 2 4 <[6,8] [7,9]>")
+.scale("/4")
.sound("piano")`}
+ punchcard
/>
+
+
+If you have no idea what these scale mean, don't worry.
+These are just labels for different sets of notes that go well together.
+
+Take your time and you'll find scales you like!
+
+
+
+## Repeat & Elongate
+
+**Elongate with @**
+
+
+
+
+
+Not using `@` is like using `@1`. In the above example, c is 3 units long and eb is 1 unit long.
+
+Try changing that number!
+
+
+
+**Elongate within sub-sequences**
+
+*2")
+.scale("/4")
+.sound("gm_acoustic_bass")`}
+ punchcard
+/>
+
+
+
+This groove is called a `shuffle`.
+Each beat has two notes, where the first is twice as long as the second.
+This is also sometimes called triplet swing. You'll often find it in blues and jazz.
+
+
+
+**Replicate**
+
+]").sound("piano")`} punchcard />
+
+
+
+Try switching between `!`, `*` and `@`
+
+What's the difference?
+
+
+
+## Recap
+
+Let's recap what we've learned in this chapter:
+
+| Concept | Syntax | Example |
+| --------- | ------ | ------------------------------------------------------------------- |
+| Slow down | \/ | |
+| Alternate | \<\> | ")`} /> |
+| Elongate | @ | |
+| Replicate | ! | |
+
## Examples
+**Classy Bassline**
+
/2")
-.sound("gm_synth_bass_1")`}
+.sound("gm_synth_bass_1")
+.lpf(800) // <-- we'll learn about this soon`}
/>
+**Classy Melody**
+
/2"))
-.sound("gm_synth_bass_1")`}
+ tune={`n(\`<
+[~ 0] 2 [0 2] [~ 2]
+[~ 0] 1 [0 1] [~ 1]
+[~ 0] 3 [0 3] [~ 3]
+[~ 0] 2 [0 2] [~ 2]
+>*2\`).scale("C4:minor")
+.sound("gm_synth_strings_1")`}
/>
+
+**Classy Drums**
+
+, [~ hh]*2")
+.bank("RolandTR909")`}
+/>
+
+**If there just was a way to play all the above at the same time.......**
+
+
+
+It's called `stack` 😙
+
+
+
+/2")
+ .sound("gm_synth_bass_1").lpf(800),
+ n(\`<
+ [~ 0] 2 [0 2] [~ 2]
+ [~ 0] 1 [0 1] [~ 1]
+ [~ 0] 3 [0 3] [~ 3]
+ [~ 0] 2 [0 2] [~ 2]
+ >*2\`).scale("C4:minor")
+ .sound("gm_synth_strings_1"),
+ sound("bd*2, ~ , [~ hh]*2")
+ .bank("RolandTR909")
+)`}
+/>
+
+This is starting to sound like actual music! We have sounds, we have notes, now the last piece of the puzzle is missing: [effects](/workshop/first-effects)
diff --git a/website/src/pages/workshop/first-sounds.mdx b/website/src/pages/workshop/first-sounds.mdx
index b0aeb1fb..852977a3 100644
--- a/website/src/pages/workshop/first-sounds.mdx
+++ b/website/src/pages/workshop/first-sounds.mdx
@@ -91,7 +91,7 @@ There are a lot more, but let's keep it simple for now
In the last example, we already saw that you can play multiple sounds in a sequence by separating them with a space:
-
+
Notice how the currently playing sound is highlighted in the code and also visualized below.
@@ -173,6 +173,18 @@ You can use as many commas as you want:
+Commas can also be used inside sub-sequences:
+
+
+
+
+
+Notice how the 2 above are the same?
+
+It is quite common that there are many ways to express the same idea.
+
+
+
**Multiple Lines with backticks**
+
**Classic house**
-Notice that the house and rock beats are extremely similar. Besides their different tempos and minor differences in the hihat and kick drum lines, these patterns are the same. You'll find certain drum patterns reused in many styles.
+
+
+Notice that the two patterns are extremely similar.
+Certain drum patterns are reused across genres.
+
+
We Will Rock you
diff --git a/website/src/pages/workshop/langebank.mdx b/website/src/pages/workshop/langebank.mdx
index 9190afa6..7a1ca697 100644
--- a/website/src/pages/workshop/langebank.mdx
+++ b/website/src/pages/workshop/langebank.mdx
@@ -67,7 +67,7 @@ d1 $ sound "[[bd bd] bd sn:5] [bd sn:3]"
-- Keep going..
d1 $ sound "[[bd [bd bd bd bd]] bd sn:5] [bd sn:3]"
--- * Polymetric / polyrhythmic sequences
+-- \* Polymetric / polyrhythmic sequences
-- Play two subsequences at once by separating with a comma:
@@ -87,11 +87,6 @@ d1 $ sound "[bd sn, can:2 can:3 can:1, arpy arpy:1 arpy:2 arpy:3 arpy:5]"
d1 $ sound "{bd sn, can:2 can:3 can:1, arpy arpy:1 arpy:2 arpy:3 arpy:5}"
-
-
-
-
-
**Play X per cycle with \{ \}**
` plays one item per cycle
- `{}%x` plays x items per cycle
+
+/2"))
+.sound("gm_synth_bass_1")`}
+/>
+
+vertical
+
+
+< 4 4 4 3>
+<[2,7] [2,6] [1,6] [1,6]>
+< 4 4 4 3>
+>*2\`)
+.scale("/4")
+.sound("piano")`}
+/>
+
+horizontal
+
+*2\`)
+.scale("/4")
+.sound("piano")`}
+/>