My Sketch - OpenProcessing

mySketch
xxxxxxxxxx
 
var img;
var pixel_bright, pixel_middle_1, pixel_middle_2, pixel_dark;
​
function preload() {
  img = loadImage("B664915F-D65C-40B0-9DD7-B2BC2FD0A3DE.jpeg");
  pixel_bright = loadImage("tasche1.jpg");
  //pixel_middle_1 = loadImage("flower_middle1.PNG");
  //pixel_middle_2 = loadImage("flower_middle2.PNG");
  pixel_dark = loadImage("Tasche2.jpg");
}
​
function setup() { 
  createCanvas(1080, 720);
  //background(0,0,0);
  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 <= 90)
      {
        image(pixel_dark, x, y, 10, 10);
      }
      if (pix >= 90 && pix <=150)
      {
        image(pixel_middle_2, x, y, 10, 10);
      }
      
      if (pix >= 150 && pix <=200)
      {
        image(pixel_middle_1, x, y, 10, 10);
      }
      if (pix >= 200 && pix <=255)
      {
        image(pixel_bright, x, y, 10, 10);
      }
      
   
      }
    }
  
}