​

//warning this is extremely slow 

let cam;

​

function setup() {

  createCanvas(640, 480);

   pixelDensity(1);

  cam = createCapture(VIDEO);

  cam.size(640,480);

  cam.hide();

}

​

function draw() {

  background(0);

  //image(cam, 0, 100);

  cam.loadPixels()

  for (let a = 0; a < 200; a += 15) {

​

    for (let b = 0; b < height; b += 15) {

​

      let colorFromVideo = cam.get(a, b);

      let bri = brightness(colorFromVideo);

      if (bri > 40) fill('rgb(206,55,55)')

      else fill('rgb(32,29,29)');

      circle(a, b, 15);

    }

  }

   for (let a2 = 200; a2 < 400; a2 += 15) {

​

    for (let b2 = 0; b2 < height; b2 += 15) {

​

      let colorFromVideo2 = cam.get(a2, b2);

      let bri2 = brightness(colorFromVideo2);

      if (bri2 > 60) fill('rgb(76,175,80)')

      else fill('rgb(46,39,39)');

      rect(a2, b2, 15, 15);

    }

  }

  for (let a3 = 400; a3 < width; a3 += 15) {

​

    for (let b3 = 0; b3 < height; b3 += 15) {

​

      let colorFromVideo3 = cam.get(a3, b3);

      let bri3 = brightness(colorFromVideo3);

      if (bri3 > 30) fill('rgb(216,203,58)')

      else fill('rgb(26,20,20)');

      triangle(a3, b3, a3+15, b3+15, a3+15, b3);

    }

  }

}