let video;

​

/* state variable

   false - no snapshot has been taken

   true - snapshot was taken */

let snapped = false;

​

function setup() {

  createCanvas(640, 480);

​

//instantiate the VIDEO object 

  video = createCapture(VIDEO);

​

//draw it on the screen at 0, 0 so we can see webcam feed

  video.position(0, 0);

​

//create a button with snap text on it

  let snapButton = createButton('snap');

​

//When we click the snap button, run the takeSnap function

  snapButton.mouseClicked(takeSnap);

}

​

/*If we haven’t snapped a photo yet(snapped is false)

   display the video frame for snapshot

  set snapped to true and remove the video feed, leaving only the still photo we took */

function takeSnap() {

  if (snapped === false) {

    //set the x, y, w, h of the image

    image(video, 0, 0, 100, 200);

    //duplicate the image function and set the x, y, w, h to new values

    image(video, 200, 200, 500, 300);

    snapped = true;

    video.remove();

  }

}

​