let filterMode=3;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  pixelDensity(1);

  cam = createCapture(VIDEO);

  cam.hide();

}

​

function draw() {

  background(220);

  image(cam, 0, 0);

  loadPixels();

  for (let i = 0; i < width; i += 1) {

    for (let j = 0; j < height; j += 1) {

      let colorFromVideo = cam.get(i, j);

      let index=4*(j*width+i);

      pixelFilter(index,i,j);

    }

  }

  updatePixels();

  tint(200,50);

  image(cam,0,0,width,height);

}

​

function pixelFilter(index,i,j){

  if(filterMode===1){

      pixels[index]=mouseX/8;

      pixels[index+1]=i/10;

      pixels[index+2]=i/10+j/10;

      pixels[index+3]=255;

  }

   if(filterMode===2){

      pixels[index]=mouseX/8;

      pixels[index+1]=i/10;

      pixels[index+2]=i/10+j/10;

      pixels[index+3]=255;

  }

   if(filterMode===3){

      pixels[index]=mouseX/8;

      pixels[index+1]=i/10;

      pixels[index+2]=i/10+j/10;

      pixels[index+3]=255;

  }

   if(filterMode===4){

      pixels[index]=mouseX/8;

      pixels[index+1]=i/10;

      pixels[index+2]=i/10+j/10;

      pixels[index+3]=255;

  }

}

​

function mouseClicked(){

  let filterModes=['1','2','3','4'];

  var filterMode=random(filterModes);

  console.log(filterMode);

}