2018 directions

var img;

​

function preload() {

 img = createCapture(VIDEO);

 img.size(1920, 1080);

 img.hide();

}

​

function setup() {

​

 createCanvas(1920, 1080);

}

​

function draw() {

 background(255);

 img.loadPixels();

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

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

   var pix = img.pixels[(y * img.width + x) * 4];

   fill(50,80,250);

   push();

   var r = map(pix, 0, 255,0, 3);

   translate(x,y);

   rotate(r);

   noStroke();

   rect(0,0,10,4);

   pop();

  }

 }

}