Bedingungen in Processing - Versionsgeschichte

B.Schiller am 22. Februar 2017 um 08:03 Uhr

2017-02-22T08:03:50Z

B.Schiller am 8. November 2015 um 18:15 Uhr

2015-11-08T18:15:39Z

B.Schiller: /* Die else-if - Anweisung */

2015-10-27T17:03:17Z

‎Die else-if - Anweisung

B.Schiller: /* Die else-if - Anweisung */

2015-10-27T17:00:43Z

‎Die else-if - Anweisung

B.Schiller: /* Die else-if - Anweisung */

2015-10-27T16:57:41Z

‎Die else-if - Anweisung

B.Schiller am 19. Oktober 2015 um 06:45 Uhr

2015-10-19T06:45:40Z

B.Schiller: /* Die else-if - Anweisung */

2015-10-12T18:54:13Z

‎Die else-if - Anweisung

B.Schiller: /* Die else-Anweisung */

2015-10-12T18:50:48Z

‎Die else-Anweisung

B.Schiller: /* Die else-Anweisung */

2015-10-12T16:20:58Z

‎Die else-Anweisung

B.Schiller: /* Die else-Anweisung */

2015-10-12T16:19:44Z

‎Die else-Anweisung

← Nächstältere Version		Version vom 22. Februar 2017, 08:03 Uhr
Zeile 28:		Zeile 28:
	\|}		\|}

−	Im Laufe der Zeit werden wir noch weitere Möglichkeiten für Ausdrücke kennen lernen, deren Auswertung ''true'' oder ''~~faslse~~'' ergibt. Wir haben also hier einen Wert vom Typ '''boolean'''. Processing kennt nun verschiedene Kontrollstrukturen, die diese Ausdrücke nutzen.	+	Im Laufe der Zeit werden wir noch weitere Möglichkeiten für Ausdrücke kennen lernen, deren Auswertung ''true'' oder ''false'' ergibt. Wir haben also hier einen Wert vom Typ '''boolean'''. Processing kennt nun verschiedene Kontrollstrukturen, die diese Ausdrücke nutzen.

@@ Zeile 609: / Zeile 609: @@
 <div style="margin-left:200px;">[[Datei:proc_bedi_8.JPG]]</div>
-<!--
 <popup name="Lösungsvorschlag">
 <syntaxhighlight lang="java">
@@ Zeile 651: / Zeile 651: @@
 </syntaxhighlight>
 </popup>
--->
 '''Teil 2: Schiefe Ebene'''
@@ Zeile 660: / Zeile 660: @@
 <div style="margin-left:200px;">[[Datei:proc_bedi_9.JPG]]</div>
-<!--
 <popup name="Lösungsvorschlag">
 <syntaxhighlight lang="java">
@@ Zeile 700: / Zeile 700: @@
 </syntaxhighlight>
 </popup>
--->
 '''Teil 3: Wurfparabel'''
@@ Zeile 709: / Zeile 710: @@
 <popup name="Lösungsvorschlag">
 <syntaxhighlight lang="java">
@@ Zeile 739: / Zeile 739: @@
 </syntaxhighlight>
 </popup>
 </div>

← Nächstältere Version		Version vom 27. Oktober 2015, 17:03 Uhr
Zeile 660:		Zeile 660:
	<div style="margin-left:200px;">[[Datei:proc_bedi_9.JPG]]</div>		<div style="margin-left:200px;">[[Datei:proc_bedi_9.JPG]]</div>

		+	<!--
		+	<popup name="Lösungsvorschlag">
		+	<syntaxhighlight lang="java">
		+	//Position des Kreises
		+	float y;
		+	float x;
		+	//Neigungswinkel der schiefen Ebene
		+	float alpha = radians(10);
		+	//Die Position wird 60 mal pro Sekunde aktualisiert, also t = 1/60
		+	float t = 0.167;

		+	void setup(){
		+	size(1800, 800);
		+	background(0);
		+	}
		+
		+
		+	void draw(){
		+
		+	//Hintergrund um den Nachzieheffekt zu vermeiden
		+	background(0);
		+
		+	//Schiefe Ebene
		+	triangle(0, height-400, 0, height, (height-400)/sin(alpha),height);
		+	fill(255);
		+
		+
		+	//Positionsveränderung
		+	//Teiler 60 um die Darstellung flüssiger zu machen
		+	y = (y + 0.5 * 9.81 * pow(t,2))/60;
		+	x = y/tan(alpha);
		+
		+	//Zeichnen der Kugel
		+	ellipse(x,y+(height-420),40,40);
		+
		+	//Aktualisierung der Zeitkomponente
		+	t = t + 0.167;
		+	}
		+	</syntaxhighlight>
		+	</popup>
		+	-->
	'''Teil 3: Wurfparabel'''		'''Teil 3: Wurfparabel'''

