Strudel — the browser-based JavaScript port of the TidalCycles pattern language, covered on this site previously as the tool of choice for browser algoraves — has the lowest barrier to entry of any serious livecoding environment: open strudel.cc, type, hear. Live Coding For Music With Strudel.cc (Beginners), from Groovin in G, walks through those first steps in exactly that spirit, aimed at musicians and coders who have never livecoded anything.
What to watch
The video covers the core loop of Strudel practice: writing a pattern in the browser editor, evaluating it live while the music keeps playing, and layering patterns into something with actual arrangement. The essential concept is Strudel’s mini-notation — the compact string syntax ("bd hh sd hh") that describes rhythmic patterns — and how transformations chain onto it to mutate a static loop into an evolving piece. Crucially, you don’t need to know JavaScript or TidalCycles first; the pattern language is its own small, learnable thing.
Why the cycle model is the real unlock
Strudel inherits TidalCycles’ central idea: everything is a cycle, and patterns describe how events subdivide it. Coming from a DAW’s linear timeline, this is the mental shift that matters — you don’t place notes at times, you describe densities and subdivisions that repeat and transform. It’s the reason two lines of Strudel can generate rhythmic complexity that would take an hour to click into a piano roll, and it’s the same grid-of-relationships thinking that makes Orca (this site’s other livecoding tutorial subject) feel alien and then indispensable.
Where to go next
Once the basics land, Strudel’s own interactive workshop at strudel.cc is the canonical next step — it teaches the full pattern vocabulary in-browser with runnable examples. From there, the natural progressions are outward: syncing Strudel to hardware or a DAW via MIDI, or taking the same pattern skills to a Tidal-based setup. And since Strudel is ultimately just JavaScript in a browser, it pairs naturally with the visual side of this site’s coverage — a Hydra sketch and a Strudel pattern running together is the classic browser algorave stack.