Differences

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

--- yuna-wu-hydra-practice [2023/01/27 22:29] – yuna.wu
+++ yuna-wu-hydra-practice [2023/01/30 18:23] (current) – yuna.wu
@@ Line 2: / Line 2: @@
 By: [[yuna-wu|Yuna Wu]]
-<code>
+==== 001 ===
-//scale, speed, blending
+<code/>
-voronoi(10,0.5,0.5)
+//The first one(01)
-  .color(3,2,15)
+// licensed with CC BY-NC-SA 4.0 https://creativecommons.org/licenses/by-nc-sa/4.0/
+//port
+//by Marianne Teixido
+//https://marianneteixido.github.io/
+osc(1, 0.9, 0.001)
+    .kaleid([3,4,5,7,8,19,10].fast(0.1))
+    .color(0.1, 0.3)
+    .colorama(0.4)
+    .rotate(0.0009,()=>Math.sin(time)* -0.01 )
+    .modulateRotate(o0,()=>Math.sin(time) * 0.0003)
+    .modulate(o0, 0.19)
+    .scale(0.9)
+    .out(o0)
+</code>
+<HTML>
+<iframe
+src = "https://hydra.ojack.xyz/?code=JTJGJTJGVGhlJTIwZmlyc3QlMjBvbmUoMDEpJTBBb3NjKDElMkMlMjAwLjklMkMlMjAwLjAwMSklMEElMjAlMjAlMjAlMjAua2FsZWlkKCU1QjMlMkM0JTJDNSUyQzclMkM4JTJDMTklMkMxMCU1RC5mYXN0KDAuMSkpJTBBJTIwJTIwJTIwJTIwLmNvbG9yKDAuMSUyQyUyMDAuMyklMEElMjAlMjAlMjAlMjAuY29sb3JhbWEoMC40KSUwQSUyMCUyMCUyMCUyMC5yb3RhdGUoMC4wMDA5JTJDKCklM0QlM0VNYXRoLnNpbih0aW1lKSolMjAtMC4wMSUyMCklMEElMjAlMjAlMjAlMjAubW9kdWxhdGVSb3RhdGUobzAlMkMoKSUzRCUzRU1hdGguc2luKHRpbWUpJTIwKiUyMDAuMDAwMyklMEElMjAlMjAlMjAlMjAubW9kdWxhdGUobzAlMkMlMjAwLjE5KSUwQSUyMCUyMCUyMCUyMC5zY2FsZSgwLjkpJTBBJTIwJTIwJTIwJTIwLm91dChvMCk%3D" width = "100%" height = "900">
+</iframe>
+</HTML>
+==== 002 ====
+<code/>
+//The second one(02)
+// licensed with CC BY-NC-SA 4.0 https://creativecommons.org/licenses/by-nc-sa/4.0/
+// Sumet
+// by Rangga Purnama Aji
+// https://ranggapurnamaaji1.wixsite.com/portfolio
+osc(0.5,1.25).mult(shape(1,0.09).rotate(1.5))
+  .diff(gradient())
+  .add(shape(2,2).blend(gradient(1)))
+  .modulate(noise()
+            .modulate(noise().scrollY(1,0.0625)))
+  .blend(o0)
+  //voronoi(5,0.3,0.3).color(12,-0.5,-0.75)
   .out()
+</code>
+<HTML>
+<iframe
+src = "https://hydra.ojack.xyz/?code=JTJGJTJGVGhlJTIwc2Vjb25kJTIwb25lKDAyKSUwQW9zYygwLjUlMkMxLjI1KS5tdWx0KHNoYXBlKDElMkMwLjA5KS5yb3RhdGUoMS41KSklMEElMjAlMjAuZGlmZihncmFkaWVudCgpKSUwQSUyMCUyMC5hZGQoc2hhcGUoMiUyQzIpLmJsZW5kKGdyYWRpZW50KDEpKSklMEElMjAlMjAubW9kdWxhdGUobm9pc2UoKSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMC5tb2R1bGF0ZShub2lzZSgpLnNjcm9sbFkoMSUyQzAuMDYyNSkpKSUwQSUyMCUyMC5ibGVuZChvMCklMEElMjAlMjAlMkYlMkZ2b3Jvbm9pKDUlMkMwLjMlMkMwLjMpLmNvbG9yKDEyJTJDLTAuNSUyQy0wLjc1KSUwQSUyMCUyMC5vdXQoKQ%3D%3D" width = "100%" height = "900">
+</iframe>
+</HTML>
+==== 003 ====
+<code/>
+//The third one(03)
+//The third one(03)
+// licensed with CC BY-NC-SA 4.0 https://creativecommons.org/licenses/by-nc-sa/4.0/
+// Sumet
+// by Rangga Purnama Aji
+// https://ranggapurnamaaji1.wixsite.com/portfolio
+osc(0.5,1.25).mult(shape(1,0.09).rotate(1.5))
+  .diff(gradient())
+  .add(shape(2,2).blend(gradient(1)))
+  .modulate(noise()
+            .modulate(noise().scrollY(1,0.0625)))
+  .blend(o0)
+  voronoi(5,0.3,0.3).color(12,-0.5,-0.75)
+  .out()
 </code>
 <HTML>
