Blame
|
1 | # Vibe Coding Music with Strudel |
||||||
| 2 | ||||||||
| 3 | *A companion page to [Workshop 2 — Vibe Coding](/dt7/Workshop%202%20%E2%80%94%20Vibe%20Coding).* |
|||||||
| 4 | ||||||||
| 5 | [Strudel](https://strudel.cc) lets you write live-code music right in the browser — change a number, hear the beat change instantly. This page collects tracks to play with. The class activity track is **[way2.cc/caf](https://way2.cc/caf)** — open that to follow along in the workshop. |
|||||||
| 6 | ||||||||
| 7 | More versions will be added as we find good ones. |
|||||||
| 8 | ||||||||
| 9 | --- |
|||||||
| 10 | ||||||||
| 11 | ## Seven Nation Army — The White Stripes |
|||||||
| 12 | ||||||||
| 13 | The famous E E G E D C B bassline from Jack White's 2003 riff. Everyone knows it; it's a great one to pull apart and remix. |
|||||||
| 14 | ||||||||
| 15 | ### Versions to explore |
|||||||
| 16 | ||||||||
| 17 | **1. Class version (Track 1 from the workshop)** → [way2.cc/caf](https://way2.cc/caf) |
|||||||
| 18 | ||||||||
| 19 | **2. SoundFred's version** — from the YouTube tutorial *[Tutorial for Coding Music in Strudel.cc: Seven Nation Army (by The White Stripes)](https://www.youtube.com/watch?v=59P3TbMsIFc)* by SoundFred. |
|||||||
| 20 | ||||||||
| 21 | Code source: [whitestripes-sevennationarmy.txt](https://github.com/manfredscheucher/strudel-loops/blob/main/whitestripes-sevennationarmy.txt) in Manfred Scheucher's *strudel-loops* repo. |
|||||||
| 22 | ||||||||
| 23 | ```js |
|||||||
| 24 | setcpm(124/4) |
|||||||
| 25 | ||||||||
| 26 | $git:note("<[52@3 52 55@1.5 52@1.5 50] [48@4 47@2 -@2]>").sound("gm_electric_guitar_muted:3") |
|||||||
| 27 | ||||||||
| 28 | $kick:sound("bd!4").bank("AkaiLinn").gain(1/4) |
|||||||
| 29 | ||||||||
| 30 | $snare:sound("[- sd]!2").bank("AkaiLinn").gain(1/4) |
|||||||
| 31 | ``` |
|||||||
| 32 | ||||||||
| 33 | [Open in Strudel (one click)](https://strudel.cc/#c2V0Y3BtKDEyNC80KQoKJGdpdDpub3RlKCI8WzUyQDMgNTIgNTVAMS41IDUyQDEuNSA1MF0gWzQ4QDQgNDdAMiAtQDJdPiIpLnNvdW5kKCJnbV9lbGVjdHJpY19ndWl0YXJfbXV0ZWQ6MyIpCgoka2ljazpzb3VuZCgiYmQhNCIpLmJhbmsoIkFrYWlMaW5uIikuZ2FpbigxLzQpCgokc25hcmU6c291bmQoIlstIHNkXSEyIikuYmFuaygiQWthaUxpbm4iKS5nYWluKDEvNCk=) |
|||||||
| 34 | ||||||||
| 35 | > [!NOTE] |
|||||||
| 36 | > **Playing in Strudel:** press **Ctrl+Enter** to start, **Ctrl+.** to stop. Try changing one number (like `124/4` or a MIDI note) and pressing Ctrl+Enter again — the beat updates live. |
|||||||
| 37 | ||||||||
| 38 | --- |
|||||||
| 39 | ||||||||
| 40 | ## Credits |
|||||||
| 41 | ||||||||
| 42 | - **Seven Nation Army** — The White Stripes (Jack White, 2003). |
|||||||
| 43 | - **Video** — *Tutorial for Coding Music in Strudel.cc: Seven Nation Army (by The White Stripes)* by [SoundFred](https://www.youtube.com/@theSoundFred) (YouTube). |
|||||||
| 44 | - **Code** — [Manfred Scheucher](https://github.com/manfredscheucher), *strudel-loops* repo (no licence stated — used for educational classroom purposes with attribution). |
|||||||
| 45 | - **Strudel** — [strudel.cc](https://strudel.cc), GNU Affero General Public License (AGPL). |
|||||||
| 46 | ||||||||
| 47 | *Classroom use, with attribution.* |
|||||||
| 48 | ||||||||
| 49 | ← Back to [Year 7 Hub](/dt7/Year%207%20Hub) |
|||||||