Schleifen in Processing - Versionsgeschichte

B.Schiller: /* Äquivalenz von for- und while-Schleife */

2015-11-23T07:50:38Z

‎Äquivalenz von for- und while-Schleife

2015-11-19T17:22:08Z

‎Äquivalenz von for- und while-Schleife

2015-11-19T13:17:23Z

‎Äquivalenz von for- und while-Schleife

2015-11-19T12:44:47Z

2015-11-19T12:43:21Z

2015-11-18T16:45:49Z

‎Äquivalenz von for- und while-Schleife

2015-11-17T06:43:40Z

‎Äquivalenz von for- und while-Schleife

2015-11-09T14:49:30Z

‎Äquivalenz von for- und while-Schleife

2015-11-09T14:42:35Z

‎Die while-Schleife

2015-11-09T14:30:41Z

‎Die while-Schleife

@@ Zeile 638: / Zeile 638: @@
 <popup name="Lösungsvorschlag">
 <syntaxhighlight lang="java">
-float a = 0;
+int a = 0;
 int randPos = 0;

← Nächstältere Version		Version vom 19. November 2015, 17:22 Uhr
Zeile 633:		Zeile 633:


−	<div style="margin-left:200px;">{{#ev:youtube \|~~???~~\|410}}</div>	+	<div style="margin-left:200px;">{{#ev:youtube \|7RJvioV4w2Y\|410}}</div>

@@ Zeile 669: / Zeile 669: @@
   a++;
   randPos = a;
-  if(a>=20){a=1;};
+  if(a>=20){a=0;};
+   }
 </syntaxhighlight>

@@ Zeile 673: / Zeile 673: @@
 </syntaxhighlight>
 </popup>
 '''Aufgabe 9'''

← Nächstältere Version		Version vom 19. November 2015, 12:43 Uhr
Zeile 629:		Zeile 629:
	<div style="margin-left:200px;">{{#ev:youtube \|hoTtr9wHqvg\|410}}</div>		<div style="margin-left:200px;">{{#ev:youtube \|hoTtr9wHqvg\|410}}</div>

		+
		+	c) Das Prinzip lässt sich auch schön auf die Muster in ''Aufgabe 8'' anwenden.
		+
		+
		+	<div style="margin-left:200px;">{{#ev:youtube \|???\|410}}</div>
		+
		+
		+	<popup name="Lösungsvorschlag">
		+	<syntaxhighlight lang="java">
		+	float a = 0;
		+	int randPos = 0;
		+
		+	void setup(){
		+	size(400, 400);
		+	background(0);}
		+
		+
		+	void draw(){
		+	background(0);
		+
		+
		+	while(randPos<width){
		+	stroke(0, 255, 255);
		+	line(randPos, 0, width-randPos, height);
		+	stroke(0, 255, 255);
		+	line(0, randPos, width, height-randPos);
		+
		+	stroke(255,0,0);
		+	line(0, randPos, randPos, height);
		+	stroke(255, 255, 0);
		+	line(width, randPos, width-randPos, height);
		+	stroke(0,255,0);
		+	line(randPos, 0, width, randPos);
		+	stroke(255, 0, 255);
		+	line(0, height-randPos, randPos, 0);
		+	randPos += 20;
		+	}
		+
		+	a++;
		+	randPos = a;
		+	if(a>=20){a=1;};
		+	}
		+	</syntaxhighlight>
		+	</popup>

	'''Aufgabe 9'''		'''Aufgabe 9'''

← Nächstältere Version		Version vom 18. November 2015, 16:45 Uhr
Zeile 628:		Zeile 628:

	<div style="margin-left:200px;">{{#ev:youtube \|hoTtr9wHqvg\|410}}</div>		<div style="margin-left:200px;">{{#ev:youtube \|hoTtr9wHqvg\|410}}</div>
		+
		+
		+	'''Aufgabe 9'''
		+
		+	Erstelle ein Programm, in dem du eine Kugel eine Treppe hinabrollen lässt. Nutze zur Darstellung der Treppe eine for-Schleife. Für das Herabrollen der Kugel benötigst du die [https://processing.org/reference/modulo.html Modulo-Funktion].
		+
		+
		+	<div style="margin-left:200px;">{{#ev:youtube \|l_wT11WWJkE\|410}}</div>
		+
		+
		+	<popup name="Lösungsvorschlag">
		+	<syntaxhighlight lang="java">
		+	//Variablen für den Startwert der Kugel
		+	float x = 20;
		+	float y = 0;
		+
		+	void setup(){
		+	size(400, 200);
		+	background(0);
		+	}
		+
		+	void draw(){
		+
		+	background(0);
		+	fill(200);
		+	noStroke();
		+	//Zeichnen der Treppe
		+	for(int i=0; i<width; i+=20){
		+	rect(i2, height-i, width-i2, 20);
		+	}
		+
		+	fill(255, 0, 0);
		+	ellipse(width-x, y, 40, 40);
		+	//Bei % handelt es sich um die Modulo-Funktion; steuert den Fall auf die nächste Stufe
		+	//x+=16 macht das Fallen auf die nächste Stufe realistischer
		+	if(x%40==0){x+=16; y+=20;};
		+	x++;
		+	}
		+	</syntaxhighlight>
		+	</popup>
	</div>		</div>

@@ Zeile 617: / Zeile 617: @@
+   }
   a++;
-  x = 0+a;
+  x = a;
   if(a>=20){a=1;};
+}

← Nächstältere Version		Version vom 9. November 2015, 14:49 Uhr
Zeile 539:		Zeile 539:


−	Erzeuge folgenden Effekt mit Hilfe ~~einer~~ ''for''-~~Schleife~~:	+	Erzeuge folgenden Effekt mit Hilfe von zwei ''for''-Schleifen:

@@ Zeile 190: / Zeile 190: @@
      ellipse(width/2, height/2, d, d);
      d+=10;}
+}
@@ Zeile 240: / Zeile 208: @@
 int d = 0;
 int a = 0;
-int t= 0;
+int b = 5;
 int b=5;
 void setup() {
@@ Zeile 255: / Zeile 225: @@
 void draw(){
    background(0);
    t = t-a;
    noFill();
@@ Zeile 260: / Zeile 231: @@
      ellipse(width/2, height/2, d, t);
      d+=10; t+=10;}
    d=0;
    t=0;
    a+=b;
    if(a>width){b=-5;};

@@ Zeile 229: / Zeile 229: @@
 b) Wenn man mit diesem Muster herumspielt, d.h. mit den Parameterwerten experimentiert, kann man sehr interessante dynamische Muster erzeugen. Das Geheimnis dahinter ist die Tatsache, dass die ''draw()''-Methode eigentlich auch eine Schleife ist.
 <div style="margin-left:200px;">{{#ev:youtube |lFwoL4W6k5Y|410}}</div>
@@ Zeile 271: / Zeile 272: @@
 </popup>
 Weitere Anregungen für Computerkunst zeigt das folgende [https://youtu.be/LaarVR1AOvs Video]