let t = 2;

​

​

function setup() {

   colorMode(HSB);

  createCanvas(640, 480);

  capture = createCapture(VIDEO);

  capture.size(640, 480);

  capture.hide();

}

​

function draw() {

  background(255)

  //filter(POSTERIZE, 4);

 /*   capture.loadPixels();

  const stepSize = 100;

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

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

      const i = y * width + x;

      const darkness = (255 - capture.pixels[i * 4]) / 255;

      const radius = stepSize * darkness || 0;

      ellipse(x, y, radius, radius);

    }

  }*/

​

  capture.loadPixels();

  //print(pixels[0], pixels[1], pixels[2], pixels[3]);

  noStroke();

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

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

​

        let b = 0

        for (let i = 0; i < pixelation_level; i++) {

          for (let j = 0; j < pixelation_level; j++) {

            let p = (x + i + (y+j) * width) * 4;

            b += capture.pixels[p + 2]

          }

        }

      //fill(r/pixelation_level**2, 0, 0);

      //rect(x, y, t, pixelation_level - t);

      //fill(0, g/pixelation_level**2, 0);

      //rect(x+t+1, y, t, pixelation_level - t);

      if (b/pixelation_level**2 < 128) {

        fill(0, 0, 0);

        square(x+t, y+t, pixelation_level-t);

      }

    }

  }

}

​