Lernpfad:Einführung in Processing/8 - Versionsgeschichte

Jneug am 16. Februar 2022 um 19:31 Uhr

2022-02-16T19:31:18Z

← Nächstältere Version		Version vom 16. Februar 2022, 21:31 Uhr
Zeile 1:		Zeile 1:
	{{NNavigation}}		{{NNameAnzeigen}}{{NNavigation}}

	{{Tldr:Start\|Was du in diesem Schritt lernst\|Icon=Icon Chalk board.png}}		{{Tldr:Start\|Was du in diesem Schritt lernst\|Icon=Icon Chalk board.png}}

Jneug am 28. Januar 2022 um 13:58 Uhr

2022-01-28T13:58:55Z

← Nächstältere Version		Version vom 28. Januar 2022, 15:58 Uhr
Zeile 15:		Zeile 15:

	== Variablen benutzen ==		== Variablen benutzen ==
	Das schöne ist, das du auch selber Variablen anlegen und in ihnen etwas speichern kannst. Das hast du auch schon mehrfach getan. Kannst du dich erinnern, wann das war? Denk ~~nochmal~~ an die bisherigen Schritte...		Das schöne ist, das du auch selber Variablen anlegen und in ihnen etwas speichern kannst. Das hast du auch schon mehrfach getan. Kannst du dich erinnern, wann das war? Denk noch mal an die bisherigen Schritte...

	Direkt in {{Pfad\|3\|Schritt 3}} hast du Variablen benutzt, um die Eingabe des ersten Algorithmus zu definieren:		Direkt in {{Pfad\|3\|Schritt 3}} hast du Variablen benutzt, um die Eingabe des ersten Algorithmus zu definieren:
Zeile 32:		Zeile 32:

	; '''Deklaration'''		; '''Deklaration'''
	: Zuerst muss der Computer wissen, ~~wieviel~~ Speicherplatz benötigt wird und wie er diesen benennen soll. Der Computer sucht ~~quasi~~ im Schrank eine leere Schublade die groß genug ist und schreibt einen Namen drauf.		: Zuerst muss der Computer wissen, wie viel Speicherplatz benötigt wird und wie er diesen benennen soll. Der Computer sucht gewissermaßen im Schrank eine leere Schublade, die groß genug ist, und schreibt einen Namen drauf.
	: <code>int a;</code>		: <code>int a;</code>
	; '''Initialisierung'''		; '''Initialisierung'''
Zeile 67:		Zeile 67:
	\| Texte		\| Texte

	'''Achtung''': <code>String</code> wird im Gegensatz zu den anderen ~~groß geschrieben~~! Im Gegensatz zu <code>char</code>s werden sie mit doppelten Anführungszeichen angegeben.		'''Achtung''': <code>String</code> wird im Gegensatz zu den anderen großgeschrieben! Im Gegensatz zu <code>char</code>s werden sie mit doppelten Anführungszeichen angegeben.
	\| <code>String einText = "Hallo Welt!";</code>		\| <code>String einText = "Hallo Welt!";</code>
	\|}		\|}
	{{Hinweis\|		{{Hinweis\|
	Wir werden zunächst ~~vor allem~~ die Datentypen <code>int</code> und <code>float</code> verwenden, sowie <code>String</code> für Texte. Den Datentyp <code>boolean</code> werden wir erst ab {{Pfad\|12\|Schritt 12}} näher betrachten.}}		Wir werden zunächst vorwiegend die Datentypen <code>int</code> und <code>float</code> verwenden, sowie <code>String</code> für Texte. Den Datentyp <code>boolean</code> werden wir erst ab {{Pfad\|12\|Schritt 12}} näher betrachten.}}
	{{Aufgabe:Start\|Icon=Processing_2021_logo.svg}}		{{Aufgabe:Start\|Icon=Processing_2021_logo.svg}}
	# Probier dieses Programm aus und ändere es so ab, dass dein Name angezeigt wird.		# Probier dieses Programm aus und ändere es so ab, dass dein Name angezeigt wird.