- <iframe src = "https://hydra.ojack.xyz/?code=JTJGJTJGc2NhbGUlMkMlMjBzcGVlZCUyQyUyMGJsZW5kaW5nJTBBdm9yb25vaSgxMCUyQzAuNSUyQzAuNSklMEElMjAlMjAuY29sb3IoMyUyQzIlMkMxNSklMEElMjAlMjAub3V0KCklMEE%3D" width = "100%" height = "900"> </iframe>
+<iframe
-</HTML>
+src = "https://hydra.ojack.xyz/?code=JTJGJTJGVGhlJTIwdGhpcmQlMjBvbmUoMDMpJTBBb3NjKDAuNSUyQzEuMjUpLm11bHQoc2hhcGUoMSUyQzAuMDkpLnJvdGF0ZSgxLjUpKSUwQSUyMCUyMC5kaWZmKGdyYWRpZW50KCkpJTBBJTIwJTIwLmFkZChzaGFwZSgyJTJDMikuYmxlbmQoZ3JhZGllbnQoMSkpKSUwQSUyMCUyMC5tb2R1bGF0ZShub2lzZSgpJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwLm1vZHVsYXRlKG5vaXNlKCkuc2Nyb2xsWSgxJTJDMC4wNjI1KSkpJTBBJTIwJTIwLmJsZW5kKG8wKSUwQSUyMCUyMHZvcm9ub2koNSUyQzAuMyUyQzAuMykuY29sb3IoMTIlMkMtMC41JTJDLTAuNzUpJTBBJTIwJTIwLm91dCgpJTBB" width = "100%" height = "900">
+</iframe>
+</HTML>
+==== 004 ====
+<code/>
+//The fourth one(04)
+// licensed with CC BY-NC-SA 4.0 https://creativecommons.org/licenses/by-nc-sa/4.0/
+// "egg of the phoenix"
+// Alexandre Rangel
+// www.alexandrerangel.art.br/hydra.html
+speed=5
+shape(100,.15,.5).color(10,10,1)
+.diff( shape(250,.5,0).scrollX(.05).rotate( ()=>time/10 ).color(1,0,.75) )
+.diff( shape(509,.4,.002).scrollX(.10).rotate( ()=>time/20 ).color(1,0,.75) )
+.diff( shape(99,.3,.002).scrollX(.105).rotate( ()=>time/30 ).color(1,0,.75) )
+.diff( shape(99,.2,.002).scrollX(.20).rotate( ()=>time/40 ).color(1,0,.75) )
+.diff( shape(99,.1,.002).scrollX(.125).rotate( ()=>time/50 ).color(1,0,.75) )
+.modulateScale(
+  shape(240,.5,0).scrollX(.05).rotate( ()=>time/15 )
+  , ()=>(Math.sin(time/3)*.2)+.2 )
+.scale(0.6,.5,10)
+.out()
+</code>
+<HTML>
+<iframe
+src = "https://hydra.ojack.xyz/?code=JTJGJTJGVGhlJTIwZm91cnRoJTIwb25lKDA0KSUwQXNwZWVkJTNENSUwQXNoYXBlKDEwMCUyQy4xNSUyQy41KS5jb2xvcigxMCUyQzEwJTJDMSklMEElMEEuZGlmZiglMjBzaGFwZSgyNTAlMkMuNSUyQzApLnNjcm9sbFgoLjA1KS5yb3RhdGUoJTIwKCklM0QlM0V0aW1lJTJGMTAlMjApLmNvbG9yKDElMkMwJTJDLjc1KSUyMCklMEEuZGlmZiglMjBzaGFwZSg1MDklMkMuNCUyQy4wMDIpLnNjcm9sbFgoLjEwKS5yb3RhdGUoJTIwKCklM0QlM0V0aW1lJTJGMjAlMjApLmNvbG9yKDElMkMwJTJDLjc1KSUyMCklMEEuZGlmZiglMjBzaGFwZSg5OSUyQy4zJTJDLjAwMikuc2Nyb2xsWCguMTA1KS5yb3RhdGUoJTIwKCklM0QlM0V0aW1lJTJGMzAlMjApLmNvbG9yKDElMkMwJTJDLjc1KSUyMCklMEEuZGlmZiglMjBzaGFwZSg5OSUyQy4yJTJDLjAwMikuc2Nyb2xsWCguMjApLnJvdGF0ZSglMjAoKSUzRCUzRXRpbWUlMkY0MCUyMCkuY29sb3IoMSUyQzAlMkMuNzUpJTIwKSUwQS5kaWZmKCUyMHNoYXBlKDk5JTJDLjElMkMuMDAyKS5zY3JvbGxYKC4xMjUpLnJvdGF0ZSglMjAoKSUzRCUzRXRpbWUlMkY1MCUyMCkuY29sb3IoMSUyQzAlMkMuNzUpJTIwKSUwQSUwQS5tb2R1bGF0ZVNjYWxlKCUwQSUyMCUyMHNoYXBlKDI0MCUyQy41JTJDMCkuc2Nyb2xsWCguMDUpLnJvdGF0ZSglMjAoKSUzRCUzRXRpbWUlMkYxNSUyMCklMEElMjAlMjAlMkMlMjAoKSUzRCUzRShNYXRoLnNpbih0aW1lJTJGMykqLjIpJTJCLjIlMjApJTBBJTBBLnNjYWxlKDAuNiUyQy41JTJDMTApJTBBLm91dCgp" width = "100%" height = "900">
+</iframe>
+</HTML>
+==== 005 ====
+<code/>
+//The fifth one(05)
+// licensed with CC BY-NC-SA 4.0 https://creativecommons.org/licenses/by-nc-sa/4.0/
+// Really Love
+// by Abhinay Khoparzi
+// http://khoparzi.com
+osc(100,-0.01245,1)
+  .pixelate(100).kaleid(()=>(Math.sin(time/10)*9+3))
+  .rotate(0,0.0125).color(100,100,100)
+.modulateRotate(shape(100).scale(()=>(Math.cos(time)*2))
+                .rotate(0,-0.25))
+  .diff(src(o0)
+        .brightness(0.3))
+  .out()
+</code>
+<HTML>
+<iframe
+src = "https://hydra.ojack.xyz/?code=JTIwJTJGJTJGVGhlJTIwZmlmdGglMjBvbmUoMDUpJTBBb3NjKDEwMCUyQy0wLjAxMjQ1JTJDMSklMEElMjAlMjAucGl4ZWxhdGUoMTAwKS5rYWxlaWQoKCklM0QlM0UoTWF0aC5zaW4odGltZSUyRjEwKSo5JTJCMykpJTBBJTIwJTIwLnJvdGF0ZSgwJTJDMC4wMTI1KS5jb2xvcigxMDAlMkMxMDAlMkMxMDApJTBBLm1vZHVsYXRlUm90YXRlKHNoYXBlKDEwMCkuc2NhbGUoKCklM0QlM0UoTWF0aC5jb3ModGltZSkqMikpJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwLnJvdGF0ZSgwJTJDLTAuMjUpKSUwQSUyMCUyMC5kaWZmKHNyYyhvMCklMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAuYnJpZ2h0bmVzcygwLjMpKSUwQSUyMCUyMC5vdXQoKQ%3D%3D" width = "100%" height = "900">
+</iframe>
+</HTML>
+=== 006 ===
+<code/>
+//side,radios,smoothing
+shape(10,.15,.45)
+//    scrollX, speed
+  .scrollX(2,5)
+//    angle, speed
+  .rotate(6, 5.1)
+ //r=red; g=green; b=blue
+//     r, g, b
+.color(2,0,250)
+.out()
+</code>
+<HTML>
+<iframe
+src = "https://hydra.ojack.xyz/?code=JTJGJTJGc2lkZSUyQ3JhZGlvcyUyQ3Ntb290aGluZyUwQXNoYXBlKDEwJTJDLjE1JTJDLjQ1KSUwQSUyRiUyRiUyMCUyMCUyMCUyMHNjcm9sbFglMkMlMjBzcGVlZCUwQSUyMCUyMC5zY3JvbGxYKDIlMkM1KSUwQSUyRiUyRiUyMCUyMCUyMCUyMGFuZ2xlJTJDJTIwc3BlZWQlMEElMjAlMjAucm90YXRlKDYlMkMlMjA1LjEpJTBBJTJGJTJGJTIwJTIwJTIwJTIwJTIwciUyQyUyMGclMkMlMjBiJTNCJTIwciUzRHJlZCUzQiUyMGclM0RncmVlbiUzQiUyMGIlM0RibHVlJTBBLmNvbG9yKDIlMkMwJTJDMjUwKSUwQS5vdXQoKQ%3D%3D" width = "100%" height = "900">
+</iframe>
+</HTML>
+=== 007 ===
+<code/>
+//side, radio, smooth
+shape(7, 0.1, 1)
+//repeatX, repeatY
+.repeat(3.0, 3.0)
+//  angle, speed
+.rotate(6, 5.1)
+//      r, g, b
+.color(220,1,20)
+  .out()
+</code>
+<HTML>
+<iframe
+src = "https://hydra.ojack.xyz/?code=JTJGJTJGc2lkZSUyQyUyMHJhZGlvJTJDJTIwc21vb3RoJTBBc2hhcGUoNyUyQyUyMDAuMSUyQyUyMDEpJTBBJTJGJTJGcmVwZWF0WCUyQyUyMHJlcGVhdFklMEEucmVwZWF0KDMuMCUyQyUyMDMuMCklMEElMkYlMkYlMjAlMjAlMjAlMjAlMjAlMjByJTJDJTIwZyUyQyUyMGIlMEEucm90YXRlKDYlMkMlMjA1LjEpJTBBLmNvbG9yKDIyMCUyQzElMkMyMCklMEElMjAlMjAub3V0KCklMEE%3D" width = "100%" height = "900">
+</iframe>
+</HTML>