← Nächstältere Version		Version vom 27. Oktober 2015, 17:00 Uhr
Zeile 667:		Zeile 667:

	<div style="margin-left:200px;">[[Datei:proc_bedi_10.JPG]]</div>		<div style="margin-left:200px;">[[Datei:proc_bedi_10.JPG]]</div>
		+
		+
		+	<!--
		+	<popup name="Lösungsvorschlag">
		+	<syntaxhighlight lang="java">
		+	float alpha = radians(30);
		+
		+	float x=0;
		+	float y;
		+
		+	float v=10;
		+
		+
		+	void setup(){
		+	size(1200, 800);
		+	background(0);
		+	}
		+
		+	void draw(){
		+
		+	if(y>height-30){y=height-20; noLoop();};
		+
		+	y = 700 - xtan(alpha) + (9.81 pow(x,2))/(2pow(vcos(alpha),2))/100;
		+	stroke(255,0,0);
		+	strokeWeight(3);
		+	fill(255);
		+	point(x,y);
		+
		+	x = x+8;
		+	}
		+	</syntaxhighlight>
		+	</popup>
		+	-->
	</div>		</div>

← Nächstältere Version		Version vom 27. Oktober 2015, 16:57 Uhr
Zeile 609:		Zeile 609:
	<div style="margin-left:200px;">[[Datei:proc_bedi_8.JPG]]</div>		<div style="margin-left:200px;">[[Datei:proc_bedi_8.JPG]]</div>

		+	<!--
		+	<popup name="Lösungsvorschlag">
		+	<syntaxhighlight lang="java">
		+	//Startpunkt der Kugel
		+	float x = 10;
		+	float y = 90;
		+	//Festlegung der Startgeschwindigkeit
		+	float v = 4;
		+	//Startwert für die Zeitvariable (t>0)
		+	float t = 0.1;
		+
		+	void setup(){
		+	size(400, 600);
		+	frameRate(30);
		+	}
		+
		+	void draw(){
		+	background(0);
		+	//Zeichnen der Kante
		+	fill(255);
		+	rect(0,100,150,500);
		+
		+	//Bewegung der Kugel vor der Kante
		+	if(x<150){x=x+v; y=90;}
		+	//Fall der Kugel
		+	else{
		+	x=x+v*t;
		+	y=y+0.59.81t*t;};
		+
		+	//Auftreffen der Kugel am Boden und Weiterrollen
		+	if(y>height-10){x=x+v; y=height-10;};
		+	//Halten der Kugel an der Wand
		+	if(x>width-20){x=width-10; y=height-10;};
		+	//Zeichnen der Kugel
		+	fill(255);
		+	ellipse(x,y,20,20);
		+
		+	//Aktualisierung der Zeitvariable
		+	t=t+0.05;
		+	}
		+	</syntaxhighlight>
		+	</popup>
		+	-->

	'''Teil 2: Schiefe Ebene'''		'''Teil 2: Schiefe Ebene'''

@@ Zeile 549: / Zeile 549: @@
    background(0);
    float x=random(width);
    if(x<100){fill(255, 0, 0);}
@@ Zeile 556: / Zeile 555: @@
    else if(x<400){fill(0, 255, 255);}
    else {fill(0, 255, 0);};
+}
 </syntaxhighlight>

@@ Zeile 596: / Zeile 596: @@
 '''Projekt'''
