1. PImage foto;//deklariert die Variable foto;
   float [] [] grau;
   
   void setup() {
     size(400, 400);
     grau = new float [400] [400]; //hier wird ein zweidimensionales Array deklariert
     foto = loadImage("blume.jpg");//weist der Variablen foto die datei blume.jpg zu
     foto.loadPixels(); //sollte man aufrufen, bevor man die einzelen Pixel bearbeitet
     //foto.pixels=sort(foto.pixels);//wird diese Funktion aktiviert, werden die Farben sortiert ausgegeben
     for (int gridX = 0; gridX < foto.width; gridX++) {
       for (int gridY = 0; gridY < foto.height; gridY++) {
         // überträgt die Farbinfo eines Pixels auf die Variable farbe
         //color farbe = foto.pixels[gridY*foto.width+gridX];
         color farbe = foto.get(gridX,gridY);
         // wandelt die Farbinfo in einen Grauwert um
         float grauwert =red(farbe)*0.222+green(farbe)*0.707+blue(farbe)*0.071;
        // println(grauwert);
         grau [gridX] [gridY] = grauwert;//speichert den Grauwert in unser Array grau
       }
     }
   }
   
   void draw() {
     background(0);
     //image(foto,0,0);// gibt einen netten Überlagerungseffekt
     //jetzt wird nur für jedes 10 Pixel der Helligkeitswert ausgelesen.
     for (int gridX = 0; gridX < foto.width; gridX+=10) {
       for (int gridY = 0; gridY < foto.height; gridY+=10) {
         fill(grau [gridX] [gridY]);//gibt den Grauwert aus unserem Array aus
         ellipse (gridX,gridY,9,9);
       }
     }
   }
   

Any Ideas?