let cam;

​

function setup() {

  createCanvas(640, 480);

​

  cam = createCapture(VIDEO);

  cam.hide();

  img = createImage(width, height);

}

​

function draw() {

  //background(0);

​

  cam.loadPixels();

  img.loadPixels();

​

  let gridSize = 15;

  noStroke();

  for (let y = 0; y < img.height; y += gridSize) {

    for (let x = 0; x < img.width; x += gridSize) {

      let index = (x + y * img.width) * 4;

​

      let r = cam.pixels[index + 0];

      let g = cam.pixels[index + 1];

      let b = cam.pixels[index + 2];

​

      fill(r, g, b);

      ellipse(x, y, gridSize, gridSize);

      // try this instead!

      /*

      beginShape();

      vertex(x + random(-40, 40), y + random(-40, 40));

      vertex(x + random(-40, 40), y + random(-40, 40));

      vertex(x + random(-40, 40), y + random(-40, 40));

      endShape();

      */

    }

  }

​

  // we don't draw the image.

  //img.updatePixels();

  //image(img, 0, 0);

}

​