//20으로 픽셀 크기

let pixel = 20;

//밝기 기준값 

let threshold = 127;

​

function setup() {

  createCanvas(640, 480);

  capture = createCapture(VIDEO);

  //캡처 크기를 픽셀크기에 맞게 조정 

  capture.size(width / pixel, height / pixel);

  capture.hide();

  noStroke();

  rectMode(CENTER);

}

​

function draw() {

  background(0);

  capture.loadPixels();

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

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

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

      //rgb 값 추출 

      let r = capture.pixels[index];

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

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

      //픽셀 밝기 계산 (평균)

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

      //현재 픽셀 색상으로 색 채우기 

      fill(r, g, b);

      let size = brightness > threshold ? pixel : pixel / 2;

      //각 픽셀 그리기 - 밝기따라 다르게 - rect - 계산된 위치와 크기로 사각형 그리기 

      rect(x * pixel + pixel/2, y * pixel + pixel/2, size, size);

    }

  }

}

​

​

​

​