var vScale=12;

var slider;

var cols=40;

var rows=30;

​

function setup() {

  createCanvas(600, 600);

  pixelDensity(1);

  video=createCapture(VIDEO);

  video.size(width/vScale,height/vScale);

  slider=createSlider(0,255,127);

}

​

function draw() {

  background(51);

  video.loadPixels();

  loadPixels();

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

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

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

      var r=video.pixels[index+0];

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

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

      var bright=(r+g+b)/3;

      var limit=slider.value();

      if (bright>limit){

        fill(255);

      } else{

        fill(0);

      }

      var w=map(bright,0,255,0,vScale);

      noStroke();

      rectMode(CENTER);

      rect(x*vScale,y*vScale,w,w);

    }

  }

  // updatePixels();

}