Andrew Lincoln Emoji sin - OpenProcessing

mySketch
xxxxxxxxxx
 
var img;
var emoji_0, emoji_64, emoji_128, emoji_192;
​
function preload() {
  img = loadImage("https://deckard.openprocessing.org/user302860/visual1528456/h8d4ca3ccd73acae5f6357b78ec5cd469/c6821e7a5fe2259287dc331507c7bf3a.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(450, 800); // Portrait size
  //noLoop();
}
​
function draw() {
  //image(img, 0, 0);
  background(0);
  
  img.loadPixels();
  
  var grid = map(sin(millis()/1000), -1, 1, 10, 30); // map(mouseX, 1, width, 5, 30);
  var diameter = map(sin(millis()/500), -1, 1, 10, 30); //map(mouseY, 1, height, 5, 30);;
  
  
  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));
      
      if (pix <= 64) // dunkel 0-64
      {
        image(emoji_0, x, y, diameter, diameter);
      }
      else if (pix > 64 && pix <= 128) // dunkler 64-128
      {
        image(emoji_64, x, y, diameter, diameter);
      }
      else if (pix > 128 && pix <= 192) // heller
      {
        image(emoji_128, x, y, diameter, diameter);
      }
      else if (pix >192 && pix <= 255) // hell
      {
        image(emoji_192, x, y, diameter, diameter);
      }
    }
  }
}
function mousePressed() {
  saveCanvas();}