-Processing eignet sich gut um physikalische Zusammenhänge zu visualisieren. In diesem kleinen Projekt sollen ''der freier Fall, das Rollen einer Kugel auf einer schiefen Ebene'' und ''eine Wurfparabel'' simuliert werden. Die bisher kennengelernten Elemente der Sprache reichen dazu aus. Einzig Winkelfunktionen kommen noch hinzu: In Processing müssen Winkel im Bogenmaß angegeben werden. Dies können wir mittels der Funktion '''[https://processing.org/reference/radians_.html radians]''' erreichen (''float alpha = radians(Winkel in Grad)''). Die Winkelfunktionen nutzen wir intuitiv: '''[https://processing.org/reference/sin_.html sin(alpha)]''', '''[https://processing.org/reference/cos_.html cos(alpha)]''' und '''[https://processing.org/reference/tan_.html tan(alpha)]'''. Hilfreich ist zudem die Funktion '''[https://processing.org/reference/pow_.html pow()]''' zum Quadrieren von Zahlen.
+Processing eignet sich gut um physikalische Zusammenhänge zu visualisieren. In diesem kleinen Projekt sollen ''der freie Fall, das Rollen einer Kugel auf einer schiefen Ebene'' und ''eine Wurfparabel'' simuliert werden. Die bisher kennengelernten Elemente der Sprache reichen dazu aus. Einzig Winkelfunktionen kommen noch hinzu: In Processing müssen Winkel im Bogenmaß angegeben werden. Dies können wir mittels der Funktion '''[https://processing.org/reference/radians_.html radians]''' erreichen (''float alpha = radians(Winkel in Grad)''). Die Winkelfunktionen nutzen wir intuitiv: '''[https://processing.org/reference/sin_.html sin(alpha)]''', '''[https://processing.org/reference/cos_.html cos(alpha)]''' und '''[https://processing.org/reference/tan_.html tan(alpha)]'''. Hilfreich ist zudem die Funktion '''[https://processing.org/reference/pow_.html pow()]''' zum Quadrieren von Zahlen.
 Recherchiere jeweils in einem ersten Schritt die physikalischen Grundlagen. Wir suchen jeweils die Formel um x- bzw. y-Wert der aktuellen Position der Kugel bei jeder Aktualisierung der Zeichenfläche zu ermitteln.

@@ Zeile 463: / Zeile 463: @@
 <syntaxhighlight lang="java">
 float x = 0;
 //Geschwindigkeit Pacman
 float v = 3;
 //Geschwindigkeit Opfer
-float v1 = 2.5;
+float v1 = 2.85;
 int count = 0;
@@ Zeile 487: / Zeile 488: @@
    //Das kleine rote Opfer
    fill(255, 0, 0);
-   ellipse(x1+110, 150, 10, 10);
+   ellipse(x1, 150, 10, 10);
    //Wechsel zwischen geöffneten und geschlossenem Maul
@@ Zeile 508: / Zeile 509: @@
    //Rückkehr von Pacman zum Startpunkt; Opfer erhält alten Vorsprung
    if(x>width){x = 0; x1 = x+110;};
+}
 </syntaxhighlight>

← Nächstältere Version		Version vom 12. Oktober 2015, 16:20 Uhr
Zeile 456:		Zeile 456:


−	<iframe width="560" height="315" src="https://www.youtube.com/embed/BJJESk7hTYA" frameborder="0" allowfullscreen></iframe>	+	<iframe width="560" height="315" style="margin-left:200px;" src="https://www.youtube.com/embed/BJJESk7hTYA" frameborder="0" allowfullscreen></iframe>

← Nächstältere Version		Version vom 12. Oktober 2015, 16:19 Uhr
Zeile 456:		Zeile 456:


−	<~~div style~~="~~margin-left:200px;~~"~~>[[Datei~~:~~proc_bedi_11~~.~~JPG]]~~</~~div~~>	+	<iframe width="560" height="315" src="https://www.youtube.com/embed/BJJESk7hTYA" frameborder="0" allowfullscreen></iframe>
		+