​

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 = cam.get(x,y);

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

      let bright = brightness(c);

      // bright is a value between 0 and 255

      // if (bright > 60) {

      //   fill(255); 

      // } else {

      //   fill(0); 

      // }

      fill(255);

      // fill(bright);

      let ellipseSize = map(bright, 0, 255, 1, pixelSize);

      ellipse(x,y,ellipseSize,ellipseSize);

    }

  }

}

​

​

​

​