yiler-huang-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 [[yiler-huang| Yiler Huang]]

These are the sketches I made when I first started learning Hydra.

=== 1 ===
<code>
voronoi(50)
	.invert()
	.color(0.5, 0.211, 1.497)
	.modulateRepeat(osc(10), 10, 10, 0, 10)
	.scrollX(10,0.5)
	.out();
</code>

<HTML>
<iframe
src = "https://hydra.ojack.xyz/?sketch_id=BC9tYpMpzuX4xdNe" width = "100%" height = "900">
</iframe>
</HTML>

=== 2 ===
<code>
speed = 5
osc(6, 0, 8)
  .color(1.14, 0.6,.80)
  .repeat(() => mouse.x/10)
  .kaleid(100)
  .pixelate(10)
  .modulateRepeat(osc(10), 3.0, 3.0, 1, -0.5)
  .out()
</code>

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

=== 3 ===
<code>
shape(0.055, 0)
	.rotate(7.233, 2.372)
	.kaleid(1.519)
	.repeat(111.965)
	.modulatePixelate(noise(2.925, 2.38), 124.907)
	.scrollX(1.174, 1)
	.out();
</code>
<HTML>
<iframe
src = "https://hydra.ojack.xyz/?code=JTJGJTJGJTIwbGljZW5zZWQlMjB3aXRoJTIwQ0MlMjBCWS1OQy1TQSUyMDQuMCUyMGh0dHBzJTNBJTJGJTJGY3JlYXRpdmVjb21tb25zLm9yZyUyRmxpY2Vuc2VzJTJGYnktbmMtc2ElMkY0LjAlMkYlMEElMkYlMkYlMjBHYWxheHklMjBUcmlwJTBBJTJGJTJGSW5zcGlyZWQlMjBieSUyMFJhbmdnYSUyMFB1cm5hbWElMjBBamklMEElMkYlMkYlMEElMkYlMkYlMjBodHRwcyUzQSUyRiUyRnJhbmdnYXB1cm5hbWFhamkxLndpeHNpdGUuY29tJTJGcG9ydGZvbGlvJTBBc2hhcGUoMC4wNTUlMkMlMjAwKSUwQSUwOS5yb3RhdGUoNy4yMzMlMkMlMjAyLjM3MiklMEElMDkua2FsZWlkKDEuNTE5KSUwQSUwOS5yZXBlYXQoMTExLjk2NSklMEElMDkubW9kdWxhdGVQaXhlbGF0ZShub2lzZSgyLjkyNSUyQyUyMDIuMzgpJTJDJTIwMTI0LjkwNyklMEElMDkuc2Nyb2xsWCgxLjE3NCUyQyUyMDEpJTBBJTA5Lm91dCgpJTNC" width = "100%" height = "900">
</iframe>
</HTML>

=== 4 ===

<code>
speed = 0.001

noise(10).color(1,1,1).colorama().repeat(100).modulatePixelate(noise(10,10),100).out()
</code>

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

=== 5 ===
<code>
speed = 0.01

s0.initCam();
osc(s0)
	.rotate(13.13)
	.out();
osc(4.156, 4.89)
	.mult(osc(8.128, 0.667, 8.721))
	.color(1.354, 1, 0.799)
	.rotate(12.282)
	.repeat(29.244)
	.modulatePixelate(noise(10.279, 17.631), 19.723)
	.kaleid(14.887)
	.out();
</code>

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