​

function setup() {

  createCanvas(400, 300);

  video = createCapture(VIDEO);

  video.size(400, 300);

  video.hide();

  noStroke();

  rectMode(CENTER);

}

​

function draw() {

  background(0);

  video.loadPixels();

  for (let y = 0; y < video.height; y += 8) {

    for (let x = 0; x < video.width; x += 8) {

      // image is reversed this way

      // let index = (x + y*video.width) * 4; // ??

      // image is not reversed this way

      let index = ((video.width - x - 1) + y*video.width) * 4; // ??

      //wtf is the pixels array??

      let r = video.pixels[index];

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

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

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

      let bright = brightness(c);

      let size = map(bright, 0, 255, 0, 16);

      rect(x, y, size, size);

    }

  }

}