Lernpfad:Objektorientierte Programmierung mit Processing/3 - Versionsgeschichte

Jneug am 3. März 2022 um 16:35 Uhr

2022-03-03T16:35:30Z

← Nächstältere Version		Version vom 3. März 2022, 18:35 Uhr
Zeile 8:		Zeile 8:

	{{Rahmen\|		{{Rahmen\|
	Ein Sonnensystem besteht aus einer Sonne im Zentrum und einer Reihe von Planeten, die um die Sonne ~~Kreisen~~.}}		Ein Sonnensystem besteht aus einer Sonne im Zentrum und einer Reihe von Planeten, die um die Sonne kreisen. Jeder Planet hat eine Position mit x- und y-Koordinate, einen festen Abstand zur Sonne und einen Winkel, der beschreibt, wie weit der Planet auf seiner Umlaufbahn gekommen ist. (In diesem Modell sind alle Umlaufbahnen Kreise.) Außerdem besitzt jeder Planet eine Geschwindigkeit, in der er um die Sonne kreist.

			Ein Planet kann auch Monde haben, die auch eine Position, einen Abstand (zum Planeten) und eine Geschwindigkeit besitzen.}}

			Durch eine objektorientierte Analyse können wir das folgende Modell aus dieser Beschreibung ableiten.

			[[Bild:UML_Sonnensystem.png\|center\|Objektorientierte Modellierung zum Sonnensystem.]]

			Die gezeigten Klassen sollst du nun implementieren.

Jneug am 3. März 2022 um 13:48 Uhr

2022-03-03T13:48:42Z

@@ Zeile 1: / Zeile 1: @@
-{{NNavigation}}
+{{NNameAnzeigen}}{{NNavigation}}
-Im Zentrum unseres Sonnensystems steht die Sonne. Wir wollen die Sonne in der Mitte des Fensters entfachen. Dazu erstellen wie eine Klasse <code>Sun</code>, die die Sonne zeichnet.
+Im Sonnensystem gibt es eine Menge von astronomischen Körpern, die sich in komplexen Umlaufbahnen bewegen und gegenseitig beeinflussen.
-Jede Klasse wird in einer neuen Datei erstellt. Öffne dazu auf dem kleinen Pfeil oben einen neuen Tab und nenne ihn "Sun".
+[[Datei:Sonnensystem-Grafik.pdf|thumb|center]]
-[[Datei:20210322220256 Processing.gif|center|frame|Einen neuen Tab erstellen.]]
+Für den Anfang beschränken wir uns auf eine stark vereinfachte Version des Sonnensystems.
-Unsere Sonne hat zunächst keine "sonnigen" Eigenschaften. Sie befindet sich einfach in der Mitte des Bildschirms und ist gelb. Kopiere folgenden Code in den "Sun"-Tab:
+{{Rahmen|
-<syntaxhighlight lang="Java">
+Ein Sonnensystem besteht aus einer Sonne im Zentrum und einer Reihe von Planeten, die um die Sonne Kreisen.}}

Jneug am 7. Februar 2022 um 21:48 Uhr

2022-02-07T21:48:50Z

← Nächstältere Version		Version vom 7. Februar 2022, 23:48 Uhr
Zeile 1:		Zeile 1:
	{{NNavigation}}		{{NNavigation}}

	Im Zentrum unseres ~~Sonnensystem~~ steht die Sonne. Wir wollen die Sonne in der Mitte des Fensters entfachen. Dazu erstellen wie eine Klasse <code>Sun</code>, die die Sonne zeichnet.		Im Zentrum unseres Sonnensystems steht die Sonne. Wir wollen die Sonne in der Mitte des Fensters entfachen. Dazu erstellen wie eine Klasse <code>Sun</code>, die die Sonne zeichnet.

	Jede Klasse wird in einer neuen Datei erstellt. Öffne dazu auf dem kleinen Pfeil oben einen neuen Tab und nenne ihn "Sun".		Jede Klasse wird in einer neuen Datei erstellt. Öffne dazu auf dem kleinen Pfeil oben einen neuen Tab und nenne ihn "Sun".
