zoey-lin-hydra-practice [Designing Service]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
======Hydra Practice======

Made by: [[zoey-lin|Zoey]]

====hydra sketch 1====
**Try to move your mouse**

<code>
voronoi(1000,1,1)
  .mult(osc(50,-0.1,8).kaleid(4))
  .modulate(o0, () => mouse.x * 0.0003)
  .out(o0)
</code>

<HTML>
<iframe
src = "https://hydra.ojack.xyz/?code=dm9yb25vaSgxMDAwJTJDMSUyQzEpJTBBJTIwJTIwLm11bHQob3NjKDUwJTJDLTAuMSUyQzgpLmthbGVpZCg0KSklMEElMjAlMjAubW9kdWxhdGUobzAlMkMlMjAoKSUyMCUzRCUzRSUyMG1vdXNlLnglMjAqJTIwMC4wMDAzKSUwQSUyMCUyMC5vdXQobzAp" width = "100%" height = "600">
</iframe>
</HTML>

====hydra sketch 2====

<code>
osc(50, -0.1, 10)
	.kaleid(100)
	.repeat(8, 5)
	.out()
</code>

<HTML>
<iframe
src = "https://hydra.ojack.xyz/?code=b3NjKDUwJTJDJTIwLTAuMSUyQyUyMDEwKSUwQSUwOS5rYWxlaWQoMTAwKSUwQSUwOS5yZXBlYXQoOCUyQyUyMDUpJTBBJTA5Lm91dCgp" width = "100%" height = "600">
</iframe>
</HTML>

====hydra sketch 3====

<code>
noise(10, 1) 
  .modulateScrollY(osc(50),0.1,0)
  .rotate( () => time%10 )
  .out(o0)
</code>

<HTML>
<iframe
src = "https://hydra.ojack.xyz/?code=bm9pc2UoMTAlMkMlMjAxKSUyMCUwQSUyMCUyMC5tb2R1bGF0ZVNjcm9sbFkob3NjKDUwKSUyQzAuMSUyQzApJTBBJTIwJTIwLnJvdGF0ZSglMjAoKSUyMCUzRCUzRSUyMHRpbWUlMjUxMCUyMCklMEElMjAlMjAub3V0KG8wKQ%3D%3D" width = "100%" height = "600">
</iframe>
</HTML>

====hydra sketch 4====
**just move your mouse**

<code>
osc(5,1,25).color(1,0.5,1).rotate(0, 0.9).kaleid().repeat()
  .scroll(
  () => -mouse.x / width,
  () => -mouse.y / height)
  .out(o0)
</code>

<HTML>
<iframe
src = "https://hydra.ojack.xyz/?code=b3NjKDUlMkMxJTJDMjUpLmNvbG9yKDElMkMwLjUlMkMxKS5yb3RhdGUoMCUyQyUyMDAuOSkua2FsZWlkKCkucmVwZWF0KCklMEElMjAlMjAuc2Nyb2xsKCUwQSUyMCUyMCgpJTIwJTNEJTNFJTIwLW1vdXNlLnglMjAlMkYlMjB3aWR0aCUyQyUwQSUyMCUyMCgpJTIwJTNEJTNFJTIwLW1vdXNlLnklMjAlMkYlMjBoZWlnaHQpJTBBJTIwJTIwLm91dChvMCk%3D" width = "100%" height = "600">
</iframe>
</HTML>

====hydra sketch 5====
**just move your mouse**

<code>
noise([400,200,100,50,25,10].fast(10))
  .color(2,0.7,2)
  .invert([0,1])
  .out(o0)
</code>

<HTML>
<iframe
src = "https://hydra.ojack.xyz/?code=bm9pc2UoJTVCNDAwJTJDMjAwJTJDMTAwJTJDNTAlMkMyNSUyQzEwJTVELmZhc3QoMTApKSUwQSUyMCUyMC5jb2xvcigyJTJDMC43JTJDMiklMEElMjAlMjAuaW52ZXJ0KCU1QjAlMkMxJTVEKSUwQSUyMCUyMC5vdXQobzApJTBB" width = "100%" height = "600">
</iframe>
</HTML>