​

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 = (x + y * cam.width)*4;

      let r = cam.pixels[index];

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

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

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

      let bright = brightness(c);

      // bright is a value between 0 and 255

      if (bright > 50) {

        fill(255); 

      } else {

        fill(0); 

      }

      rect(x,y,pixelSize,pixelSize);

    }

  }

}

​

​

​

​