Image: Pixelate RGB

var img;

var emoji_brightest, emoji_bright, emoji_middle, emoji_dark;

​

function preload() {

  img = loadImage("IMG-3692new.png");

  emoji_brightest = loadImage("pig-whatsapp.png");

  emoji_bright = loadImage("lizard-whatsapp.png")

  emoji_middle = loadImage("sauropod-whatsapp.png")

  emoji_dark = loadImage("raccoon-whatsapp.png");

}

function setup() { 

  createCanvas(3731,2800);

  //img = createCapture(VIDEO);

  //img.size(2801,4202);

  image(img, 0, 0);

  // img.hide();

  noLoop();

}

​

function draw() {

  //image(img, 0, 0);

  background(0);

  img.loadPixels();

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

  {

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

    {

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

      // Fast but complicated

      var pix = img.pixels[(y*img.width+x)*4];

      if (pix <= 64) {

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

      } else if (pix > 64 && pix < 128) {

        image(emoji_middle, x, y, 20, 20);

      } else if (pix >= 128 && pix < 196) {

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

      } else if (pix >= 196) {

        image(emoji_brightest, x, y, 20, 20);

      }

    }

  }

}

function keyPressed() {

  if (key == "s") {

    save('tool_grafik.png');

  }}

​