var button;

var snapshots = [];

var counter = 0;

var vScale = 4;

var total = 100;

var w = 400;

var h = 300;

var playGIF = false;

​

function setup() {

  createCanvas(800, 300);

  background(51);

  video = createCapture(VIDEO);

  video.size(320, 240);

  // video.hide();

}

​

function draw() {

  if (counter <= total) {

    snapshots[counter] = video.get();

    counter++;

  }

  for (var i = 0; i < snapshots.length; i++) {

    var index = (i + frameCount) % snapshots.length;

    image(snapshots[index], 0, 0, w, h);

  }

​

}

​

// function mousePressed() {

//   playGIF = !playGIF;

//   trigger();

// }

​

// function trigger() {

//   runGIF();

// }

​

// function runGIF() {

//   if (playGIF) {

//     for (var i = 0; i < snapshots.length; i++) {

//       var index = (i + frameCount) % snapshots.length;

//       image(snapshots[index], 0, 0, w, h);

//     }

//     // playGIF = !playGIF;

//   }

// }