<<< go home

Embed Hydra Test

Trying to get Hydra embedded in a blog post using this tutorial

If you don’t see anything here it means I haven’t figured it out yet 🙂

Update: Success! Here’s the Hydra code making the image:

osc(100,0.001).color(1,1,1).pixelate(90,100).modulate(noise(-2)).modulateScale((noise(1))).modulate(osc(10,0.02)).out()

And the code to embed it in my site:

 <canvas id="myCanvas" width="1000" height="600px" max-width="1000" margin="auto"></canvas>

    <script>
      // create a new hydra-synth instance
      var hydra = new Hydra({
        canvas: document.getElementById("myCanvas"),
        detectAudio: false
      })
////////////////////////////////////////////////////////////////////////////////////
// hydra code goes here
osc(100,0.001).color(1,1,1).pixelate(90,100).modulate(noise(-2)).modulateScale((noise(1))).modulate(osc(10,0.02)).out()
////////////////////////////////////////////////////////////////////////////////////
    </script>