jevstrudel.git / examples / buildless / headless-simple.html
headless-simple.html31 lines · 943 B · raw
1<!doctype html>
2<html>
3  <head>
4    <meta charset="UTF-8" />
5    <!-- <script src="../../packages/web/dist/index.js"></script> -->
6    <script src="https://unpkg.com/@strudel/web@1.0.3"></script>
7  </head>
8  <body style="background: #222">
9    <button id="play">play</button>
10    <button id="stop">stop</button>
11    <script>
12      strudel.initStrudel();
13      document.getElementById('play').addEventListener('click', () =>
14        evaluate(`
15//@title washover @by Switch Angel 
16//@social https://www.instagram.com/_switch_angel/
17
18n("{0 1 3 5 2 }%16")
19  .add(n(tri.range(0, 6).slow(3)))
20  .scale("C4:pentatonic")
21  .sound("sawtooth").att(saw.range(0, 0.05).fast(6))
22  .release(3).pan(rand).decay(rand.range(0.1, 0.3))
23  .lpf(tri.range(200, 8000).slow(5)).lpq(0)
24  .gain(.4).vib(1).vibmod(.1)
25  .scope({pos:.5})
26`),
27      );
28      document.getElementById('stop').addEventListener('click', () => strudel.hush());
29    </script>
30  </body>
31</html>