Bagface

var img;

var pixel_bright,  pixel_dark;

​

function preload() {

  img = loadImage("me.jpg");

  pixel_bright = loadImage("tasche1.jpg");

  pixel_dark = loadImage("Tasche2.jpg");

}

​

function setup() { 

  createCanvas(1280, 720);

  //background(255,255,255);

  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 <= 180)

      {

        image(pixel_dark, x, y, 10, 10);

      }

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

      {

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

      }

      }

    }

}