Images / Emoji (live)

var img;

var emoji_0, emoji_64, emoji_128, emoji_192;

​

function preload() {

  img = loadImage("https://deckard.openprocessing.org/user302860/visual1528443/h4d897ac8fa04ab39474e9a869244a532/6e3ec1ec2d7c810f75e40b7cec50d3b9.jpg");

  emoji_192 = loadImage("pixel_1.png");

  emoji_128 = loadImage("pixel_2.png");

  emoji_64 = loadImage("pixel_3.png");

  emoji_0 = loadImage("pixel_4.png");

}

​

function setup() {

  createCanvas(512, 512);

​

  img = createCapture(VIDEO);

  img.size(800, 706);

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

      }

    }

  }

}