Images / Emoji (live)

var img; 

var emoji_0, emoji_64, emoji_128, emoji_192;

function preload() {

  img = loadImage("nasa_buzz.jpg");

  emoji_192 = loadImage("Ei.png");

  emoji_128 = loadImage("Dino.png");

  emoji_64 = loadImage("Nuss.png");

  emoji_0 = loadImage("Spinne.png");

}

​

function setup() {

  createCanvas(512, 512);

​

  img = createCapture(VIDEO);

  img.size(640, 480);

  img.hide(); 

​

  //noLoop();

}

​

function draw() {

  //image(img, 0, 0);

  background(100,255, 200);

​

  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 = red(img.get(x, y));

      // Faster:

      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);

      }

    }

  }

}