let xScale;

let yScale; 

let r = 1;

let color = 0;

​

function setup() {

  createCanvas(400, 400);

  cam = createCapture(VIDEO);

  cam.size(140, 140);

  cam.hide();

  xScale = width/cam.width;

  yScale = height/cam.height;

  angleMode(DEGREES);

}

​

function draw() {

  background(220);

  //image(img, 0, 0);

  cam.loadPixels();

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

    for (let x = cam.width; x >= 0; x--) {

​

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

      let r = cam.pixels[index + 0];

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

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

​

      let average = (r+g+b)/3;

      if (average < 100){

        fill(average);

         rect(

          ((cam.width - x ) * xScale) + xScale / 4,

          (y * yScale) + yScale / 4, random(0,10),random(0,10)

        );

      }

       else{

         noStroke();

         fill(0,100);

         rect(

          ((cam.width - x ) * xScale) + xScale / 4,

          (y * yScale) + yScale / 4, random(0,40),random(0,10)

        );

           }

      //fill(255, 195,0);

      //textSize(30);

      //text("COMING TO YOU LIVE",windowWidth/2, 100);

    }

  }

  //im done

  cam.updatePixels();

}