add link to example

remove footnote syntax
fixes https://github.com/tidalcycles/strudel/issues/439
2026-07-14 06:43:47 -04:00 · 2023-02-27 14:33:07 +01:00 · 2023-02-27 13:34:51 +01:00
3 changed files with 7 additions and 3 deletions
@@ -30,4 +30,5 @@ note(`[[e5 [b4 c5] d5 [c5 b4]]
 </strudel-repl>
 ```

-Note that the Code is placed inside HTML comments to prevent the browser from treating it as HTML.
+- Note that the Code is placed inside HTML comments to prevent the browser from treating it as HTML.
+- [Play with this example on stackblitz](https://stackblitz.com/edit/js-75cvww?file=index.html)
@@ -56,7 +56,10 @@ These packages provide bindings for different ways to output strudel patterns:
 - [tone](https://github.com/tidalcycles/strudel/tree/main/packages/tone#strudelcyclestone): bindings for Tone.js instruments and effects
 - [webdirt](https://github.com/tidalcycles/strudel/tree/main/packages/webdirt): webdirt bindings, replaced by webaudio package

-## Tools
+### Tools

 - [pnpm workspaces](https://pnpm.io/)
 - Publishing packages is done with [lerna](https://lerna.js.org/).
+
+## Usage Examples
+
@@ -9,7 +9,7 @@ import { MiniRepl } from '../../docs/MiniRepl';

 {/* The [REPL](https://strudel.tidalcycles.org/) is the place where all packages come together to form a live coding system. It can also be seen as a reference implementation for users of the library. */}

-While Strudel can be used as a library in any JavaScript codebase, its main, reference user interface is the Strudel REPL^[REPL stands for read, evaluate, print/play, loop. It is friendly jargon for an interactive programming interface from computing heritage, usually for a commandline interface but also applied to live coding editors.], which is a browser-based live coding environment. This live code editor is dedicated to manipulating Strudel patterns while they play. The REPL features built-in visual feedback, highlighting which elements in the patterned (mini-notation) sequences are influencing the event that is currently being played. This feedback is designed to support both learning and live use of Strudel.
+While Strudel can be used as a library in any JavaScript codebase, its main, reference user interface is the Strudel REPL (REPL stands for read, evaluate, print/play, loop. It is friendly jargon for an interactive programming interface from computing heritage, usually for a commandline interface but also applied to live coding editors.), which is a browser-based live coding environment. This live code editor is dedicated to manipulating Strudel patterns while they play. The REPL features built-in visual feedback, highlighting which elements in the patterned (mini-notation) sequences are influencing the event that is currently being played. This feedback is designed to support both learning and live use of Strudel.

 Besides a UI for playback control and meta information, the main part of the REPL interface is the code editor powered by CodeMirror. In it, the user can edit and evaluate pattern code live, using one of the available synthesis outputs to create music and/or sound art. The control flow of the REPL follows 3 basic steps:
Author	SHA1	Message	Date
Felix Roos	193324b2b3	add link to example	2023-02-27 14:33:07 +01:00
Felix Roos	f3a2cff5db	remove footnote syntax fixes https://github.com/tidalcycles/strudel/issues/439	2023-02-27 13:34:51 +01:00