​

function setup() {

  createCanvas(800, 600);

  video = createCapture(VIDEO, { flipped: true });

  video.hide();

}

​

function draw() {

  video.loadPixels();

​

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

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

      let i = (x + y * video.width) * 4;

​

      let r = video.pixels[i];

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

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

      let a = video.pixels[i + 3];

​

      let brightValue = brightness(color((r + g + b) / 3));

​

      if (brightValue >= 50) {

        fill(255);

      } else if (brightValue < 50) {

        fill(0);

      }

      rect(x, y, 20, 20);

    }

  }

}

​