Images & Emoji (live) - OpenProcessing

mySketch
xxxxxxxxxx
 
var img;
var emoji_bright, emoji_dark;
​
function preload() {
  //img = loadImage("nasa_buzz.jpg");
  emoji_192 = loadImage("Apple.png");
  emoji_128 = loadImage("Twitter.png");
  emoji_64 = loadImage("Facebook.png");
  emoji_0 = loadImage("Playboy.png");
}
​
function setup() { 
  createCanvas(640, 480);
  
  img = createCapture(VIDEO);
  img.size(640, 480);
  img.hide();
  
  //noLoop();
}
​
function draw() {
  //image(img, 0, 0);
  background(0);
  
  img.loadPixels();
  
  var grid = 20;
  var diameter = 15;
  
  for (var y=0; y<img.height; y+=grid)
  {
    for (var x=0; x<img.width; x+=grid)
    {
      var pix = img.pixels[(y*img.width+x)*4];
      
      if (pix <= 64)
      {
        image(emoji_0, x, y, diameter, diameter);
      }
      else if (pix > 64 && pix <= 128)
      {
        image(emoji_64, x, y, diameter, diameter);
      }
      else if (pix > 128 && pix <= 192)
      {
        image(emoji_128, x, y, diameter, diameter);
      }
      else if (pix >192 && pix <= 255)
      {
        image(emoji_192, x, y, diameter, diameter);
      }
    }
  }
}