Differences

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

--- yuna-wu-hydra-practice [2023/01/30 17:58] – yuna.wu
+++ yuna-wu-hydra-practice [2023/01/30 18:23] (current) – yuna.wu
@@ Line 2: / Line 2: @@
 By: [[yuna-wu|Yuna Wu]]
-=== 001 ===
+==== 001 ===
 <code/>
-//shape(sides, radius, smoothing)
+//The first one(01)
-shape(9,0.5,0.001).out(o0)
+// 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=JTJGJTJGc2hhcGUoc2lkZXMlMkMlMjByYWRpdXMlMkMlMjBzbW9vdGhpbmcpJTBBc2hhcGUoOSUyQzAuNSUyQzAuMDAxKS5vdXQobzAp" width = "100%" height = "900">
+src = "https://hydra.ojack.xyz/?code=JTJGJTJGVGhlJTIwZmlyc3QlMjBvbmUoMDEpJTBBb3NjKDElMkMlMjAwLjklMkMlMjAwLjAwMSklMEElMjAlMjAlMjAlMjAua2FsZWlkKCU1QjMlMkM0JTJDNSUyQzclMkM4JTJDMTklMkMxMCU1RC5mYXN0KDAuMSkpJTBBJTIwJTIwJTIwJTIwLmNvbG9yKDAuMSUyQyUyMDAuMyklMEElMjAlMjAlMjAlMjAuY29sb3JhbWEoMC40KSUwQSUyMCUyMCUyMCUyMC5yb3RhdGUoMC4wMDA5JTJDKCklM0QlM0VNYXRoLnNpbih0aW1lKSolMjAtMC4wMSUyMCklMEElMjAlMjAlMjAlMjAubW9kdWxhdGVSb3RhdGUobzAlMkMoKSUzRCUzRU1hdGguc2luKHRpbWUpJTIwKiUyMDAuMDAwMyklMEElMjAlMjAlMjAlMjAubW9kdWxhdGUobzAlMkMlMjAwLjE5KSUwQSUyMCUyMCUyMCUyMC5zY2FsZSgwLjkpJTBBJTIwJTIwJTIwJTIwLm91dChvMCk%3D" width = "100%" height = "900">
 </iframe>
 </HTML>
-=== 002 ===
+==== 002 ====
 <code/>
-//side, radio, smooth. angle, speed
-shape(10,.15,.45).rotate(6, 5.1)
+//The second one(02)
-.out()
+// 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=JTJGJTJGc2lkZSUyQyUyMHJhZGlvJTJDJTIwc21vb3RoLiUyMGFuZ2xlJTJDJTIwc3BlZWQlMEFzaGFwZSgxMCUyQy4xNSUyQy40NSkucm90YXRlKDYlMkMlMjA1LjEpJTBBLm91dCgp" width = "100%" height = "900">
+src = "https://hydra.ojack.xyz/?code=JTJGJTJGVGhlJTIwc2Vjb25kJTIwb25lKDAyKSUwQW9zYygwLjUlMkMxLjI1KS5tdWx0KHNoYXBlKDElMkMwLjA5KS5yb3RhdGUoMS41KSklMEElMjAlMjAuZGlmZihncmFkaWVudCgpKSUwQSUyMCUyMC5hZGQoc2hhcGUoMiUyQzIpLmJsZW5kKGdyYWRpZW50KDEpKSklMEElMjAlMjAubW9kdWxhdGUobm9pc2UoKSUwQSUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMCUyMC5tb2R1bGF0ZShub2lzZSgpLnNjcm9sbFkoMSUyQzAuMDYyNSkpKSUwQSUyMCUyMC5ibGVuZChvMCklMEElMjAlMjAlMkYlMkZ2b3Jvbm9pKDUlMkMwLjMlMkMwLjMpLmNvbG9yKDEyJTJDLTAuNSUyQy0wLjc1KSUwQSUyMCUyMC5vdXQoKQ%3D%3D" width = "100%" height = "900">
 </iframe>
 </HTML>
-=== 003 ===
+==== 003 ====
 <code/>
-//          scrollX, speed
+//The third one(03)
-shape(5).scrollX(2,5).out(o0)
+//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=JTJGJTJGJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwc2Nyb2xsWCUyQyUyMHNwZWVkJTBBc2hhcGUoNSkuc2Nyb2xsWCgyJTJDNSkub3V0KG8wKQ%3D%3D" width = "100%" height = "900">
+src = "https://hydra.ojack.xyz/?code=JTJGJTJGVGhlJTIwdGhpcmQlMjBvbmUoMDMpJTBBb3NjKDAuNSUyQzEuMjUpLm11bHQoc2hhcGUoMSUyQzAuMDkpLnJvdGF0ZSgxLjUpKSUwQSUyMCUyMC5kaWZmKGdyYWRpZW50KCkpJTBBJTIwJTIwLmFkZChzaGFwZSgyJTJDMikuYmxlbmQoZ3JhZGllbnQoMSkpKSUwQSUyMCUyMC5tb2R1bGF0ZShub2lzZSgpJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwLm1vZHVsYXRlKG5vaXNlKCkuc2Nyb2xsWSgxJTJDMC4wNjI1KSkpJTBBJTIwJTIwLmJsZW5kKG8wKSUwQSUyMCUyMHZvcm9ub2koNSUyQzAuMyUyQzAuMykuY29sb3IoMTIlMkMtMC41JTJDLTAuNzUpJTBBJTIwJTIwLm91dCgpJTBB" width = "100%" height = "900">
 </iframe>
 </HTML>
-=== 004 ===
+==== 004 ====
 <code/>
