​

Slight change of https://editor.p5js.org/michaelshiloh/sketches/ZqXC5-6M0

​

DEMO

​

Above threshold -> white

Below threshold -> black

​

**************************************************/

​

​

let camera0;    // the camera0 object

let arraySize; // global to avoid recalculating 

                // every frame

let previous_frame = []; // the previous frame

let threshold = 190;

​

function setup() {

  createCanvas(400, 400);

  pixelDensity(1);

​

  camera0 = createCapture(VIDEO);

  camera0.size(400, 400);

​

  // Number of pixels is the dimensions of the 

  // input device, and each pixel has 4 

  // components (red, green, blue, alpha)

  arraySize = camera0.width * camera0.height * 4;

  // Initialize the previous frame to blank

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

    previous_frame.push = 0;

  }

​

  camera0.hide();

}

​

function draw() {

  background(0)

  // Get the pixel array from the camera0

  camera0.loadPixels(); 

  // Get the pixel array from the canvas

  loadPixels();

​

  let curr_r, curr_g, curr_b; 

​

  // For each pixel in the video frame

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

    // Extract the red, green, and blue 

    // components from both the current 

    // and the previous pixel color

    curr_r = camera0.pixels[i + 0];

    curr_g = camera0.pixels[i + 1];

    curr_b = camera0.pixels[i + 2];

​

    // If current is greater than threshold, set the pixel white

    let pixelColor = ((curr_r+curr_g+curr_b)>threshold) ? 255:0;

    pixels[i + 0] = pixelColor;

    pixels[i + 1] = pixelColor;

    pixels[i + 2] = pixelColor;

  }

  // Write the pixels array to the canvas

  updatePixels(); 

}

​