Interactive piece created with code in Hydra (hydra.ojack.xyz). Move the mouse to interact with the image and change the colors of the circle.
Hydra is a toolkit for live coding of network visuals created by Olivia Jack (ojack.xyz)
/*
Dystopia
by Daniel Oropeza
Tw: @Ferdoropeza
*/
A = window.innerHeight / window.innerWidth
rings()=>osc(500,-0.03).thresh(.1,0.1).kaleid(999).rotate(.2).color(1,0,1).modulateScale(gradient().g(4)).mult(solid(1,0.5,1).hue(0.1))
co=()=>osc(20,0,2).modulate(noise(3,0),0.2)
solid()
.diff(
shape(4, 1, 0.0)
.color(0, 0, 0)
.diff(shape(4, 0.98))
.thresh()
.repeat(20, 20 * A)
.modulateScale(shape(4, 0.7, 0.1).scale(1, A, 1), -0.1, 0.9)
.invert()
.scrollX(0.0005,0.01)
).modulate(noise(3),0.01)
.diff(osc(100,0.01,4).posterize(50,50).rotate().pixelate(30,30).hue())
.layer(
rings().mask(
co().rotate(()=>mouse.x/1500).g().thresh(0.6,0)))
.modulateScale(osc(2).g())
.layer(shape(300,.555).scale(1,A,1).luma(.1).color(0,1,0.5).hue(()=>mouse.x/1500).scrollX([-.05,-.85].ease('easeInOutCubic').fast(.5).offset(.5)))
.add(o3,1)
.mult(src(o2),0.7)
.out()
shape(4,0.7,0.001).repeat(3,1).out(o2)
shape(4,0.66,0.001).repeat(3,1).diff(o2).out(o3)
