| Both sides previous revision Previous revision Next revision | Previous revision |
| zoey-lin-hydra-presentations [2022/12/28 17:15] – zoey.lin | zoey-lin-hydra-presentations [2022/12/29 03:34] (current) – renick |
|---|
| =====Hydra Presentations===== | ======Hydra Presentations====== |
| |
| Made by: [[zoey-lin|Zoey]] | Made by: [[zoey-lin|Zoey]] |
| - [[zoey-lin-hydra-presentations#color|Color]] | - [[zoey-lin-hydra-presentations#color|Color]] |
| - [[zoey-lin-hydra-presentations#render|Render]] | - [[zoey-lin-hydra-presentations#render|Render]] |
| | - [[zoey-lin-hydra-presentations#pixelate|Pixelate]] |
| |
| ====Kaleid==== | ====Kaleid==== |
| ====Render==== | ====Render==== |
| ===Simple Example=== | ===Simple Example=== |
| |
| **Explanation of render and out** | |
| <code> | |
| usually, we use one out to show the photo but over here I have 4 out. The reason that there have 4 out is that I want hydra to show 4 different photos at the same time. So "out(o0)" is mean the top left screen, "out(o1)" is the bottom left screen, "out(o2)" is the top right screen, and "out(o3)" is the bottom right screen. | |
| Inside each out, you can put any hydra function. | |
| "render()" is to show the 4 out. render also have another very cool usage if you put any each out that you want inside the render function it can show the only screen that you put inside | |
| </code> | |
| |
| **Code** | **Code** |
| <code> | <code> |
| </code> | </code> |
| |
| | **Explanation of render and out** |
| | <code> |
| | usually, we use one out to show the photo but over here I have 4 out. The reason that there have 4 out is that I want hydra to show 4 different photos at the same time. So "out(o0)" is mean the top left screen, "out(o1)" is the bottom left screen, "out(o2)" is the top right screen, and "out(o3)" is the bottom right screen. |
| | Inside each out, you can put any hydra function. |
| | "render()" is to show the 4 out. render also have another very cool usage if you put any each out that you want inside the render function it can show the only screen that you put inside |
| | </code> |
| |
| <HTML> | <HTML> |
| <HTML> | <HTML> |
| <iframe | <iframe |
| src = "https://hydra.ojack.xyz/?code=bm9pc2UoKSUwQSUyRiUyRi5waXhlbGF0ZSh4LXBvc2l0aW9uJTJDeS1wb3NpdGlvbiklMEElMjAucGl4ZWxhdGUoMzAlMkM0MCklMEElMkYlMkYuY29scm8ocmVkJTJDZ3JlZW4lMkNibHVlKSUyMCUyMCUwQSUyMCUyMC5jb2xvcigxJTJDMCUyQzMpJTBBJTIwJTIwLm91dCgpJTBB" width = "100%" height = "900"> | src = "https://hydra.ojack.xyz/?code=bm9pc2UoKSUwQSUyRiUyRi5waXhlbGF0ZSh4LXBvc2l0aW9uJTJDeS1wb3NpdGlvbiklMEElMjAucGl4ZWxhdGUoMzAlMkM0MCklMEElMkYlMkYuY29scm8ocmVkJTJDZ3JlZW4lMkNibHVlKSUyMCUyMCUwQSUyMCUyMC5jb2xvcigxJTJDMCUyQzMpJTBBJTIwJTIwLm91dCgpJTBB" width = "100%" height = "500"> |
| </iframe> | </iframe> |
| </HTML> | </HTML> |
| <HTML> | <HTML> |
| <iframe | <iframe |
| src = "https://hydra.ojack.xyz/?code=bm9pc2UoKSUwQSUyMCUyMC5jb2xvcig0JTJDMiUyQzApJTBBJTIwJTIwLmFkZChvc2MoMjAlMkMwLjYlMkMwLjcpKSUwQSUyMCUyMC5waXhlbGF0ZSgyMDAlMkM0MCklMEElMjAlMjAub3V0KCklMEE%3D" width = "100%" height = "900"> | src = "https://hydra.ojack.xyz/?code=bm9pc2UoKSUwQSUyMCUyMC5jb2xvcig0JTJDMiUyQzApJTBBJTIwJTIwLmFkZChvc2MoMjAlMkMwLjYlMkMwLjcpKSUwQSUyMCUyMC5waXhlbGF0ZSgyMDAlMkM0MCklMEElMjAlMjAub3V0KCklMEE%3D" width = "100%" height = "500"> |
| </iframe> | </iframe> |
| </HTML> | </HTML> |
| <HTML> | <HTML> |
| <iframe | <iframe |
| src = "https://hydra.ojack.xyz/?code=bm9pc2UoKSUwQSUyMCUyMC5jb2xvcigyJTJDMCUyQzUpJTBBJTIwJTIwLmthbGVpZCg1MCklMEElMjAlMjAucGl4ZWxhdGUoMjAwJTJDNDApJTBBJTIwJTIwLmFkZChvc2MoMTAlMkMwLjUpLmNvbG9yKDIlMkMxJTJDMSkpJTBBJTIwJTIwLm91dCgp" width = "100%" height = "900"> | src = "https://hydra.ojack.xyz/?code=bm9pc2UoKSUwQSUyMCUyMC5jb2xvcigyJTJDMCUyQzUpJTBBJTIwJTIwLmthbGVpZCg1MCklMEElMjAlMjAucGl4ZWxhdGUoMjAwJTJDNDApJTBBJTIwJTIwLmFkZChvc2MoMTAlMkMwLjUpLmNvbG9yKDIlMkMxJTJDMSkpJTBBJTIwJTIwLm91dCgp" width = "100%" height = "500"> |
| </iframe> | </iframe> |
| </HTML> | </HTML> |