Lernpfad:Einführung in Processing/14 - Versionsgeschichte

Jneug am 16. Februar 2022 um 19:44 Uhr

2022-02-16T19:44:33Z

← Nächstältere Version		Version vom 16. Februar 2022, 21:44 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 11. Februar 2022 um 21:32 Uhr

2022-02-11T21:32:01Z

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

			{{Tldr:Start\|Was du in diesem Schritt lernst\|Icon=Icon Chalk board.png}}
			* ''Logische Verknüpfungen''
			{{Tldr:End}}


	In {{Pfad\|11\|bedingten Anweisungen}} und {{Pfad\|13\|bedingten Schleifen}} kontrolliert eine ''Bedingung'', welche Befehle als Nächstes ausgeführt werden. ''Bedingungen'' in {{Java}} sind Ausdrücke, die entweder ''wahr'' (<code>true</code>) oder ''falsch'' (<code>false</code>). <code>true</code> und <code>false</code> nennt man ''Wahrheitswerte''. Sie werden in {{Java}} mit dem Schlüsselwort <code>boolean</code> gekennzeichnet.		In {{Pfad\|11\|bedingten Anweisungen}} und {{Pfad\|13\|bedingten Schleifen}} kontrolliert eine ''Bedingung'', welche Befehle als Nächstes ausgeführt werden. ''Bedingungen'' in {{Java}} sind Ausdrücke, die entweder ''wahr'' (<code>true</code>) oder ''falsch'' (<code>false</code>). <code>true</code> und <code>false</code> nennt man ''Wahrheitswerte''. Sie werden in {{Java}} mit dem Schlüsselwort <code>boolean</code> gekennzeichnet.

Jneug am 11. Februar 2022 um 21:27 Uhr

2022-02-11T21:27:49Z

← Nächstältere Version		Version vom 11. Februar 2022, 23:27 Uhr
Zeile 6:		Zeile 6:

	<pre>		<pre>
	wenn es heute nicht ~~Regnet~~		wenn es heute nicht regnet
	wenn es windig ist		wenn es windig ist
	gehen wir Drachen steigen lassen		gehen wir Drachen steigen lassen
Zeile 24:		Zeile 24:
	\|+ Logische Operatoren		\|+ Logische Operatoren
	\|-		\|-
	! Art !! Syntax !! ~~Bespiel~~ \|\| Beschreibung		! Art !! Syntax !! Beispiel \|\| Beschreibung
	\|-		\|-
	\| UND \|\| <code>&&</code> \|\| <code>i%2 == 0 && i < 100</code> \|\| Ist ''wahr'', wenn die Ausdrücke links und rechts ''wahr'' sind.		\| UND \|\| <code>&&</code> \|\| <code>i%2 == 0 && i < 100</code> \|\| Ist ''wahr'', wenn die Ausdrücke links und rechts ''wahr'' sind.

Jneug am 4. Februar 2022 um 10:01 Uhr

2022-02-04T10:01:00Z

← Nächstältere Version		Version vom 4. Februar 2022, 12:01 Uhr
Zeile 39:		Zeile 39:
	{{Aufgabe:Start}}		{{Aufgabe:Start}}
	# Analysiere die folgenden Programmzeilen und gib eine Vermutung ab, ob das Ergebnis <code>true</code> oder <code>false</code> ist. Probiere ''erst dann'' die Zeilen (einzeln) in {{Processing}} aus.		# Analysiere die folgenden Programmzeilen und gib eine Vermutung ab, ob das Ergebnis <code>true</code> oder <code>false</code> ist. Probiere ''erst dann'' die Zeilen (einzeln) in {{Processing}} aus.
	# <code>println(width < 4000 \|\| height < 100);</code>		## <code>println(width < 4000 \|\| height < 100);</code>
	# <code>println(width < 4000 && height < 100);</code>		## <code>println(width < 4000 && height < 100);</code>
	# <code>println(width < 4000 && height < 4000);</code>		## <code>println(width < 4000 && height < 4000);</code>
	# <code>println(width > 500 && height < 4000);</code>		## <code>println(width > 500 && height < 4000);</code>
	# <code>println(width == height \|\| width != height);</code>		## <code>println(width == height \|\| width != height);</code>
	# <code>println(width-height == height-width);</code>		## <code>println(width-height == height-width);</code>
	{{Aufgabe:End}}		{{Aufgabe:End}}

Jneug am 4. Februar 2022 um 10:00 Uhr

2022-02-04T10:00:27Z

