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 here:
/*Circular dystopia
by Daniel Oropeza
Tw: @ferdoropeza
*/
A = window.innerHeight/window.innerWidth
src(o0)
.layer(solid(1.7,.85,.65))
.layer(src(o2).scrollX(-.002).diff(shape(2,0.69).scrollY(0.15).luma())
)
.layer(src(o2).scrollX(-.002).mult(shape(4,.95).repeat(10,10).scale([.8,.8].fast(.25),0.6,1).luma().modulateScale(osc(2),1,0.5)) )
.layer(shape(300,.555).scale(1,A,1).luma(.1).color(0,0,1).hue(()=>mouse.x/10000).scrollX([.02,.1].ease('easeInOutCubic').fast(.5)))
.layer(shape(300,.555).scale(1,A,1).luma(.1).color(0,1,0).hue(()=>mouse.x/10000).scrollX(0))
.layer(shape(300,.555).scale(1,A,1).luma(.1).color(1,0,0.5).hue(()=>mouse.x/10000).scrollX([-.02,-.1].ease('easeInOutCubic').fast(.5).offset(.5)))
.out();
solid()
.layer(
shape(2,.3,0).r().mult(
osc(90,0).thresh(.03).mult(osc(110,0).thresh(.03).rotate(Math.PI/2)))
.invert()
.scrollX(0,.2)
.modulateScale(
gradient().g().color(1,0).add(solid(0,.9/2)),2,.1).scrollY(-.35)
)
.out(o2);
src(o3)
.layer(src(o0).mask(shape(3,[0.09,0.25,0.35,0.89].smooth(),0).scale(1,A,1)
.modulateScale(gradient().g())))
.scrollX([0.001, 0])
.scrollY([0, 0.001])
.modulateScale(osc(1), 0.02, 0.99)
.modulate(osc(2).rotate(()=>mouse.x/1000),()=>mouse.x/100000)
.out(o3);
render(o3);
