elias/strudel
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel.git synced 2026-01-10 21:28:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

better names + more readme

Browse Source
This commit is contained in:
Felix Roos 2023-12-29 16:36:38 +01:00
parent 5d6ccf56d7
commit c13feccdcd
10 changed files with 5 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
examples/buildless/README.md Normal file
View File

@ -0,0 +1,5 @@
# buildless examples
These examples show you how strudel can be used in a regular html file, without the need for a build tool.
Most examples are using [skypack](https://www.skypack.dev/)

0
examples/skypack/basic.html → examples/buildless/basic.html
View File

0
examples/skypack/canvas.html → examples/buildless/canvas.html
View File

0
examples/skypack/evaluate.html → examples/buildless/headless-simple.html
View File

0
examples/skypack/headless-serverless-buildless.html → examples/buildless/headless-with-samples.html
View File

0
examples/skypack/vanilla.html → examples/buildless/minimal-repl.html
View File

0
examples/web-component/iframe.html → examples/buildless/web-component-iframe.html
View File

0
examples/web-component/no-iframe.html → examples/buildless/web-component-no-iframe.html
View File

10
examples/skypack/minimal.html
View File

@ -1,10 +0,0 @@
<!DOCTYPE html>
<button id="play">play</button>
<button id="stop">stop</button>
<script type="module">
import { initStrudel } from 'https://cdn.skypack.dev/@strudel/web@0.8.2';
initStrudel();
document.getElementById('play').addEventListener('click', () => note('<c a f e>(3,8)').play());
document.getElementById('stop').addEventListener('click', () => hush());
</script>

12
examples/skypack/samples.html
View File

@ -1,12 +0,0 @@
<!DOCTYPE html>
<button id="play">play</button>
<button id="stop">stop</button>
<script type="module">
import { initStrudel } from 'https://cdn.skypack.dev/@strudel/web@0.8.2';
initStrudel({
prebake: () => samples('github:tidalcycles/Dirt-Samples/master'),
});
document.getElementById('play').addEventListener('click', () => s('[bd sd](3,8)').play());
document.getElementById('stop').addEventListener('click', () => hush());
</script>