Geometric

var img;

var pixel_bright, pixel_middle_1, pixel_dark;

​

function preload() {

  img = loadImage("ichbins.jpg");

  pixel_bright = loadImage("ros.jpeg");

  pixel_middle_1 = loadImage("hellpink.jpeg");

  pixel_dark = loadImage("dunkelpink.jpeg");

}

​

function setup() { 

  createCanvas(720, 720);

  background(0,0,0);

  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(pixel_dark, x, y, 5, 5);

      }

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

      {

      }

      if (pix >= 150 && pix <=200)

      {

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

      }

      if (pix >= 200 && pix <=400)

      {

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

      }

      }

    }

}