Arbeitsblatt 9

Schleifen Wiederholung

Klasse: 11 Fach: Informatik

Name:    Klasse: 11    Datum:

Arbeitsauftrag 1

Vervollständige den Code. Kopiere ihn danach in den nachfolgenden Editor und schaue, was der Programm zeichnet.

// Globale Variablen
var x=0;
var y;
var AL;
var AB;

// Programmstart
function setup() {
	createCanvas(600,400);
	AL=width/10;
	AB=height/10;
	y=height/2-AB/2;
}

// Endlose Schleife
function draw() {
	background(100);

	for (var j = 0; j < 3; j = j + 1) {
		for (var k = 0; k < 3; k = k+1) {
			rect(x-100*k,y+50*j,AL,AB);
		}
	}
	
	x=x+1;

	if(x>width) {
		x=0;
	}

}

Arbeitsauftrag 2

1. Kommentiere das Programm
2. Führe das Programm aus
3. Ändere das Programm so, dass beim ersten Duruchlauf nur eine Linie gezeigt wird, beim zweiten Durchlauf zwei uns so weiter.
4. Wenn 20 Linien gleichzeitig gezeichnet werden, soll danach die Anzahl der Linien wieder auf 1 gesetzt werden.

Schaut euch die Animation auf der rechten Seite an. So sollte das Ergebniss aussehen.

Den Editor auf dieser Seite könnt ihr wie den anderen Editor benutzten, es ist sogar vielleicht einfacher, weil ihr die Aufgabe auch seht. Wenn ihr auf Play drückt, dann seht ihr das Ergebnis eures Codes.

Arbeitsauftrag 3

Ändere das Programm so, dass in der Mitte der Zeichenfläche Rechtecke erstellt werden die langsam immer größer werden, so dass ein Effekt entsteht, als ob man durch einen Tunnel fliegt. Es handelt sich um eine optische Täuschung, deswegen müsst ihr in Ruhe probieren, wie ich Schleifen, Bedingungen und rect verwenden könnt.