Zeile 112:		Zeile 112:
	{{Aufgabe:End}}		{{Aufgabe:End}}

	Wie du siehst, kann eine Variable aus <code>setup()</code> nicht in <code>draw()</code> benutzt werden. ''Das liegt daran, ~~das~~ Variablen nur in dem '''Block''' gültig sind, in dem sie deklariert werden.''		Wie du siehst, kann eine Variable aus <code>setup()</code> nicht in <code>draw()</code> benutzt werden. ''Das liegt daran, dass Variablen nur in dem '''Block''' gültig sind, in dem sie deklariert werden.''

	Wenn wir wieder an einen Schrank denken, dann könnte man sagen, der Schrank ist nur in dem Raum zugänglich, in dem er steht. Wenn ich in einem anderen Raum (Block) bin, habe ich keinen Zugriff mehr auf die Schubladen.		Wenn wir wieder an einen Schrank denken, dann könnte man sagen, der Schrank ist nur in dem Raum zugänglich, in dem er steht. Wenn ich in einem anderen Raum (Block) bin, habe ich keinen Zugriff mehr auf die Schubladen.
Zeile 140:		Zeile 140:
	== Übungsaufgaben ==		== Übungsaufgaben ==
	{{Aufgabe:Start\|Icon=Processing_2021_logo.svg}}		{{Aufgabe:Start\|Icon=Processing_2021_logo.svg}}
	# Schreibe ein Programm, dass die Anzahl der Mausklicks mitzählt und auf die Zeichenfläche ~~schriebt~~.		# Schreibe ein Programm, dass die Anzahl der Mausklicks mitzählt und auf die Zeichenfläche schreibt.
	#: {{P5js\|https://editor.p5js.org/Ngb/full/5Eoro7V-I\|Beispiel\|height=100}}		#: {{P5js\|https://editor.p5js.org/Ngb/full/5Eoro7V-I\|Beispiel\|height=100}}
	# Schreibe ein Programm, dass sich bei einem Mausklick die Mausposition merkt und eine Linie von der gespeicherten Position zur Maus zeichnet.		# Schreibe ein Programm, dass sich bei einem Mausklick die Mausposition merkt und eine Linie von der gespeicherten Position zur Maus zeichnet.
Zeile 263:		Zeile 263:
	</syntaxhighlight>		</syntaxhighlight>

	Eine Vorgehensweise wäre, zwei lokale Variablen <code>x2</code> und <code>y2</code> anzulegen, in die Du das Ergebnis der Umrechnung von <code>mouseX</code> und <code>mouseY</code> in das System des Rechtecks vornehmen. Es handelt sich um eine klassische Anwendung des ~~Dreisatz'~~.		Eine Vorgehensweise wäre, zwei lokale Variablen <code>x2</code> und <code>y2</code> anzulegen, in die du das Ergebnis der Umrechnung von <code>mouseX</code> und <code>mouseY</code> in das System des Rechtecks vornehmen. Es handelt sich um eine klassische Anwendung des Dreisatzes.

	'''Achtung''': Du musst hier mit Dezimalzahlen (Datentyp <code>float</code>) arbeiten. Damit der Computer das weiß, ~~muss~~ du die Zahlen mit einer Nachkommastelle schreiben, zum Beispiel <code>200.0</code> statt <code>200</code>. Das ~~problem~~ wird deutlich, wenn du folgendes kleines Programm ausprobierst:		'''Achtung''': Du musst hier mit Dezimalzahlen (Datentyp <code>float</code>) arbeiten. Damit der Computer das weiß, musst du die Zahlen mit einer Nachkommastelle schreiben, zum Beispiel <code>200.0</code> statt <code>200</code>. Das Problem wird deutlich, wenn du folgendes kleines Programm ausprobierst:
	<syntaxhighlight lang="java" line="1">		<syntaxhighlight lang="java" line="1">
	void draw() {		void draw() {

Jneug: /* Variablen benutzen */

2021-11-23T13:39:11Z

Variablen benutzen

← Nächstältere Version		Version vom 23. November 2021, 15:39 Uhr
Zeile 19:		Zeile 19:
	Direkt in {{Pfad\|3\|Schritt 3}} hast du Variablen benutzt, um die Eingabe des ersten Algorithmus zu definieren:		Direkt in {{Pfad\|3\|Schritt 3}} hast du Variablen benutzt, um die Eingabe des ersten Algorithmus zu definieren:

	<syntaxhighlight lang="java" lines="1">		<syntaxhighlight lang="java" lines="1" highlight="1-2">
	int a = 3;		int a = 3;
	int b = 5;		int b = 5;
Zeile 26:		Zeile 26:
	</syntaxhighlight>		</syntaxhighlight>

	<code>a</code> und <code>b</code> sind auch Variablen. In Zeile 1 und 2 werden die Variablen ''deklariert'' (erstellt) und mit Werten ''initialisiert'' (befüllt). In Zeile 4 wird auf die Inhalte der Variablen zugegriffen, indem ihr Name angeben wird.		<code>a</code> und <code>b</code> sind auch Variablen. In Zeile 1 und 2 werden die Variablen ''deklariert'' (erstellt) und mit Werten ''initialisiert'' (befüllt). In Zeile 4 wird auf die Inhalte der Variablen zugegriffen, indem ihr Name angeben wird.

	== Variablen erstellen ==		== Variablen erstellen ==

Jneug: /* Variablen erstellen */

2021-11-20T14:12:07Z

Variablen erstellen

← Nächstältere Version		Version vom 20. November 2021, 16:12 Uhr
Zeile 70:		Zeile 70:
	\| <code>String einText = "Hallo Welt!";</code>		\| <code>String einText = "Hallo Welt!";</code>
	\|}		\|}
			{{Hinweis\|
			Wir werden zunächst vor allem die Datentypen <code>int</code> und <code>float</code> verwenden, sowie <code>String</code> für Texte. Den Datentyp <code>boolean</code> werden wir erst ab {{Pfad\|12\|Schritt 12}} näher betrachten.}}
	{{Aufgabe:Start\|Icon=Processing_2021_logo.svg}}		{{Aufgabe:Start\|Icon=Processing_2021_logo.svg}}
	# Probier dieses Programm aus und ändere es so ab, dass dein Name angezeigt wird.		# Probier dieses Programm aus und ändere es so ab, dass dein Name angezeigt wird.