← Nächstältere Version		Version vom 4. Februar 2022, 12:00 Uhr
Zeile 39:		Zeile 39:
	{{Aufgabe:Start}}		{{Aufgabe:Start}}
	# Analysiere die folgenden Programmzeilen und gib eine Vermutung ab, ob das Ergebnis <code>true</code> oder <code>false</code> ist. Probiere ''erst dann'' die Zeilen (einzeln) in {{Processing}} aus.		# Analysiere die folgenden Programmzeilen und gib eine Vermutung ab, ob das Ergebnis <code>true</code> oder <code>false</code> ist. Probiere ''erst dann'' die Zeilen (einzeln) in {{Processing}} aus.
			# <code>println(width < 4000 \|\| height < 100);</code>
			# <code>println(width < 4000 && height < 100);</code>
			# <code>println(width < 4000 && height < 4000);</code>
			# <code>println(width > 500 && height < 4000);</code>
			# <code>println(width == height \|\| width != height);</code>
			# <code>println(width-height == height-width);</code>
	{{Aufgabe:End}}		{{Aufgabe:End}}

Jneug am 4. Februar 2022 um 09:49 Uhr

2022-02-04T09:49:25Z

← Nächstältere Version		Version vom 4. Februar 2022, 11:49 Uhr
Zeile 66:		Zeile 66:
	# Ändere das Programm so ab, dass der Ball ''außerhalb'' des Bereichs rot wird (und innen weiß bleibt).		# Ändere das Programm so ab, dass der Ball ''außerhalb'' des Bereichs rot wird (und innen weiß bleibt).
	{{Aufgabe:End}}		{{Aufgabe:End}}
	{{Lösung:Start}}		{{Lösung:Start\|Lösung zu Aufgabe 1}}
	<syntaxhighlight lang="java" line="1" highlight="11-16">		<syntaxhighlight lang="java" line="1" highlight="11-16">
	int x = 0;		int x = 0;
Zeile 125:		Zeile 125:
	{{Tipp:Start}}		{{Tipp:Start}}
	Berechne zunächst die <code>x</code>- und <code>y</code>-Koordinate des Kreises und prüfe danach mit <code>if - else if - ...</code> Anweisungen die verschiedenen Bedingungen für die Position des Kreises.		Berechne zunächst die <code>x</code>- und <code>y</code>-Koordinate des Kreises und prüfe danach mit <code>if - else if - ...</code> Anweisungen die verschiedenen Bedingungen für die Position des Kreises.
	{{Tipp:End}}		{{Tipp:End}}{{Lösung:Start}}
	{{Lösung:Start}}
	<syntaxhighlight lang="java" line="1" highlight="17-29">		<syntaxhighlight lang="java" line="1" highlight="17-29">
	float angle = 0;		float angle = 0;

Jneug am 4. Februar 2022 um 09:48 Uhr

2022-02-04T09:48:39Z

@@ Zeile 63: / Zeile 63: @@
 # Übernimm das Programm oben in {{Processing}} und probier es aus. Du siehst zwei Linien und einen fliegenden Ball. Verwende '''genau eine''' ''bedingte Anweisung'', um den Ball ''zwischen den Linien'' rot werden zu lassen.
 # Ändere das Programm so ab, dass der Ball ''außerhalb'' des Bereichs rot wird (und innen weiß bleibt).
 {{Aufgabe:End}}
 {{Aufgabe:Start}}

Jneug am 4. Februar 2022 um 09:45 Uhr

2022-02-04T09:45:27Z

← Nächstältere Version		Version vom 4. Februar 2022, 11:45 Uhr
Zeile 98:		Zeile 98:
	{{Tipp:End}}		{{Tipp:End}}
	{{Lösung:Start}}		{{Lösung:Start}}
	<syntaxhighlight lang="java" line="1">		<syntaxhighlight lang="java" line="1" highlight="17-29">
	float angle = 0;		float angle = 0;

Zeile 130:		Zeile 130:

	// hier wird animiert...		// hier wird animiert...
	ellipse(~~50+25sin(radians(angle))~~, ~~50+25cos(radians(angle))~~, 20, 20);		ellipse(x, y, 20, 20);
	angle += 3;		angle += 3;
	}		}
	</syntaxhighlight>		</syntaxhighlight>
	{{Lösung:End}}		{{Lösung:End}}

Jneug am 4. Februar 2022 um 09:42 Uhr

2022-02-04T09:42:15Z