-//side,radios,smoothing
+//The fourth one(04)
-shape(10,.15,.45)
+// licensed with CC BY-NC-SA 4.0 https://creativecommons.org/licenses/by-nc-sa/4.0/
-//    scrollX, speed
+// "egg of the phoenix"
-  .scrollX(2,5)
+// Alexandre Rangel
-//    angle, speed
+// www.alexandrerangel.art.br/hydra.html
-  .rotate(6, 5.1)
+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>
@@ Line 56: / Line 108: @@
 <HTML>
 <iframe
-src = "https://hydra.ojack.xyz/?code=JTJGJTJGc2lkZSUyQ3JhZGlvcyUyQ3Ntb290aGluZyUwQXNoYXBlKDEwJTJDLjE1JTJDLjQ1KSUwQSUyRiUyRiUyMCUyMCUyMCUyMHNjcm9sbFglMkMlMjBzcGVlZCUwQSUyMCUyMC5zY3JvbGxYKDIlMkM1KSUwQSUyRiUyRiUyMCUyMCUyMCUyMGFuZ2xlJTJDJTIwc3BlZWQlMEElMjAlMjAucm90YXRlKDYlMkMlMjA1LjEpJTBBLm91dCgp" width = "100%" height = "900">
+src = "https://hydra.ojack.xyz/?code=JTJGJTJGVGhlJTIwZm91cnRoJTIwb25lKDA0KSUwQXNwZWVkJTNENSUwQXNoYXBlKDEwMCUyQy4xNSUyQy41KS5jb2xvcigxMCUyQzEwJTJDMSklMEElMEEuZGlmZiglMjBzaGFwZSgyNTAlMkMuNSUyQzApLnNjcm9sbFgoLjA1KS5yb3RhdGUoJTIwKCklM0QlM0V0aW1lJTJGMTAlMjApLmNvbG9yKDElMkMwJTJDLjc1KSUyMCklMEEuZGlmZiglMjBzaGFwZSg1MDklMkMuNCUyQy4wMDIpLnNjcm9sbFgoLjEwKS5yb3RhdGUoJTIwKCklM0QlM0V0aW1lJTJGMjAlMjApLmNvbG9yKDElMkMwJTJDLjc1KSUyMCklMEEuZGlmZiglMjBzaGFwZSg5OSUyQy4zJTJDLjAwMikuc2Nyb2xsWCguMTA1KS5yb3RhdGUoJTIwKCklM0QlM0V0aW1lJTJGMzAlMjApLmNvbG9yKDElMkMwJTJDLjc1KSUyMCklMEEuZGlmZiglMjBzaGFwZSg5OSUyQy4yJTJDLjAwMikuc2Nyb2xsWCguMjApLnJvdGF0ZSglMjAoKSUzRCUzRXRpbWUlMkY0MCUyMCkuY29sb3IoMSUyQzAlMkMuNzUpJTIwKSUwQS5kaWZmKCUyMHNoYXBlKDk5JTJDLjElMkMuMDAyKS5zY3JvbGxYKC4xMjUpLnJvdGF0ZSglMjAoKSUzRCUzRXRpbWUlMkY1MCUyMCkuY29sb3IoMSUyQzAlMkMuNzUpJTIwKSUwQSUwQS5tb2R1bGF0ZVNjYWxlKCUwQSUyMCUyMHNoYXBlKDI0MCUyQy41JTJDMCkuc2Nyb2xsWCguMDUpLnJvdGF0ZSglMjAoKSUzRCUzRXRpbWUlMkYxNSUyMCklMEElMjAlMjAlMkMlMjAoKSUzRCUzRShNYXRoLnNpbih0aW1lJTJGMykqLjIpJTJCLjIlMjApJTBBJTBBLnNjYWxlKDAuNiUyQy41JTJDMTApJTBBLm91dCgp" width = "100%" height = "900">
 </iframe>
 </HTML>
-=== 005 ===
+==== 005 ====
 <code/>
-//scale, speed, blending
+//The fifth one(05)
-voronoi(10,0.5,0.5)
+// licensed with CC BY-NC-SA 4.0 https://creativecommons.org/licenses/by-nc-sa/4.0/
-  .color(3,2,15)
+// 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=JTJGJTJGc2NhbGUlMkMlMjBzcGVlZCUyQyUyMGJsZW5kaW5nJTBBdm9yb25vaSgxMCUyQzAuNSUyQzAuNSklMEElMjAlMjAuY29sb3IoMyUyQzIlMkMxNSklMEElMjAlMjAub3V0KCklMEE%3D" width = "100%" height = "900"> </iframe>
+<iframe
-</HTML>
+src = "https://hydra.ojack.xyz/?code=JTIwJTJGJTJGVGhlJTIwZmlmdGglMjBvbmUoMDUpJTBBb3NjKDEwMCUyQy0wLjAxMjQ1JTJDMSklMEElMjAlMjAucGl4ZWxhdGUoMTAwKS5rYWxlaWQoKCklM0QlM0UoTWF0aC5zaW4odGltZSUyRjEwKSo5JTJCMykpJTBBJTIwJTIwLnJvdGF0ZSgwJTJDMC4wMTI1KS5jb2xvcigxMDAlMkMxMDAlMkMxMDApJTBBLm1vZHVsYXRlUm90YXRlKHNoYXBlKDEwMCkuc2NhbGUoKCklM0QlM0UoTWF0aC5jb3ModGltZSkqMikpJTBBJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwJTIwLnJvdGF0ZSgwJTJDLTAuMjUpKSUwQSUyMCUyMC5kaWZmKHNyYyhvMCklMEElMjAlMjAlMjAlMjAlMjAlMjAlMjAlMjAuYnJpZ2h0bmVzcygwLjMpKSUwQSUyMCUyMC5vdXQoKQ%3D%3D" width = "100%" height = "900">
+</iframe>
+</HTML>
 === 006 ===