Jneug am 20. November 2021 um 06:15 Uhr

2021-11-20T06:15:56Z

← Nächstältere Version		Version vom 20. November 2021, 08:15 Uhr
Zeile 1:		Zeile 1:
	{{NNavigation}}		{{NNavigation}}

	~~Interaktionen mit der Maus basieren auf besonderen Schlüsselwörtern wie <code>mouseX</code>. Diese Schlüsselwörter nennt man '''Variablen'''.~~

	Variablen kannst du dir wir [[Variablen sind wie Schubladen\|Schubladen in einem Schrank]] vorstellen: Das Programm kann in jede Schublade etwas hineinlegen (einen Wert speichern) und dieses Etwas jederzeit wieder herausholen.

	{{Tldr:Start\|Was du in diesem Schritt lernst\|Icon=Icon Chalk board.png}}		{{Tldr:Start\|Was du in diesem Schritt lernst\|Icon=Icon Chalk board.png}}
Zeile 11:		Zeile 7:
	* ''Gültigkeitsbereich'' einer Variablen.		* ''Gültigkeitsbereich'' einer Variablen.
	{{Tldr:End}}		{{Tldr:End}}

			Interaktionen mit der Maus basieren auf besonderen Schlüsselwörtern wie <code>mouseX</code>. Diese Schlüsselwörter nennt man '''Variablen'''.

			Variablen kannst du dir wir [[Variablen sind wie Schubladen\|Schubladen in einem Schrank]] vorstellen: Das Programm kann in jede Schublade etwas hineinlegen (einen Wert speichern) und dieses Etwas jederzeit wieder herausholen.

	{{Processing}} legt vor jedem Aufruf von <code>draw()</code> die aktuelle x-Koordinate der Maus als Zahl in die "Schublade" mit der Aufschrift <code>mouseX</code> und dein Programm kann dann darauf zugreifen und diese Zahl benutzen. Dazu musst du nur den Namen der Schublade angeben. Praktisch, oder?		{{Processing}} legt vor jedem Aufruf von <code>draw()</code> die aktuelle x-Koordinate der Maus als Zahl in die "Schublade" mit der Aufschrift <code>mouseX</code> und dein Programm kann dann darauf zugreifen und diese Zahl benutzen. Dazu musst du nur den Namen der Schublade angeben. Praktisch, oder?

Jneug am 19. November 2021 um 22:34 Uhr

2021-11-19T22:34:22Z

← Nächstältere Version		Version vom 20. November 2021, 00:34 Uhr
Zeile 6:		Zeile 6:

	{{Tldr:Start\|Was du in diesem Schritt lernst\|Icon=Icon Chalk board.png}}		{{Tldr:Start\|Was du in diesem Schritt lernst\|Icon=Icon Chalk board.png}}
	~~Was du in diesem Schritt lernst:~~
	* Was ist eine ''Variable''.		* Was ist eine ''Variable''.
	* ''Deklaration'' einer Variablen.		* ''Deklaration'' einer Variablen.

