void setup()       // Grundeinstellungen werden hier definiert
{
  size(200, 200);  // Fenstergršsse wird festgelegt
  noStroke();      // Figur hat keine Umrandung
  framerate(60);   // Geschwindigkeit der Bewegung
}

float y = 200;     // Startposition wird festgelegt

void draw()        // zeichnet die Form
{
background(0);     // bei jedem Aufruf wird der Hintergrund auf schwarz gesetzt

if(mousePressed)   // mit gedrŸckter Maustaste bewegt sich die Figur mit halbem Grundtempo
{
y = y - 1;         // hier ist das halbe Grundtempo eingestellt
// Dreieck oben wird erstellt
fill(255);         // legt Helligkeit fest
triangle(100, 0 + y, 100, 100 + y, 150, 100 + y); // aktuelle Position des Dreiecks wird festgelegt
                                                  // x Koordinaten bleiben fix, keine Bewegung nach links oder rechts
                                                  // y Koordinaten werden nach jedem Aufruf der Funktion (draw())  um eins reduziert
// Dreieck rechts wird erstellt
fill(55 + y);      // Farbe Šndert je nach Hšhe (y) im Fenster      
triangle(100, 100 + y, 100, 150 + y, 200, 100 + y); // aktuelle Position des Dreiecks wird festgelegt

// Dreick unten wird erstellt
fill(255);         // legt Helligkeit fest 
triangle(100, 100 + y, 50, 100 + y, 100, 200 + y); // aktuelle Position des Dreiecks wird festgelegt

// Dreick links wird erstellt
fill(55 + y);      // Farbe Šndert je nach Hšhe (y) im Fenster
triangle(100, 100 + y, 100, 50 + y, 0, 100 + y);  // aktuelle Position des Dreiecks wird festgelegt

if (y <= -200) { y = 200; }; // sobald die Figur das Fenster oben verlassen hat, wird sie an die Startposition zurŸckgesetzt
}

else               // bei ungedrŸckter Maustaste bewegt sich die Figur im Grundtempo
{
y = y - 2;         // das Grundtempo ist definiert mit y = y - 2
background(0);     // bei jedem Aufruf wird der Hintergrund auf schwarz gesetzt

// Dreieck oben wird erstellt
fill(255);         // legt Helligkeit fest
triangle(100, 0 + y, 100, 100 + y, 150, 100 + y); // aktuelle Position des Dreiecks wird festgelegt
                                                  // x Koordinaten bleiben fix, keine Bewegung nach links oder rechts
                                                  // y Koordinaten werden nach jedem Aufruf der Funktion (draw())  um eins reduziert
// Dreieck rechts wird erstellt
fill(55 + y);      // Farbe Šndert je nach Hšhe (y) im Fenster      
triangle(100, 100 + y, 100, 150 + y, 200, 100 + y); // aktuelle Position des Dreiecks wird festgelegt

// Dreick unten wird erstellt
fill(255);         // legt Helligkeit fest 
triangle(100, 100 + y, 50, 100 + y, 100, 200 + y); // aktuelle Position des Dreiecks wird festgelegt

// Dreick links wird erstellt
fill(55 + y);      // Farbe Šndert je nach Hšhe (y) im Fenster
triangle(100, 100 + y, 100, 50 + y, 0, 100 + y);  // aktuelle Position des Dreiecks wird festgelegt

if (y <= -200) { y = 200; }; // sobald die Figur das Fenster oben verlassen hat, wird sie an die Startposition zurŸckgesetzt
}
}