mosaic_stones

var img;

var emoji_bright, emoji_middle, emoji_dark;

​

function preload() {

  img = loadImage("no.png");

  emoji_bright = loadImage("blue_stone.png");

  emoji_middle = loadImage("purple_stone.png");

  emoji_dark = loadImage("IMG_2693.png");

}

​

function setup() { 

  createCanvas(512, 253);

  noLoop();

}

​

function draw() {

  //image(img, 0, 0);

  img.loadPixels();

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

  {

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

    {

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

      if (pix <= 80)

      {

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

      }

      if (pix >= 80 && pix <=170)

      {

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

      }

      if (pix >= 170 && pix <=255)

      {

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

      }

      }

    }

}

​