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();

      var limit=127;

      if (bright>limit){

        fill(255,0,0)

      } else{

        fill(0,0,255)

      }

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

      noStroke();

      ellipseMode(CENTER);

      ellipse(x*vScale,y*vScale,vScale,vScale);

    }

  }

  // updatePixels();

}