Projekt:2020/Processing - Versionsgeschichte

Jneug: /* Billard */

2021-04-20T07:04:39Z

Billard

Jneug: /* Hau den Lukas */

2021-04-19T20:52:32Z

Hau den Lukas

@@ Zeile 176: / Zeile 176: @@
 * [https://processing.org/reference/mouseClicked_.html void mouseClicked()]
 * [https://processing.org/reference/random_.html float random()]
 und die Variablen

Jneug: /* Hau den Lukas */

2021-04-19T20:45:37Z

Hau den Lukas

← Nächstältere Version		Version vom 19. April 2021, 22:45 Uhr
Zeile 174:		Zeile 174:

	Nutze dafür die Processing-Methoden		Nutze dafür die Processing-Methoden
	* [https://processing.org/reference/mouseClicked_.html mouseClicked()]		* [https://processing.org/reference/mouseClicked_.html void mouseClicked()]
	* [https://processing.org/reference/random_.html random()]		* [https://processing.org/reference/random_.html float random()]

	und die Variablen		und die Variablen
Zeile 184:		Zeile 184:

	{{Lösung:Start\|Tipps}}		{{Lösung:Start\|Tipps}}
	* ~~Quadrate könnt ihr mit [https://processing.org/reference/square_.html~~ <code>~~square~~</code>~~] zeichnen~~.		* Mit <code>random(0, 100)</code> generiert ihr eine Zufallszahl zwischen 0 und 100.
	* ~~Mit Zählschleifen (~~<code>~~for~~</code>~~-Schleifen) könnt ihr die Zeilen und Spalten des Musters durchlaufen. (Ihr müsst zwei Schleifen ineinander verschachteln.~~		* Die Methode <code>void mouseClicked()</code> wird ähnlich wie <code>void draw()</code> einfach in das Hauptprogramm geschrieben. Sie wird automatisch aufgerufen, wenn mit der Maus in das Fenster geklickt wird.
	* Eine einfache Prüfung, ob ein Feld schwarz oder weiß sein muss, kann durch <code>if( ~~(i+j)%2 == 0~~ )</code> ~~vorgenommen werden~~. ~~Dabei ist~~ <~~code~~>i</~~code> die Zeilennummer~~ und ~~<code>j<~~/~~code> die Spalte. <code>%~~</~~code~~> ~~ist der "Modulo"-Operator.~~
			Ihr könnt diese Vorlage für das Programm nutzen:
			<syntaxhighlight lang="Java">
			// Globale Variable
			Lukas lukas; // Klasse Lukas muss erstellt werden

			void setup() {
			// Fenster aufbauen und konfigurieren
			}

			void draw() {
			// Zeichne den "Lukas"
			}

			void mousePressed() {
			// Reagiere auf Mausklick
			}
			</syntaxhighlight>
	{{Lösung:End}}		{{Lösung:End}}

Jneug: /* Hau den Lukas */

2021-04-19T20:40:41Z

Hau den Lukas

← Nächstältere Version		Version vom 19. April 2021, 22:40 Uhr
Zeile 171:		Zeile 171:
	{{Collapse:Start}}		{{Collapse:Start}}
	{{Aufgabe:Start}}		{{Aufgabe:Start}}
	~~Stellt die Größe des Processing-Fensters auf <code>800x600</code> Pixel~~ ein. ~~Erstellt dann eine Klasse <code>Schachbrettmuster</code>, die das gesamte~~ Fenster ~~wie ein Schachbrett im Wechsel~~ mit ~~schwarzen~~ und		Programmiert ein "Hau den Lukas" Spiel. Dabei sollen Kreise an zufälligen Positionen im Fenster erscheinen. Wenn der Kreis mit der Maus angeklickt wird, verschwindet er und ein neuer erscheint.
	~~weißen Quadraten füllt~~.

	~~Die Quadrate haben~~ die ~~Größe 40~~.		Nutze dafür die Processing-Methoden
			* [https://processing.org/reference/mouseClicked_.html mouseClicked()]
			* [https://processing.org/reference/random_.html random()]

			und die Variablen
			* [https://processing.org/reference/mouseX.html mouseX]
			* [https://processing.org/reference/mouseY.html mouseY]
	{{Aufgabe:End}}		{{Aufgabe:End}}
	{{Collapse:End}}		{{Collapse:End}}

Jneug am 19. April 2021 um 20:37 Uhr

2021-04-19T20:37:05Z

← Nächstältere Version		Version vom 19. April 2021, 22:37 Uhr
Zeile 166:		Zeile 166:
	== Hau den Lukas ==		== Hau den Lukas ==

	[[Datei:~~20210413082443_Schachbrett~~.~~png~~\|center\|400px]]		[[Datei:20210419223540_HauDenLukas.gif\|center\|400px]]

	=== Niveau 1 ===		=== Niveau 1 ===

Jneug am 19. April 2021 um 20:35 Uhr

2021-04-19T20:35:26Z

@@ Zeile 162: / Zeile 162: @@
 ** Dreht einen Vektor um einen Winkel mit <code>v1.rotate(HALF_PI);</code>. (Der Winkel wird als [https://nohemiportfiolio2012-2013.weebly.com/uploads/1/9/2/5/19257411/299841037_orig.png?251 Vielfaches von Pi] angegeben. Nutzt dazu die Variablen <code>PI</code>, <code>HALF_PI</code> und <code>QUARTER_PI</code>.)
 * Es gilt die Formel Ausfallswinkel = Einfallswinkel.
 {{Lösung:End}}

Jneug am 13. April 2021 um 07:29 Uhr

2021-04-13T07:29:41Z

← Nächstältere Version		Version vom 13. April 2021, 09:29 Uhr
Zeile 11:		Zeile 11:
	Sinnvolle Anlaufpunkte sind zum Beispiel:		Sinnvolle Anlaufpunkte sind zum Beispiel:

	- [https://processing.org/reference/ Die Befehlsreferenz von Processing]		* [https://processing.org/reference/ Die Befehlsreferenz von Processing]
	- Der [[Lernpfad:Objektorientierte Programmierung mit Processing\|Objektorientierte Programmierung mit Processing]] und das Projekt der letzten Stunde.		* Der [[Lernpfad:Objektorientierte Programmierung mit Processing\|Objektorientierte Programmierung mit Processing]] und das Projekt der letzten Stunde.
			* Das [https://helmholtz.padlet.org/ngb/i8ovjtmx3cn7rmi8 Padlet zur Wiederholung der OOP].

	Für die Aufgaben gibt es Versionen mit verschiedenen Schwierigkeitsniveaus. Sucht euch als Gruppe jeweils ein Niveau aus und versucht es zu lösen. Ist das Niveau zu schwer oder zu leicht, könnt ihr auch auf ein anderes Niveau wechseln. Ihr könnt die Aufgaben auch kreativ erweitern, wenn ihr gute Ideen habt.		Für die Aufgaben gibt es Versionen mit verschiedenen Schwierigkeitsniveaus. Sucht euch als Gruppe jeweils ein Niveau aus und versucht es zu lösen. Ist das Niveau zu schwer oder zu leicht, könnt ihr auch auf ein anderes Niveau wechseln. Ihr könnt die Aufgaben auch kreativ erweitern, wenn ihr gute Ideen habt.

Jneug: /* Billard */

2021-04-13T06:27:48Z

Billard

← Nächstältere Version		Version vom 13. April 2021, 08:27 Uhr
Zeile 85:		Zeile 85:

	== Billard ==		== Billard ==

			[[Datei:20210413082703_Billard.png\|center\|400px]]

	=== Niveau 1 ===		=== Niveau 1 ===

Jneug am 13. April 2021 um 06:26 Uhr

2021-04-13T06:26:10Z

← Nächstältere Version		Version vom 13. April 2021, 08:26 Uhr
Zeile 18:		Zeile 18:
	== Schachbrett ==		== Schachbrett ==

	[[Datei:20210413082443_Schachbrett.png\|center]]		[[Datei:20210413082443_Schachbrett.png\|center\|400px]]

	=== Niveau 1 ===		=== Niveau 1 ===

Jneug am 13. April 2021 um 06:25 Uhr

2021-04-13T06:25:49Z

← Nächstältere Version		Version vom 13. April 2021, 08:25 Uhr
Zeile 17:		Zeile 17:

	== Schachbrett ==		== Schachbrett ==

			[[Datei:20210413082443_Schachbrett.png\|center]]

	=== Niveau 1 ===		=== Niveau 1 ===

← Nächstältere Version		Version vom 20. April 2021, 09:04 Uhr
Zeile 99:		Zeile 99:
	* Kreise könnt ihr mit [https://processing.org/reference/circle_.html <code>circle</code>] zeichnen.		* Kreise könnt ihr mit [https://processing.org/reference/circle_.html <code>circle</code>] zeichnen.
	* Mit [https://processing.org/reference/PVector.html Vektoren] kann die Bewegung von Objekten leichter berechnet werden.		* Mit [https://processing.org/reference/PVector.html Vektoren] kann die Bewegung von Objekten leichter berechnet werden.
	** Erstellt einen Vektor z.B. mit <code>~~PVektor~~ v1 = new ~~PVektor~~(4.0, 3.0);</code>.		** Erstellt einen Vektor z.B. mit <code>PVector v1 = new PVector(4.0, 3.0);</code>.
	** Addiert einen anderen Vektor auf den ersten mit <code>v1.add(v2);</code>.		** Addiert einen anderen Vektor auf den ersten mit <code>v1.add(v2);</code>.
	** Greift auf die Koordinaten des Vektors mit <code>v1.x</code> / <code>v1.y</code> zu.		** Greift auf die Koordinaten des Vektors mit <code>v1.x</code> / <code>v1.y</code> zu.
Zeile 116:		Zeile 116:
	* Kreise könnt ihr mit [https://processing.org/reference/circle_.html <code>circle</code>] zeichnen.		* Kreise könnt ihr mit [https://processing.org/reference/circle_.html <code>circle</code>] zeichnen.
	* Mit [https://processing.org/reference/PVector.html Vektoren] kann die Bewegung von Objekten leichter berechnet werden.		* Mit [https://processing.org/reference/PVector.html Vektoren] kann die Bewegung von Objekten leichter berechnet werden.
	** Erstellt einen Vektor z.B. mit <code>~~PVektor~~ v1 = new ~~PVektor~~(4.0, 3.0);</code>.		** Erstellt einen Vektor z.B. mit <code>PVector v1 = new PVector(4.0, 3.0);</code>.
	** Addiert einen anderen Vektor auf den ersten mit <code>v1.add(v2);</code>.		** Addiert einen anderen Vektor auf den ersten mit <code>v1.add(v2);</code>.
	** Greift auf die Koordinaten des Vektors mit <code>v1.x</code> / <code>v1.y</code> zu.		** Greift auf die Koordinaten des Vektors mit <code>v1.x</code> / <code>v1.y</code> zu.
Zeile 134:		Zeile 134:
	{{Lösung:Start\|Tipps}}		{{Lösung:Start\|Tipps}}
	* Mit [https://processing.org/reference/PVector.html Vektoren] kann die Bewegung von Objekten leichter berechnet werden.		* Mit [https://processing.org/reference/PVector.html Vektoren] kann die Bewegung von Objekten leichter berechnet werden.
	** Erstellt einen Vektor z.B. mit <code>~~PVektor~~ v1 = new ~~PVektor~~(4.0, 3.0);</code>.		** Erstellt einen Vektor z.B. mit <code>PVector v1 = new PVector(4.0, 3.0);</code>.
	** Addiert einen anderen Vektor auf den ersten mit <code>v1.add(v2);</code>.		** Addiert einen anderen Vektor auf den ersten mit <code>v1.add(v2);</code>.
	** Greift auf die Koordinaten des Vektors mit <code>v1.x</code> / <code>v1.y</code> zu.		** Greift auf die Koordinaten des Vektors mit <code>v1.x</code> / <code>v1.y</code> zu.
Zeile 156:		Zeile 156:
	{{Lösung:Start\|Tipps}}		{{Lösung:Start\|Tipps}}
	* Mit [https://processing.org/reference/PVector.html Vektoren] kann die Bewegung von Objekten leichter berechnet werden.		* Mit [https://processing.org/reference/PVector.html Vektoren] kann die Bewegung von Objekten leichter berechnet werden.
	** Erstellt einen Vektor z.B. mit <code>~~PVektor~~ v1 = new ~~PVektor~~(4.0, 3.0);</code>.		** Erstellt einen Vektor z.B. mit <code>PVector v1 = new PVector(4.0, 3.0);</code>.
	** Addiert einen anderen Vektor auf den ersten mit <code>v1.add(v2);</code>.		** Addiert einen anderen Vektor auf den ersten mit <code>v1.add(v2);</code>.
	** Greift auf die Koordinaten des Vektors mit <code>v1.x</code> / <code>v1.y</code> zu.		** Greift auf die Koordinaten des Vektors mit <code>v1.x</code> / <code>v1.y</code> zu.