Interactive piece created with code in Hydra (hydra.ojack.xyz). Move the mouse to modulated the image.
Hydra is a toolkit for live coding of network visuals created by Olivia Jack (ojack.xyz)
/*
Expansion of modulated circles
by @Ferdoropeza
Tw: @ferdoropeza
*/
solid()
.layer(shape(3,0.5,0.0)
.scale(1,0.8)
.rotate(3.141).repeat(20,20).rotate(()=>time*0.009).kaleid(4).color(1,0.5,0.5))
.modulate(
osc(20).posterize(2,2).kaleid(4).rotate(()=>mouse.x/1000,0)
.add(gradient(),-1),1)
.mult(gradient().r().repeat(4).thresh(.2,3.9).brightness(.3))
.diff(osc(1,0.1,4).modulatePixelate(gradient(20),[10,.1,.2].fast(.2).ease('sin'))
.modulateScrollY(src(o0))
.hue([0,1].fast(.2).ease('sin')))
.modulateRotate(shape(50,0.5,0).repeat(5).scrollX(-0.1,0.1),1)
.modulateRotate(shape(50,0.5,0).repeat(5).scrollY(1,-0.1),1)
.diff(shape(50,() => Math.cos(time)/2,0).repeat(5).scrollY(10,0.1).color(0.9,0.9,0.5),1)
.diff(shape(50,() => Math.sin(time)*3,0).repeat(5),1)
.saturate(1.03)
.modulate(o0,()=>mouse.x*0.00005)
.out();
setResolution(window.innerHeight,window.innerWidth);