← Nächstältere Version		Version vom 4. Februar 2022, 11:42 Uhr
Zeile 91:		Zeile 91:

	Übernimm das Programm oben in {{Processing}} und probier es aus. Du siehst vier Zonen und einen fliegenden Ball. Verwende ''bedingte Anweisungen'', um den Ball in jeder Zone anders zu färben. (Wähle die Farben selbst.)		Übernimm das Programm oben in {{Processing}} und probier es aus. Du siehst vier Zonen und einen fliegenden Ball. Verwende ''bedingte Anweisungen'', um den Ball in jeder Zone anders zu färben. (Wähle die Farben selbst.)

			{{P5js\|https://editor.p5js.org/Ngb/full/er4IO-mto\|height=100}}
	{{Aufgabe:End}}		{{Aufgabe:End}}
			{{Tipp:Start}}
			Berechne zunächst die <code>x</code>- und <code>y</code>-Koordinate des Kreises und prüfe danach mit <code>if - else if - ...</code> Anweisungen die verschiedenen Bedingungen für die Position des Kreises.
			{{Tipp:End}}
			{{Lösung:Start}}
			<syntaxhighlight lang="java" line="1">
			float angle = 0;

			void draw() {
			noStroke();

			// Vier Zonen
			fill(0);
			rect(0,0,50,50);
			fill(50);
			rect(50,0,50,50);
			fill(100);
			rect(0,50,50,50);
			fill(150);
			rect(50,50,50,50);
			fill(255);

			// Farbe festlegen
			float x = 50+25*sin(radians(angle));
			float y = 50+25*cos(radians(angle));

			if( x < 50 && y < 50 ) {
			fill(199, 43, 0);
			} else if( x >= 50 && y < 50 ) {
			fill(0, 199, 43);
			} else if( x >= 50 && y >= 50 ) {
			fill(43, 0, 199);
			} else {
			fill(255);
			}

			// hier wird animiert...
			ellipse(50+25sin(radians(angle)), 50+25cos(radians(angle)), 20, 20);
			angle += 3;
			}
			</syntaxhighlight>
			{{Lösung:End}}

Jneug am 3. Februar 2022 um 22:05 Uhr

2022-02-03T22:05:31Z

← Nächstältere Version		Version vom 4. Februar 2022, 00:05 Uhr
Zeile 37:		Zeile 37:

	Wie auch bei den Schaltungen lassen sich mit den drei Basisverknüpfungen ''UND'', ''ODER'' und ''NICHT'' komplexe Anfragen programmieren.}}		Wie auch bei den Schaltungen lassen sich mit den drei Basisverknüpfungen ''UND'', ''ODER'' und ''NICHT'' komplexe Anfragen programmieren.}}
			{{Aufgabe:Start}}
			# Analysiere die folgenden Programmzeilen und gib eine Vermutung ab, ob das Ergebnis <code>true</code> oder <code>false</code> ist. Probiere ''erst dann'' die Zeilen (einzeln) in {{Processing}} aus.
			{{Aufgabe:End}}

			{{Aufgabe:Start}}
			<syntaxhighlight lang="java" line="1">
			int x = 0;

			void draw() {
			background(0);

			// Linien zum Markieren der Zone
			stroke(255);
			line(25, 0, 25, height);
			line(75, 0, 75, height);

			// hier wird animiert...
			ellipse(x, 50, 20, 20);
			x++;
			if (x > width) {
			x = 0;
			}
			}
			</syntaxhighlight>

			# Übernimm das Programm oben in {{Processing}} und probier es aus. Du siehst zwei Linien und einen fliegenden Ball. Verwende '''genau eine''' ''bedingte Anweisung'', um den Ball ''zwischen den Linien'' rot werden zu lassen.
			# Ändere das Programm so ab, dass der Ball ''außerhalb'' des Bereichs rot wird (und innen weiß bleibt).
			{{Aufgabe:End}}

			{{Aufgabe:Start}}
			<syntaxhighlight lang="java" line="1">
			float angle = 0;

			void draw() {
			noStroke();

			// Vier Zonen
			fill(0);
			rect(0,0,50,50);
			fill(50);
			rect(50,0,50,50);
			fill(100);
			rect(0,50,50,50);
			fill(150);
			rect(50,50,50,50);
			fill(255);

			// hier wird animiert...
			ellipse(50+25sin(radians(angle)), 50+25cos(radians(angle)), 20, 20);
			angle += 3;
			}
			</syntaxhighlight>

			Übernimm das Programm oben in {{Processing}} und probier es aus. Du siehst vier Zonen und einen fliegenden Ball. Verwende ''bedingte Anweisungen'', um den Ball in jeder Zone anders zu färben. (Wähle die Farben selbst.)
			{{Aufgabe:End}}