let x = 0;

let img;

let pos;

let loaded = false;

let side = 16;

​

function setup() {

  capture = createCapture(VIDEO, function () {

    loaded = true; 

  });

  capture.size(320, 240);

  createCanvas(320, 240);

  background(220);

  noStroke();

}

​

​

function draw() {

  capture.loadPixels();

  for (let x = 0; x < capture.width; x += side) {

    for (let y = 0; y < capture.height; y += side) {

      // the hardest part of this whole sketch

      let index = (y * capture.width + x) * 4;

      let r = capture.pixels[index];

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

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

      fill(r, g, b);

        rect(x, y, side, side);

    }

  }

}

​

​

​

​

​