index.html

html

<!doctype html>

<html>

  <head>

    <title>Superdough Example</title>

    <meta charset="UTF-8" />

  </head>

  <body>

    <button id="play">PLAAAAAAAY</button>

    <script type="module">

      import { superdough, samples, initAudioOnFirstClick, registerSynthSounds } from 'superdough';

      const init = Promise.all([

        initAudioOnFirstClick(),

        samples('github:tidalcycles/dirt-samples'),

        registerSynthSounds(),

]);

      const loop = (t = 0) => {

        // superdough(value, time, duration)

        superdough({ s: 'bd', delay: 0.5 }, t);

        superdough({ note: 'g1', s: 'sawtooth', cutoff: 600, resonance: 8 }, t, 0.125);

        superdough({ note: 'g2', s: 'sawtooth', cutoff: 600, resonance: 8 }, t + 0.25, 0.125);

        superdough({ s: 'hh' }, t + 0.25);

        superdough({ s: 'sd', room: 0.5 }, t + 0.5);

        superdough({ s: 'hh' }, t + 0.75);

};

      document.getElementById('play').addEventListener('click', async () => {

        await init;

        let t = 0.1;

        while (t < 16) {

          loop(t++);

});

    </script>

  </body>

</html>

User Comments

No comments yet.