Zeile 7:		Zeile 7:
	[[Datei:20210322220256 Processing.gif\|center\|frame\|Einen neuen Tab erstellen.]]		[[Datei:20210322220256 Processing.gif\|center\|frame\|Einen neuen Tab erstellen.]]

	Unsere Sonne hat ~~erstmal~~ keine "sonnigen" Eigenschaften. Sie befindet sich einfach in der Mitte des Bildschirms und ist gelb. Kopiere folgenden Code in den "Sun"-Tab:		Unsere Sonne hat zunächst keine "sonnigen" Eigenschaften. Sie befindet sich einfach in der Mitte des Bildschirms und ist gelb. Kopiere folgenden Code in den "Sun"-Tab:
	<syntaxhighlight lang="Java">		<syntaxhighlight lang="Java">
	class Sun {		class Sun {
Zeile 53:		Zeile 53:

	{{Aufgabe:Start\|Icon=Processing_icon.png}}		{{Aufgabe:Start\|Icon=Processing_icon.png}}
	# '''Bevor Du das Programm startest''' beantworte folgende Frage: Wo wird die Sonne gleich "aufgehen"? Wenn Du eine Vermutung hast, starte das Programm.		# '''Bevor Du das Programm startest''', beantworte folgende Frage: Wo wird die Sonne gleich "aufgehen"? Wenn Du eine Vermutung hast, starte das Programm.
	# Hast Du richtig gelegen? Wenn nicht [https://michaelkipp.de/processing/01%20zeichnen.html#sec_1_1 findest Du hier eine Erklärung].		# Hast Du richtig gelegen? Wenn nicht [https://michaelkipp.de/processing/01%20zeichnen.html#sec_1_1 findest Du hier eine Erklärung].
	# Wir möchten den Koordinatenursprung (den Punkt <math>(0\|0)</math>) gerne in der Mitte des Fensters haben, wenn wir die Sonne zeichnen. Schau erneut in der [https://processing.org/reference/ offiziellen Referenz] nach, ob Du einen entsprechenden Befehl findest. (Tipp: Schau in der Kategorie "Transform" nach.)		# Wir möchten den Koordinatenursprung (den Punkt <math>(0\|0)</math>) gerne in der Mitte des Fensters haben, wenn wir die Sonne zeichnen. Schau erneut in der [https://processing.org/reference/ offiziellen Referenz] nach, ob Du einen entsprechenden Befehl findest. (Tipp: Schau in der Kategorie "Transform" nach.)

Jneug am 23. März 2021 um 09:14 Uhr

2021-03-23T09:14:10Z

← Nächstältere Version		Version vom 23. März 2021, 11:14 Uhr
Zeile 28:		Zeile 28:
	</syntaxhighlight>		</syntaxhighlight>

	{{Aufgabe:Start}}		{{Aufgabe:Start\|Icon=Processing_icon.png}}
	# Analysiere den Code der Klasse <code>Sun</code> und versuche zu erklären, was die <code>draw</code>-Methode macht. Welche Bedeutung haben die Befehle und welchen Effekt erzeugen sie wohl in {{Processing}}?		# Analysiere den Code der Klasse <code>Sun</code> und versuche zu erklären, was die <code>draw</code>-Methode macht. Welche Bedeutung haben die Befehle und welchen Effekt erzeugen sie wohl in {{Processing}}?
	# Schaue die Befehle in der offiziellen {{Processing}} Referenz nach: https://processing.org/reference/		# Schaue die Befehle in der offiziellen {{Processing}} Referenz nach: https://processing.org/reference/
Zeile 52:		Zeile 52:
	</syntaxhighlight>		</syntaxhighlight>

	{{Aufgabe:Start}}		{{Aufgabe:Start\|Icon=Processing_icon.png}}
	# '''Bevor Du das Programm startest''' beantworte folgende Frage: Wo wird die Sonne gleich "aufgehen"? Wenn Du eine Vermutung hast, starte das Programm.		# '''Bevor Du das Programm startest''' beantworte folgende Frage: Wo wird die Sonne gleich "aufgehen"? Wenn Du eine Vermutung hast, starte das Programm.
	# Hast Du richtig gelegen? Wenn nicht [https://michaelkipp.de/processing/01%20zeichnen.html#sec_1_1 findest Du hier eine Erklärung].		# Hast Du richtig gelegen? Wenn nicht [https://michaelkipp.de/processing/01%20zeichnen.html#sec_1_1 findest Du hier eine Erklärung].

Jneug am 23. März 2021 um 07:41 Uhr

2021-03-23T07:41:23Z

← Nächstältere Version		Version vom 23. März 2021, 09:41 Uhr
Zeile 3:		Zeile 3:
	Im Zentrum unseres Sonnensystem steht die Sonne. Wir wollen die Sonne in der Mitte des Fensters entfachen. Dazu erstellen wie eine Klasse <code>Sun</code>, die die Sonne zeichnet.		Im Zentrum unseres Sonnensystem steht die Sonne. Wir wollen die Sonne in der Mitte des Fensters entfachen. Dazu erstellen wie eine Klasse <code>Sun</code>, die die Sonne zeichnet.

	Jede ~~KLasse~~ wird in einer neuen Datei erstellt. Öffne dazu auf dem kleinen Pfeil oben einen neuen Tab und nenne ihn "Sun".		Jede Klasse wird in einer neuen Datei erstellt. Öffne dazu auf dem kleinen Pfeil oben einen neuen Tab und nenne ihn "Sun".

	[[Datei:20210322220256 Processing.gif\|center\|frame\|Einen neuen Tab erstellen.]]		[[Datei:20210322220256 Processing.gif\|center\|frame\|Einen neuen Tab erstellen.]]


	Unsere Sonne hat erstmal keine "sonnigen" Eigenschaften. Sie befindet sich einfach in der Mitte des Bildschirms und ist gelb. Kopiere folgenden Code in den "Sun"-Tab:		Unsere Sonne hat erstmal keine "sonnigen" Eigenschaften. Sie befindet sich einfach in der Mitte des Bildschirms und ist gelb. Kopiere folgenden Code in den "Sun"-Tab:
Zeile 56:		Zeile 55:
	# '''Bevor Du das Programm startest''' beantworte folgende Frage: Wo wird die Sonne gleich "aufgehen"? Wenn Du eine Vermutung hast, starte das Programm.		# '''Bevor Du das Programm startest''' beantworte folgende Frage: Wo wird die Sonne gleich "aufgehen"? Wenn Du eine Vermutung hast, starte das Programm.
	# Hast Du richtig gelegen? Wenn nicht [https://michaelkipp.de/processing/01%20zeichnen.html#sec_1_1 findest Du hier eine Erklärung].		# Hast Du richtig gelegen? Wenn nicht [https://michaelkipp.de/processing/01%20zeichnen.html#sec_1_1 findest Du hier eine Erklärung].
	# Wir möchten den Koordinatenursprung (den Punkt <math>(0\|0)</math>) gerne in der Mitte des Fensters haben, wenn wir ~~dei~~ Sonne zeichnen. Schau erneut in der [https://processing.org/reference/ offiziellen Referenz] nach, ob Du einen entsprechenden Befehl findest. (Tipp: Schau in der Kategorie "Transform" nach.)		# Wir möchten den Koordinatenursprung (den Punkt <math>(0\|0)</math>) gerne in der Mitte des Fensters haben, wenn wir die Sonne zeichnen. Schau erneut in der [https://processing.org/reference/ offiziellen Referenz] nach, ob Du einen entsprechenden Befehl findest. (Tipp: Schau in der Kategorie "Transform" nach.)
	{{Aufgabe:End}}		{{Aufgabe:End}}
	{{Lösung:Start}}		{{Lösung:Start}}

Jneug am 22. März 2021 um 21:25 Uhr

2021-03-22T21:25:06Z

← Nächstältere Version		Version vom 22. März 2021, 23:25 Uhr
Zeile 68:		Zeile 68:

	void draw() {		void draw() {
			// width und height sind die Breite / Höhe des Programmfensters.
			// Du könntest hier auch einfach 400 und 300 benutzen.
	translate(width/2, height/2);		translate(width/2, height/2);
	background(0);		background(0);

Jneug am 22. März 2021 um 21:22 Uhr

2021-03-22T21:22:26Z

← Nächstältere Version		Version vom 22. März 2021, 23:22 Uhr
Zeile 75:		Zeile 75:
	</syntaxhighlight>		</syntaxhighlight>

	[[Datei:TheSun_Processing.png\|center]]		[[Datei:TheSun_Processing.png\|center\|600px]]
	{{Lösung:End}}		{{Lösung:End}}

Jneug am 22. März 2021 um 21:21 Uhr

2021-03-22T21:21:55Z

← Nächstältere Version		Version vom 22. März 2021, 23:21 Uhr
Zeile 53:		Zeile 53:
	</syntaxhighlight>		</syntaxhighlight>

	'''Bevor Du das Programm startest''' beantworte folgende Frage: Wo wird die Sonne gleich "aufgehen"?		{{Aufgabe:Start}}
			# '''Bevor Du das Programm startest''' beantworte folgende Frage: Wo wird die Sonne gleich "aufgehen"? Wenn Du eine Vermutung hast, starte das Programm.
			# Hast Du richtig gelegen? Wenn nicht [https://michaelkipp.de/processing/01%20zeichnen.html#sec_1_1 findest Du hier eine Erklärung].
			# Wir möchten den Koordinatenursprung (den Punkt <math>(0\|0)</math>) gerne in der Mitte des Fensters haben, wenn wir dei Sonne zeichnen. Schau erneut in der [https://processing.org/reference/ offiziellen Referenz] nach, ob Du einen entsprechenden Befehl findest. (Tipp: Schau in der Kategorie "Transform" nach.)
			{{Aufgabe:End}}
			{{Lösung:Start}}
			Der passende Befehl lautet [https://processing.org/reference/translate_.html translate()] und verschiebt das Koordinatensystem des Fensters an eine neue Position. Führe sie direkt zu Beginn der <code>draw</code>-Methode aus:
			<syntaxhighlight lang="Java">
			Sun sun = new Sun();

			void setup() {
			size(800, 600);
			}

			void draw() {
			translate(width/2, height/2);
			background(0);

			sun.draw();
			}
			</syntaxhighlight>

			[[Datei:TheSun_Processing.png\|center]]
			{{Lösung:End}}

Jneug am 22. März 2021 um 21:13 Uhr

2021-03-22T21:13:09Z

@@ Zeile 1: / Zeile 1: @@
 {{NNavigation}}
 Im Zentrum unseres Sonnensystem steht die Sonne. Wir wollen die Sonne in der Mitte des Fensters entfachen. Dazu erstellen wie eine Klasse <code>Sun</code>, die die Sonne zeichnet.
@@ Zeile 35: / Zeile 33: @@
 # Schaue die Befehle in der offiziellen {{Processing}} Referenz nach: https://processing.org/reference/
 {{Aufgabe:End}}

Jneug am 22. März 2021 um 21:09 Uhr

2021-03-22T21:09:39Z

← Nächstältere Version		Version vom 22. März 2021, 23:09 Uhr
Zeile 30:		Zeile 30:
	}		}
	</syntaxhighlight>		</syntaxhighlight>

			{{Aufgabe:Start}}
			# Analysiere den Code der Klasse <code>Sun</code> und versuche zu erklären, was die <code>draw</code>-Methode macht. Welche Bedeutung haben die Befehle und welchen Effekt erzeugen sie wohl in {{Processing}}?
			# Schaue die Befehle in der offiziellen {{Processing}} Referenz nach: https://processing.org/reference/
			{{Aufgabe:End}}