Differences

This shows you the differences between two versions of the page.

--- zoey-lin-hydra-practice [2022/12/28 06:50] – created zoey.lin
+++ zoey-lin-hydra-practice [2023/01/22 00:58] (current) – zoey.lin
@@ Line 1: / Line 1: @@
-=====Hydra Practice=====
+======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>