yuna-wu-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.
====== Practicing Hydra ======
By: [[yuna-wu|Yuna Wu]]

==== 001 ===

<code/>
//The first one(01)
// 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=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>