Interactive piece created with code in Hydra (hydra.ojack.xyz). Turn on your webcam and move the mouse / click to interact with the pixels, rotation and colors.
Hydra is a toolkit for live coding of network visuals created by Olivia Jack (ojack.xyz)
/*
Blind Colors
by Daniel Oropeza
Tw: @ferdoropeza
*/
var click = 0;
document.body.addEventListener('mousedown', function() {
click = 1;
}, true);
document.body.addEventListener('mouseup', function() {
click = 0
}, true);
s0.initCam()
src(o0)
.thresh(0.8, 0.9)
.layer(
osc(10, 0.1, 2)
.pixelate(() => 1 - click / 0.1, () => 1 - click / 0.1)
.blend(osc(({
time
}) => Math.sin(time * 0.01) * 10, 0.001)
.color(1, 2)
.hue(() => 1 - click * 4))
.mask(shape(3, 0.7)
.thresh()
.modulateScale(noise(4, 0.01), 5)
.scale(1, 0.6, 1)
.rotate()
.scroll(() => mouse.x * window.innerHeight / window.innerWidth * 0.001, () => mouse.y * window.innerHeight / window.innerWidth * 0.001)
.pixelate()
.invert(-1))
.colorama(0.02)
.mask(src(s0)
.rotate(() => mouse.x / 1000)
.modulate(noise()
.pixelate(20, 1)
.scale(() => 1 + mouse.x / 1000)
.color(1, 1), 0.9)))
.layer(
solid(1, 0, 1)
.mask(src(o0)
.layer(o0))
.modulateScale(gradient()
.r()
.color(0, 0), 1, 1))
.hue(() => mouse.x / 1000)
.luma(0.1, 0.01)
.out(o0);
