* Creative Coding Workshop #5 Demo - Displaying Mirrored Webcam Feed on Canvas

 *

 * Jack B. Du (github@jackbdu.com)

 */

​

let capture;

​

function setup() {

  createCanvas(400, 400);

  // create camera feed and load it to capture variable

  capture = createCapture(VIDEO);

  // hide camera feed preview outside canvas

  capture.hide();

}

​

function draw() {

  background(220);

  // move origin to top right corner

  translate(width,0);

  // flip coordiante horizontally around the translated origin

  scale(-1,1);

  // use capture variable same as an image

  // COVER ensures the image cover entire canvas by cropping symmetrically

  image(capture, 0, 0, width, height, 0, 0, capture.width, capture.height, COVER);

}