Arbeitsauftrag


Spaß mit Flaggen

Klasse: 11 Fach: Informatik

     


Zwei wichtige globale Größen in Processing

Es gibt u.a. zwei globale Größen in Processing nämlich width und height. Diese Größen erhalten den Wert der Breite und der Höhe des Fensters, die im Befehl createCanvas(width, height); definiert werden. Wenn createCanvas(width, height); nicht benutzt wird, setzt Processing die Breite und Höhe gleich 100. D.h. createCanvas(100,100);. Diese Befehle sind sehr wichtig um Objekte abhängig von der Fenstergröße skalieren zu können.

Der Befehle createCanvas(800,400); öffnet ein Fenster mit der Breite=800 und Breite=400 bzw. width=800 height=400. Wichtig: width und height sollen erst nach dem Befehl createCanvas erfolgen, ansonsten wird width und height standardmäßig gleich 100 gesetzt.

Beispiel:

Zeichne einen Kreis, der sein Zentrum in der Mitte des Fensters hat. Der Durchmesser des Kreises soll 80% der Breite betragen.

Lösung:

function setup() {
  createCanvas(400,300);
}

function draw() {
  ellipse(width/2,height/2,height*0.8,height*0.8);
}

Dieses kleine Programm wird in Abhängigkeit vom Befehl createCanvas ausgeführt

Arbeitsauftrag 2.1 (Pflichtaufgabe)

Schreib ein Programm, das die Flagge von Deutschland darstellt, sodass die Flagge in Abhängigkeit vom Befehl createCanvas(width, height); immer vertikal- sowie horizontal zentriert dargestellt wird. Kommentiere das Programm abschließend.

Arbeitsauftrag 2.2 (Wahlaufgabe 1)

Schreib ein Programm, das die Flagge von Italien darstellt, sodass die Flagge in Abhängigkeit vom Befehl createCanvas(width, height); immer vertikal- sowie horizontal zentriert dargestellt wird. Kommentiere das Programm abschließend.

Arbeitsauftrag 2.3 (Wahlaufgabe 2)

Schreib ein Programm, das die Flagge von Malediven darstellt, sodass die Flagge in Abhängigkeit vom Befehl createCanvas(width, height); immer vertikal- sowie horizontal zentriert dargestellt wird. Kommentiere das Programm abschließend.

Processing Online Editor - Javascript