Images & Emoji

var img;

var emoji_bright, emoji_dark, emoji_lightgrey, emoji_darkgrey;

​

function preload() {

  img = loadImage("nasa_buzz.png");

  emoji_bright = loadImage("weiss.png");

  emoji_dark = loadImage("schwarz.png");

  emoji_lightgrey = loadImage("grau.png");

  emoji_darkgrey = loadImage("hellgrau.png");

}

​

function setup() {

  createCanvas(512, 512);

  noLoop();

}

​

function draw() {

  //image(img, 0, 0);

​

  img.loadPixels();

​

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

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

      var pix = red(img.get(x, y));

​

      if (pix <= 63) {

        image(emoji_dark, x, y, 10, 10);

      } else {

        if (pix <= 120) {

          image(emoji_darkgrey, x, y, 10, 10);

        } else {

          if (pix <= 180) {

            image(emoji_lightgrey, x, y, 10, 10);

          } else {

            image(emoji_bright, x, y, 10, 10);

          }

        }

      }

    }

  }

}