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>