Circular dystopia

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);