function setup() { 

  createCanvas(320, 240);

  capture = createCapture(VIDEO);

  capture.size(320, 240);

  capture.hide();

  frameRate(30);

  background(0);

} 

​

function draw() { 

  capture.loadPixels();

  var stepSize = round(constrain(mouseX / 8, 6, 32));

  for (var y=0; y<height; y+=stepSize) {

    for (var x=0; x<width; x+=stepSize) {

      var i = y * width + x;

      var darkness = (255 - capture.pixels[i*4]) / 255;

      var radius = stepSize * darkness;

      var red = capture.pixels[i*4];

      var green = capture.pixels[i*4+1];

      var blue = capture.pixels[i*4+2];

      console.log(red);

      fill(red, green, blue);

      var xOffset = random(-stepSize/2, stepSize/2);

      var yOffset = random(-stepSize/2, stepSize/2);

      ellipse(width-(x+xOffset), y+yOffset, radius, radius);

    }

  }

  // image(capture, 0, 0, 640, 480);

  // filter('INVERT');

}