xxxxxxxxxx
var img;
var emoji_0, emoji_64, emoji_128, emoji_192;
function preload() {
img = loadImage("se.jpg");
emoji_192 = loadImage("Tierreihe4.png");
emoji_128 = loadImage("Tierreihe3.png");
emoji_64 = loadImage("Tierreihe2.png");
emoji_0 = loadImage("Tierreihe1.png");
}
function setup() {
createCanvas(600, 800); // Portrait size
noLoop();
}
function draw() {
//image(img, 0, 0);
background(0);
img.loadPixels();
var grid = 20;
var diameter = 18;
for (var y=0; y<img.height; y+=grid)
{
for (var x=0; x<img.width; x+=grid)
{
var pix = red(img.get(x, y));
if (pix <= 64) // dunkel 0-64
{
image(emoji_0, x, y, diameter, diameter);
}
else if (pix > 64 && pix <= 128) // dunkler 64-128
{
image(emoji_64, x, y, diameter, diameter);
}
else if (pix > 128 && pix <= 192) // heller
{
image(emoji_128, x, y, diameter, diameter);
}
else if (pix >192 && pix <= 255) // hell
{
image(emoji_192, x, y, diameter, diameter);
}
}
}
}