​

var vScale = 16;

​

var footprint = 10;

​

function setup() {

  createCanvas(1000, 750);

  pixelDensity(1);

  video = createCapture(VIDEO);

  video.size(width / vScale, height / vScale);

  video.hide();

}

​

function draw() {

  background(250);

  video.loadPixels();

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

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

      var index = (video.width - x - 1 + (y * video.width)) * 4;

      var r = video.pixels[index + 0];

      var g = video.pixels[index + 1];

      var b = video.pixels[index + 2];

      var bright = (r + g + b) / 3;

      var w = map(bright, 255, 0, 0, vScale);

      noStroke();

      fill(10);

      rectMode(CENTER);

      //ellipse(x * vScale + vScale/2, y * vScale + vScale/2, w, w);

      push();

      translate(x * vScale + vScale/2, y * vScale + vScale/2);

      beginShape();

      vertex(0, w);

      vertex(w/2, 0);

      vertex(random(w-footprint, w+footprint), -w*footprint);

      vertex(-w/2, 0);

      endShape();

      pop();

    }

  }

​

}