Interactive piece created with code in Hydra (hydra.ojack.xyz).Move the mouse to distort the image.
Hydra is a toolkit for live coding of network visuals created by Olivia Jack (ojack.xyz)
You can see the code of this visual and interact with it in the following link: https://hydra.ojack.xyz/?code=JTBBJTJGKk1ldGEtR2xpdGNoJTBBYnklMjBEYW5pZWwlMjBPcm9wZXphJTBBVHclM0ElMjAlNDBmZXJkb3JvcGV6YSUwQSolMkYlMEElMEFub2lzZSg4MCUyQzAuNSklMEEucm90YXRlKDAlMkMoKSUzRCUzRW1vdXNlLnglMkYxMDAwMCklMEEucGl4ZWxhdGUoMTAwJTJDMTAwMCklMEEuc2NhbGUoMi4wNSklMEEuY29sb3IoMSUyQzAuNyUyQy0xKSUwQS5zYXR1cmF0ZSgxLjUpJTBBLnJvdGF0ZSgoKSUzRCUzRXRpbWUqMC4xKS5tYXNrKHZvcm9ub2koODAlMkMwLjElMkM5KS5sdW1hKCkuaW52ZXJ0KCkubHVtYSgpKSUwQS5jb2xvcmFtYSgwLjA2KS5zYXR1cmF0ZSgyLjEpLmNvbnRyYXN0KDIpJTBBLm1vZHVsYXRlU2NhbGUobzAlMkMxMDApLmx1bWEoMC4wMSklMEEuYmxlbmQobzApJTBBLmJsZW5kKG8wKSUwQS5tb2R1bGF0ZShvc2MoMiklMkMtMC4wMDQpJTBBLm1vZHVsYXRlUGl4ZWxhdGUobzAlMkMyMDAwJTJDNCklMEElMjAlMjAuc2Nyb2xsWCglNUIwLjAwMSUyQyUyMDAlNUQpJTBBJTIwJTIwLnNjcm9sbFkoJTVCMCUyQyUyMC0wLjAwMSU1RCklMEEuc2NhbGUoMS4wMSklMEEub3V0KG8wKSUwQQ==
/*Meta-Glitch
by Daniel Oropeza
Tw: @ferdoropeza
*/
noise(80,0.5)
.rotate(0,()=>mouse.x/10000)
.pixelate(100,1000)
.scale(2.05)
.color(1,0.7,-1)
.saturate(1.5)
.rotate(()=>time*0.1).mask(voronoi(80,0.1,9).luma().invert().luma())
.colorama(0.06).saturate(2.1).contrast(2)
.modulateScale(o0,100).luma(0.01)
.blend(o0)
.blend(o0)
.modulate(osc(2),-0.004)
.modulatePixelate(o0,2000,4)
.scrollX([0.001, 0])
.scrollY([0, -0.001])
.scale(1.01)
.out(o0)
