​

function setup() {

  createCanvas(800, 600);

  pixelDensity(1);

  cam = createCapture(VIDEO);

  cam.size(800, 600);

  cam.hide();

  noStroke();

}

​

function draw() {

  background(0);

  // image(cam, 0, 0);

  cam.loadPixels();

  let pixelSize = int(map(mouseX, 0, width, 10, 50));

  for (let y = 0; y < cam.height; y +=pixelSize) {

    for (let x = 0; x < cam.width; x +=pixelSize) {

      let index = ((width - x - 1) + y * cam.width)*4;

      let r = cam.pixels[index];

      let g = cam.pixels[index+1];

      let b = cam.pixels[index+2];

      colorMode(RGB);

      let c = color(r,g,b);

      colorMode(HSB, 360, 100, 100);

      let cH = hue(c);

      let cS = saturation(c);

      let cB = brightness(c);

      let uB = map(cB, 0, 100, 0, 1);

      colorMode(HSB, 360, 100, 1);

      let updatedColor = (cH, cS, uB);

      fill(updatedColor);

      rect(x,y,pixelSize,pixelSize);

    }

  }

}

​

​

​

​