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>