This piece is a tribute to the incredible work of the artist @jjjjjjjjjjohn A piece made with a lot of respect and admiration. Created with code in Hydra (hydra.ojack.xyz). Move the mouse to interact with the image.
Hydra is a toolkit for live coding of network visuals created by Olivia Jack (ojack.xyz)
/*
Window Still Life Tribute
by Daniel Oropeza
Tw: @Ferdoropeza
*/
A = window.innerHeight / window.innerWidth
s0.initVideo("https://media.giphy.com/media/t2uEYBdHWXEkqx9M9n/giphy.mp4")
s1.initVideo("https://media.giphy.com/media/TrOMR6REnWN1u/giphy.mp4")
solid()
.add(shape(4, 0.65, 0).scale(1, A, 1).color(0.5, 1, 0.8))
.diff(
shape(2, 0.5, 0)
.color(-1, 0, -1)
.r()
.modulate(
osc(30, 0)
.thresh()
.mult(gradient().r().repeat(3), 0.8)
.add(gradient().r().repeat(4).invert(-1), 0.5)
)
.color(1, 1, 0)
.scrollX(0, ()=>mouse.x/2500000)
)
.diff(
shape(4, 1, 0.0)
.color(0, 0, 0)
.diff(shape(4, 0.98))
.thresh()
.repeat(30, 30 * A)
.modulateScale(shape(4, 0.7, 0.1).scale(1, A, 1), -0.1, 0.9)
.invert()
)
.mask(
shape(4, 0.7)
.scale(1, A, 1)
.mask(
src(s1).diff(
src(s1)
.scale([2, 1, 3, 1, 2, 1].smooth(1))
.thresh(0.1, 0.925)
.layer(
src(s0)
.scroll(-0.35,-0.44)
.scale(0.5, 0.5)
.mask(shape(400, 0.3, 0.0).scale(1, 0.5, 1).scroll(-0.1, -0.15))
)
)
)
.invert()
)
.add(
shape(100, 0.25, 0)
.color(1, 0, 1)
.scale(1, A, 1)
.scroll(0.1, 0.17)
.color(1, 1, 0)
)
.posterize(8, 6)
.add(o3, 1)
.mult(src(o2).color(-1, 0, 1), 0.1)
.diff(osc(16, 0).modulateScale(gradient().g(4)), 0.7)
.blend(noise(500, 1), 0.1)
.color(2, 0.9, 0.7)
.diff(shape(100, 0.3, 0.8)
.color(1,0,1)
.scale([1,0.5].smooth(), 0.6, 1)
.scrollX([-0.3,0.1,-0.5].fast(.25).smooth(),0.1))
.out()
shape(4, 0.7, 0.0)
.color()
.scale(1, A, 1)
.repeat(1, 1)
.add(
osc(100, 0.01, 2)
.scale(1, A, 1)
.posterize(50, 50)
.rotate(0.0)
.scrollY(0, 0.01)
.kaleid([2, 1])
.pixelate(30, 30)
.scale(1, 1, 1)
.hue(0.4)
.saturate(1)
.mask(shape(2, 0.4)),
0.9
)
.out(o2)
shape(4, 0.66, 0.0).scale(1, A, 1).repeat(1, 1).diff(o2).out(o3);
