Verschachtelte Schleifen

Verschachtelte Schleifen

Schleifen lassen sich natürlich auch ineinander verschachteln. Dabei befindet sich innerhalb einer Schleife eine zweite Schleife. Die äußere Schleife erstellt in dem folgenden Beispiel insgesamt drei Reihen. Sobald eine neue Reihe erstellt wird, wird die aktuelle Spaltenanzahl auf null gesetzt, um auch in dieser Reihe 10 neue Spalten zu erstellen.

Um ein Bild für den Kopf zu haben, empfiehlt sich die Vorstellung eines Schachbrettes.

nestedWhileLoop

Beispiel:

void draw()
{
  background( 120 );
 
  // Startwerte werden gesetzt
  int row = 0;
  int column = 0;
 
  // drei Reihen sollen erstellt werden
  while( row < 3 )
  {
    // bei jedem Wechsel zu einer neuen Reihen
    // werden 10 neue Spalten erstellt
    column = 0;
    while( column < 10 )
    {  
      // zufällig Größe der Kreise definieren   
      float circleSize = random( 50 );
      // Position auf der X-Achse
      int xPos = 100 + column * 50;
      // Position auf der Y-Achse
      int yPos = 100 + row * 50;
      // einen Kreis zeichnen
      ellipse( xPos, yPos, circleSize, circleSize ); 
      column++;
      // Ausgabe der aktuellen Reihe & Spalte
      println( "row: " + row + " column: " + column );
    }
    row++;
  }
}

Anlaufstellen für Farben

Wer auf der Suche nach neuen, frischen und passenden Farbwelten ist, der wird hier fündig:

http://www.colourlovers.com/
http://kuler.adobe.com/

Hausaufgabe

Alle drei Grafiken sollten das Prinzip der Verschachtelung nutzen und Elemente in einem festen Raster anordnen. Das starre Raster kann wieder durch Farben, Formen, Objekte etc. auflockert werden.

Die bekannten Gesetze der Gestaltung sollten angewendet werden und der richtige Einsatz von Farbe sollte ebenfalls überdacht werden.

Informationen zum Dateiformat, der Bezeichnung und zum Upload der Dateien sind unter dem Punkt Prüfungsleistung zu finden.

Die Beispiele der Woche können hier herunter geladen werden.