Interactive piece created with code in Hydra (hydra.ojack.xyz). Move the mouse sideways to distort the image and change the color palette.
Hydra is a toolkit for live coding of network visuals created by Olivia Jack (ojack.xyz)
/*
Meta Mounds
by Daniel Oropeza
Tw: @ferdoropeza
*/
osc(Math.PI * 4, 0.1, 2)
.hue(() => mouse.x / 2500)
.modulate(noise(5))
.modulate(src(o0).invert().hue(0.5))
.luma(0.37)
.saturate(1.5)
.out()
src(o0).rotate(10, 2).out(o1)
n = 50
src(o2)
.modulate(
noise(2, 0.1)
.modulatePixelate(noise(2, 0.1).pixelate(4, 4).posterize(2), 32)
.contrast(2)
.thresh(0.5)
.color(1, 0)
.layer(o2)
.mask(o0)
.add(solid(1, 0), 1.0)
.add(
noise(3, 0.06)
.modulatePixelate(noise(3, 0.06).pixelate(4, 4).posterize(20, 20), 32)
.thresh(0.5)
.contrast(2)
.color(1, 2)
.add(solid(0, 1), 0.5),
1
),
0.001
)
.layer(o0)
.diff(o3)
.colorama(0.001)
.layer(
src(o1)
.layer(o0)
.pixelate(n, n)
.mult(shape(100, 0.01).repeat(n, n))
.luma(0.1, 0.1)
)
.scrollX(0.0005)
.modulate(osc(2), () => mouse.x / 250000)
.out(o2)
src(o2).blend(o3, 0.1).out(o3)
solid(1, 0, 0)
.modulateRotate(shape(4, 0.5).repeat().pixelate(4, 4).posterize(20, 20), 2)
.contrast(2)
.thresh(0.5)
.color(1, 0)
.add(
noise(3, 0.6)
.modulatePixelate(noise(3, 0.06).pixelate(4, 4).posterize(2), 32)
.thresh(0.5)
.contrast(2)
.color(1, 1)
.add(solid(1, 1, 1), 0.5),
1
)
.out(o3)
render(o2);
