​

function setup() {

  pixelDensity(1);

  createCanvas(640, 480);

  video = createCapture(VIDEO);

  video.hide();

}

​

function valueof(r, g, b) {

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

  const colors = 254;

  return floor((v/255) * colors) * (255/colors);

}

​

function draw() {

  background(220);

  image(video, 0, 0);

  video.loadPixels();

  for (let i = 0; i < 640*4; i+=4) {

    for (let j = 0; j < 480*4; j+=4) {

      let idx = i + (j*640);

      let p1 = video.pixels[idx];

      let p2 = video.pixels[idx+1];

      let p3 = video.pixels[idx+2];

      video.pixels[idx] = valueof(p1, p2, p3);

      video.pixels[idx+1] = valueof(p1, p2, p3);

      video.pixels[idx+2] = valueof(p1, p2, p3);

    }

  }

  video.updatePixels();

}