var video;

​

let capture;

let tracker;

function setup() {

   createCanvas(800, 800);

   background(255);

  video = createCapture(VIDEO);

  video.size(400,400);

  video.hide();

}

function draw(){

  p1();

  p2();

  p3();

  p4();

if (mouseIsPressed) {

  saveCanvas();

    }

}

function p1(){

​

    video.loadPixels();

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

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

      var index = (x+y*video.width) * 4;

      var r = video.pixels[index];

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

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

      fill(r, g, b);

     rect(x, y, 18, 10);

    }

  }

        video.updatePixels();

  filter(THRESHOLD); 

}

function p2(){

  // tint(255,20,0);

   tint(250,20,200);

img2 = image(video,400,0);

}

function p3(){

   tint(0, 153, 204);

   img3 = image(video,0,400);

​

​

}

function p4(){

     tint(5,200,100);

​

   img4 = image(video,400,400);

​

}