Jneug am 19. November 2021 um 22:33 Uhr

2021-11-19T22:33:40Z

← Nächstältere Version		Version vom 20. November 2021, 00:33 Uhr
Zeile 5:		Zeile 5:
	Variablen kannst du dir wir [[Variablen sind wie Schubladen\|Schubladen in einem Schrank]] vorstellen: Das Programm kann in jede Schublade etwas hineinlegen (einen Wert speichern) und dieses Etwas jederzeit wieder herausholen.		Variablen kannst du dir wir [[Variablen sind wie Schubladen\|Schubladen in einem Schrank]] vorstellen: Das Programm kann in jede Schublade etwas hineinlegen (einen Wert speichern) und dieses Etwas jederzeit wieder herausholen.

	{{Tldr:Start}}		{{Tldr:Start\|Was du in diesem Schritt lernst\|Icon=Icon Chalk board.png}}
	Was du in diesem Schritt lernst:		Was du in diesem Schritt lernst:
	* Was ist eine ''Variable''.		* Was ist eine ''Variable''.

Jneug am 19. November 2021 um 22:30 Uhr

2021-11-19T22:30:41Z

← Nächstältere Version		Version vom 20. November 2021, 00:30 Uhr
Zeile 4:		Zeile 4:

	Variablen kannst du dir wir [[Variablen sind wie Schubladen\|Schubladen in einem Schrank]] vorstellen: Das Programm kann in jede Schublade etwas hineinlegen (einen Wert speichern) und dieses Etwas jederzeit wieder herausholen.		Variablen kannst du dir wir [[Variablen sind wie Schubladen\|Schubladen in einem Schrank]] vorstellen: Das Programm kann in jede Schublade etwas hineinlegen (einen Wert speichern) und dieses Etwas jederzeit wieder herausholen.

			{{Tldr:Start}}
			Was du in diesem Schritt lernst:
			* Was ist eine ''Variable''.
			* ''Deklaration'' einer Variablen.
			* ''Initialisierung'' einer Variablen.
			* ''Gültigkeitsbereich'' einer Variablen.
			{{Tldr:End}}

	{{Processing}} legt vor jedem Aufruf von <code>draw()</code> die aktuelle x-Koordinate der Maus als Zahl in die "Schublade" mit der Aufschrift <code>mouseX</code> und dein Programm kann dann darauf zugreifen und diese Zahl benutzen. Dazu musst du nur den Namen der Schublade angeben. Praktisch, oder?		{{Processing}} legt vor jedem Aufruf von <code>draw()</code> die aktuelle x-Koordinate der Maus als Zahl in die "Schublade" mit der Aufschrift <code>mouseX</code> und dein Programm kann dann darauf zugreifen und diese Zahl benutzen. Dazu musst du nur den Namen der Schublade angeben. Praktisch, oder?

Jneug am 19. November 2021 um 22:25 Uhr

2021-11-19T22:25:37Z

← Nächstältere Version		Version vom 20. November 2021, 00:25 Uhr
Zeile 31:		Zeile 31:
	: <code>a = 3;</code>		: <code>a = 3;</code>

	Verschiedene Arten von Daten benötigen mehr oder weniger Speicherplatz. Deshalb musst du bei der Deklaration angeben, von welchem Typ die Daten sind. Zum Beispiel steht <code>int</code> für ganze Zahlen.		Verschiedene Arten von Daten benötigen mehr oder weniger Speicherplatz. Deshalb musst du bei der Deklaration (und nur dort) angeben, von welchem Typ die Daten sind. Zum Beispiel steht <code>int</code> für ganze Zahlen.

	Wir konzentrieren uns auf folgende Datentypen:		Wir konzentrieren uns auf folgende Datentypen:

Jneug am 19. November 2021 um 22:23 Uhr

2021-11-19T22:23:45Z

← Nächstältere Version		Version vom 20. November 2021, 00:23 Uhr
Zeile 28:		Zeile 28:
	: <code>int a;</code>		: <code>int a;</code>
	; '''Initialisierung'''		; '''Initialisierung'''
	: Wir müssen in die neue Schublade nun zum ersten Mal etwas hineinlegen. Dazu weisen wir der Variablen einen Wert zu.		: Wir müssen in die neue Schublade nun ''zum ersten Mal'' etwas hineinlegen. Dazu weisen wir der Variablen einen Wert zu.
	: <code>a = 3;</code>		: <code>a = 3;</code>