Lernpfad:Einführung in Processing/11 - Versionsgeschichte

Ngb: /* Wenn-Dann-Sonst-Wenn-Dann */

2024-12-02T10:08:33Z

Wenn-Dann-Sonst-Wenn-Dann

← Nächstältere Version		Version vom 2. Dezember 2024, 12:08 Uhr
Zeile 311:		Zeile 311:
	Wenn du das obige Gebirge geschafft hast, fügen noch einen Punkt hinzu.		Wenn du das obige Gebirge geschafft hast, fügen noch einen Punkt hinzu.

	{{P5js\|https://editor.p5js.org/Ngb/full/~~wVKnmWkuu~~\|height=400}}		{{P5js\|https://editor.p5js.org/Ngb/full/6UQK1vUZD\|height=400}}
	{{Zusatzaufgabe:End}}		{{Zusatzaufgabe:End}}
	{{Zusatzaufgabe:Start\|Icon=Processing_2021_logo.svg}}		{{Zusatzaufgabe:Start\|Sprinteraufgabe\|Icon=Processing_2021_logo.svg}}
	Mit Hilfe der {{Processing Ref\|beginShape()}} und {{Processing Ref\|vertex()}} Befehle kannst du eigene Formen definieren. Informiere ~~Dich~~ darüber, wie das funktioniert.		Mit Hilfe der {{Processing Ref\|beginShape()}} und {{Processing Ref\|vertex()}} Befehle kannst du eigene Formen definieren. Informiere dich darüber, wie das funktioniert.

	Wenn du aus dem ~~GEbirgszug~~ oben eine eigene Form machst, kannst Du den "Berg" in einer Farbe ausfüllen. Fügst du einen weiteren etwas kleineren Berg hinzu, der sich etwas schneller als der ~~erste~~ bewegt, entsteht der [[wikipedia:Bewegungsparallaxe\|Parallax-Effekt]], den du bestimmt aus Animes oder Cartoons kennst.		Wenn du aus dem Gebirgszug oben eine eigene Form machst, kannst du den "Berg" in einer Farbe ausfüllen. Fügst du einen weiteren etwas kleineren Berg hinzu, der sich etwas schneller als der Erste bewegt, entsteht der [[wikipedia:Bewegungsparallaxe\|Parallax-Effekt]], den du bestimmt aus Animes oder Cartoons kennst.

	[[File:Parallax-scroll-example.gif\|center]]		[[File:Parallax-scroll-example.gif\|center]]

Ngb am 28. November 2024 um 14:03 Uhr

2024-11-28T14:03:16Z

← Nächstältere Version		Version vom 28. November 2024, 16:03 Uhr
Zeile 310:		Zeile 310:

	Wenn du das obige Gebirge geschafft hast, fügen noch einen Punkt hinzu.		Wenn du das obige Gebirge geschafft hast, fügen noch einen Punkt hinzu.

			{{P5js\|https://editor.p5js.org/Ngb/full/wVKnmWkuu\|height=400}}
			{{Zusatzaufgabe:End}}
			{{Zusatzaufgabe:Start\|Icon=Processing_2021_logo.svg}}
			Mit Hilfe der {{Processing Ref\|beginShape()}} und {{Processing Ref\|vertex()}} Befehle kannst du eigene Formen definieren. Informiere Dich darüber, wie das funktioniert.

			Wenn du aus dem GEbirgszug oben eine eigene Form machst, kannst Du den "Berg" in einer Farbe ausfüllen. Fügst du einen weiteren etwas kleineren Berg hinzu, der sich etwas schneller als der erste bewegt, entsteht der [[wikipedia:Bewegungsparallaxe\|Parallax-Effekt]], den du bestimmt aus Animes oder Cartoons kennst.

			[[File:Parallax-scroll-example.gif\|center]]

			Bearbeite deine Bergkette so, dass ein Parallax-Effekt entsteht.

	{{P5js\|https://editor.p5js.org/Ngb/full/wVKnmWkuu\|height=400}}		{{P5js\|https://editor.p5js.org/Ngb/full/wVKnmWkuu\|height=400}}
	{{Zusatzaufgabe:End}}		{{Zusatzaufgabe:End}}

Jneug am 16. Februar 2022 um 19:41 Uhr

2022-02-16T19:41:04Z

← Nächstältere Version		Version vom 16. Februar 2022, 21:41 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:36 Uhr

2022-02-11T21:36:32Z

← Nächstältere Version		Version vom 11. Februar 2022, 23:36 Uhr
Zeile 13:		Zeile 13:
	Eigentlich wäre es schöner, wenn der Ball nicht einfach aus dem Bild fliegen würde.		Eigentlich wäre es schöner, wenn der Ball nicht einfach aus dem Bild fliegen würde.

	{{Hinweis\|Vielleicht hast du dies schon ~~mit Hilfe~~ des Modulo-Operators verhindert, aber dann "teleportiert" der Ball einfach wieder nach links und fliegt erneut los.}}		{{Hinweis\|Vielleicht hast du dies schon mithilfe des Modulo-Operators verhindert, aber dann "teleportiert" der Ball einfach wieder nach links und fliegt erneut los.}}

	Noch schöner wäre es, wenn der Ball vom Rand "abprallen" würde. Wir möchten also so etwas programmieren:		Noch schöner wäre es, wenn der Ball vom Rand "abprallen" würde. Wir möchten also so etwas programmieren:
Zeile 25:		Zeile 25:
	Ein solches Konstrukt ("wenn - dann") nennt man eine ''Bedingte Anweisung'' (oder auch ''Verzweigung'').		Ein solches Konstrukt ("wenn - dann") nennt man eine ''Bedingte Anweisung'' (oder auch ''Verzweigung'').

	In {{Java}} wird sie mit dem <code>if</code>-Befehl umgesetzt. (Daher sagen wir hier auch einfach if-Anweisung.)		In {{Java}} wird sie mit dem <code>if</code>-Befehl umgesetzt. (Daher sagen wir hier auch einfach <code>if</code>-Anweisung.)

	Das Programm aus {{Pfad\|9\|Schritt 9}} könnten wir so modifizieren:		Das Programm aus {{Pfad\|9\|Schritt 9}} könnten wir so modifizieren:
Zeile 44:		Zeile 44:

	{{Aufgabe:Start\|Icon=Processing_2021_logo.svg}}		{{Aufgabe:Start\|Icon=Processing_2021_logo.svg}}
	# Ergänze das Programm um eine ~~Bedingte~~ Anweisung, die den Ball auch vom linken Rand abprallen lässt.		# Ergänze das Programm um eine bedingte Anweisung, die den Ball auch vom linken Rand abprallen lässt.
	# Ergänze dann zwei neue Variablen <code>y</code> und <code>dy</code>, sowie zwei bedingte Anweisungen, die den Ball vom oberen und unteren Rand abprallen lassen. Teste das Programm mit verschiedenen Werten für <code>dx</code> und <code>dy</code>.		# Ergänze dann zwei neue Variablen <code>y</code> und <code>dy</code>, sowie zwei bedingte Anweisungen, die den Ball vom oberen und unteren Rand abprallen lassen. Teste das Programm mit verschiedenen Werten für <code>dx</code> und <code>dy</code>.
	#: '''Tipp''': Du kannst mit {{Processing Ref\|random()}} auch zufällige Werte für die Bewegung und Startposition generieren lassen. Dazu musst du den Befehl in der <code>void setup()</code> Methode ergänzen.		#: '''Tipp''': Du kannst mit {{Processing Ref\|random()}} auch zufällige Werte für die Bewegung und Startposition generieren lassen. Dazu musst du den Befehl in der <code>void setup()</code> Methode ergänzen.

Jneug am 29. Januar 2022 um 20:55 Uhr

2022-01-29T20:55:28Z

← Nächstältere Version		Version vom 29. Januar 2022, 22:55 Uhr
Zeile 45:		Zeile 45:
	{{Aufgabe:Start\|Icon=Processing_2021_logo.svg}}		{{Aufgabe:Start\|Icon=Processing_2021_logo.svg}}
	# Ergänze das Programm um eine Bedingte Anweisung, die den Ball auch vom linken Rand abprallen lässt.		# Ergänze das Programm um eine Bedingte Anweisung, die den Ball auch vom linken Rand abprallen lässt.
	# Ergänze dann zwei neue Variablen <code>y</code> und <code>dy</code>, sowie zwei ~~Bedingte~~ Anweisungen, die den Ball vom oberen und unteren Rand abprallen lassen. Teste das Programm mit verschiedenen Werten für <code>dx</code> und <code>dy</code>.		# Ergänze dann zwei neue Variablen <code>y</code> und <code>dy</code>, sowie zwei bedingte Anweisungen, die den Ball vom oberen und unteren Rand abprallen lassen. Teste das Programm mit verschiedenen Werten für <code>dx</code> und <code>dy</code>.
	#: '''Tipp''': Du kannst mit {{Processing Ref\|random()}} auch zufällige Werte für die Bewegung und Startposition generieren lassen. Dazu musst du den Befehl in der <code>void setup()</code> Methode ergänzen.		#: '''Tipp''': Du kannst mit {{Processing Ref\|random()}} auch zufällige Werte für die Bewegung und Startposition generieren lassen. Dazu musst du den Befehl in der <code>void setup()</code> Methode ergänzen.
	#: {{P5js\|https://editor.p5js.org/Ngb/full/6WAjKNbiG\|height=100}}		#: {{P5js\|https://editor.p5js.org/Ngb/full/6WAjKNbiG\|height=100}}
Zeile 56:		Zeile 56:
	{{Aufgabe:Start\|Icon=Processing_2021_logo.svg}}		{{Aufgabe:Start\|Icon=Processing_2021_logo.svg}}
	# Notiere die Bedingungen, die vermutlich im Programm oben verwendet wurden, als "Wenn-Dann" Sätze.		# Notiere die Bedingungen, die vermutlich im Programm oben verwendet wurden, als "Wenn-Dann" Sätze.
	# Erweitere das "greet"-Programm aus {{Pfad\|10}} so, dass auch das Geschlecht berücksichtigt wird. Ergänze dazu einen weiteren ''~~Paramter~~'' <code>gender</code> vom Typ <code>int</code>. Ist der Wert <code>1</code>, dann soll mit "Frau", ist er <code>2</code> mit "Herr" begrüßt werden.		# Erweitere das "greet"-Programm aus {{Pfad\|10}} so, dass auch das Geschlecht berücksichtigt wird. Ergänze dazu einen weiteren ''Parameter'' <code>gender</code> vom Typ <code>int</code>. Ist der Wert <code>1</code>, dann soll mit "Frau", ist er <code>2</code> mit "Herr" begrüßt werden.
	#: Beispielsweise gibt <code>greet("Hi", "Meier", 1)</code> die Begrüßung "Hi, Frau Meier!" aus.		#: Beispielsweise gibt <code>greet("Hi", "Meier", 1)</code> die Begrüßung "Hi, Frau Meier!" aus.
	{{Aufgabe:End}}		{{Aufgabe:End}}
Zeile 62:		Zeile 62:
	== Vergleichsoperatoren ==		== Vergleichsoperatoren ==

	Um eine ''Bedingung'' zu ~~schrieben~~, brauchen wir ''Vergleichsoperatoren'', die zwei Werte vergleichen und dann einen ''Wahrheitswert'' ergeben. Folgende Operatoren kannst du zunächst verwenden:		Um eine ''Bedingung'' zu schreiben, brauchen wir ''Vergleichsoperatoren'', die zwei Werte vergleichen und dann einen ''Wahrheitswert'' ergeben. Folgende Operatoren kannst du zunächst verwenden:

	{\| {{prettytable}}		{\| {{prettytable}}
Zeile 125:		Zeile 125:
	}		}
	</syntaxhighlight>		</syntaxhighlight>
	#: Überleg dir eine Visualisierung für das Ergebnis. Du kannst ~~zum Beispiel~~ den Hintergrund rot bzw. grün einfärben. Oder du nutzt {{Processing Ref\|println()}}.		#: Überleg dir eine Visualisierung für das Ergebnis. Du kannst etwa den Hintergrund rot bzw. grün einfärben. Oder du nutzt {{Processing Ref\|println()}}.
	{{Aufgabe:End}}		{{Aufgabe:End}}

Zeile 132:		Zeile 132:
	Als du im {{Pfad\|8}} ''Variablen'' kennengelernt hast, hast du eine Liste von ''Datentypen'' bekommen. Unter ihnen befanden sich ''Wahrheitswerte'' (<code>boolean</code>).		Als du im {{Pfad\|8}} ''Variablen'' kennengelernt hast, hast du eine Liste von ''Datentypen'' bekommen. Unter ihnen befanden sich ''Wahrheitswerte'' (<code>boolean</code>).

	Wahrheitswerte sind ein besonderer Typ, da sie nur genau zwei Werte annehmen können: Wahr (<code>true</code>) und ~~Falsch~~ (<code>false</code>).		Wahrheitswerte sind ein besonderer Typ, da sie nur genau zwei Werte annehmen können: Wahr (<code>true</code>) und falsch (<code>false</code>).

	Wenn du eine ''Bedingte Anweisung'' nutzt, dann benutzt du auch immer einen ''Wahrheitswert'', da die Bedingung entweder wahr ist, oder falsch.		Wenn du eine ''Bedingte Anweisung'' nutzt, dann benutzt du auch immer einen ''Wahrheitswert'', da die Bedingung entweder wahr ist, oder falsch.
Zeile 200:		Zeile 200:
	== Wenn-Dann-Sonst-Wenn-Dann ==		== Wenn-Dann-Sonst-Wenn-Dann ==

	Manchmal gibt es mehrere Bedingungen, die man nacheinander prüfen möchte, aber nur, wenn die ersten Bedingungen nicht zutreffen. Stell dir vor, du möchtest den Hintergrund ~~schwarz~~, ~~rot~~ oder ~~gold~~ einfärben, je nachdem, ob sich der Mauszeiger im oberen, mittleren oder unteren Drittel befindet:		Manchmal gibt es mehrere Bedingungen, die man nacheinander prüfen möchte, aber nur, wenn die ersten Bedingungen nicht zutreffen. Stell dir vor, du möchtest den Hintergrund Schwarz, Rot oder Gold einfärben, je nachdem, ob sich der Mauszeiger im oberen, mittleren oder unteren Drittel befindet:

	<syntaxhighlight lang="java" line="1">		<syntaxhighlight lang="java" line="1">
Zeile 220:		Zeile 220:
	</syntaxhighlight>		</syntaxhighlight>

	Du kannst beliebig viele ''~~Bedingte~~ Anweisungen'' ineinander verschachteln. Allerdings leidet schnell die Übersichtlichkeit. Daher kannst du einen <code>else</code>-Befehl mit einer neuen <code>if</code>-Anweisung direkt verknüpfen zu einer <code>else if</code>-Anweisung:		Du kannst beliebig viele ''bedingte Anweisungen'' ineinander verschachteln. Allerdings leidet schnell die Übersichtlichkeit. Daher kannst du einen <code>else</code>-Befehl mit einer neuen <code>if</code>-Anweisung direkt verknüpfen zu einer <code>else if</code>-Anweisung:

	<syntaxhighlight lang="java" line="1">		<syntaxhighlight lang="java" line="1">
Zeile 238:		Zeile 238:
	</syntaxhighlight>		</syntaxhighlight>

	Der Quelltext wird deutlich übersichtlicher, schon bei nur zwei ''~~Bedingten~~ Anweisungen''.		Der Quelltext wird deutlich übersichtlicher, schon bei nur zwei ''bedingten Anweisungen''.

	{{Aufgabe:Start\|Icon=Processing_2021_logo.svg}}		{{Aufgabe:Start\|Icon=Processing_2021_logo.svg}}

Jneug: /* Wenn-Dann-Sonst-Wenn-Dann */

2021-12-09T22:35:28Z

Wenn-Dann-Sonst-Wenn-Dann

← Nächstältere Version		Version vom 10. Dezember 2021, 00:35 Uhr
Zeile 258:		Zeile 258:
	</syntaxhighlight>		</syntaxhighlight>
	#: Ergänzen die Vorlage so, dass bei jedem Mausklick ein neues Wort angezeigt wird. Nach "Hallo" kommt "mein", "Name", "ist", "Hase", "Tschüs". Danach geht es wieder von vorn los. (Die Auswahl der Wörter kann frei variiert werden.) Nutze dafür <code>else if</code>-Anweisungen.		#: Ergänzen die Vorlage so, dass bei jedem Mausklick ein neues Wort angezeigt wird. Nach "Hallo" kommt "mein", "Name", "ist", "Hase", "Tschüs". Danach geht es wieder von vorn los. (Die Auswahl der Wörter kann frei variiert werden.) Nutze dafür <code>else if</code>-Anweisungen.

			{{P5js\|https://editor.p5js.org/Ngb/full/SfLHlSCH6\|height=100}}
	{{Aufgabe:End}}		{{Aufgabe:End}}
	{{Lösung:Start}}		{{Lösung:Start}}
Zeile 266:		Zeile 268:
	textAlign(CENTER);		textAlign(CENTER);
	textSize(20);		textSize(20);
			fill(255);
	}		}

Zeile 288:		Zeile 291:
	text("Tschüs", width/2, height/2);		text("Tschüs", width/2, height/2);
	}		}
			}

			void mouseClicked() {
	zustand += 1;		zustand += 1;
	if( zustand == 6 ) {		if( zustand == 6 ) {

Jneug: /* Wahrheitswerte */

2021-12-09T22:33:36Z

Wahrheitswerte

← Nächstältere Version		Version vom 10. Dezember 2021, 00:33 Uhr
Zeile 198:		Zeile 198:
	{{Lösung:End}}		{{Lösung:End}}

			== Wenn-Dann-Sonst-Wenn-Dann ==

			Manchmal gibt es mehrere Bedingungen, die man nacheinander prüfen möchte, aber nur, wenn die ersten Bedingungen nicht zutreffen. Stell dir vor, du möchtest den Hintergrund schwarz, rot oder gold einfärben, je nachdem, ob sich der Mauszeiger im oberen, mittleren oder unteren Drittel befindet:

			<syntaxhighlight lang="java" line="1">
			void setup() {
			size(400, 400);
			}

			void draw() {
			if ( mouseY < 133 ) {
			background(0);
			} else {
			if( mouseY < 266 ) {
			background(255, 218, 83);
			} else {
			background(255, 38, 0);
			}
			}
			}
			</syntaxhighlight>

			Du kannst beliebig viele ''Bedingte Anweisungen'' ineinander verschachteln. Allerdings leidet schnell die Übersichtlichkeit. Daher kannst du einen <code>else</code>-Befehl mit einer neuen <code>if</code>-Anweisung direkt verknüpfen zu einer <code>else if</code>-Anweisung:

			<syntaxhighlight lang="java" line="1">
			void setup() {
			size(400, 400);
			}

			void draw() {
			if ( mouseY < 133 ) {
			background(0);
			} else if ( mouseY < 266 ) {
			background(255, 218, 83);
			} else {
			background(255, 38, 0);
			}
			}
			</syntaxhighlight>

			Der Quelltext wird deutlich übersichtlicher, schon bei nur zwei ''Bedingten Anweisungen''.

			{{Aufgabe:Start\|Icon=Processing_2021_logo.svg}}
			# Programmiere eine Textanzeige, die bei Mausklick zum nächsten Wort wechselt. Das erste Wort ist "Hallo". Nutze diese Vorlage:
			#: <syntaxhighlight lang="java" line="1">
			int zustand = 0;

			void setup() {
			textAlign(CENTER);
			textSize(20);
			}

			void draw() {
			background(0);
			if (zustand == 0) {
			text("Hallo", width/2, height/2);
			}
			}
			</syntaxhighlight>
			#: Ergänzen die Vorlage so, dass bei jedem Mausklick ein neues Wort angezeigt wird. Nach "Hallo" kommt "mein", "Name", "ist", "Hase", "Tschüs". Danach geht es wieder von vorn los. (Die Auswahl der Wörter kann frei variiert werden.) Nutze dafür <code>else if</code>-Anweisungen.
			{{Aufgabe:End}}
			{{Lösung:Start}}
			<syntaxhighlight lang="java" line="1">
			int zustand = 0;

			void setup() {
			textAlign(CENTER);
			textSize(20);
			}

			void draw() {
			background(0);
			if (zustand == 0) {
			text("Hallo", width/2, height/2);
			}
			else if (zustand == 1) {
			text("mein", width/2, height/2);
			}
			else if (zustand == 2) {
			text("Name", width/2, height/2);
			}
			else if (zustand == 3) {
			text("ist", width/2, height/2);
			}
			else if (zustand == 4) {
			text("Hase", width/2, height/2);
			}
			else if (zustand == 5) {
			text("Tschüs", width/2, height/2);
			}

			zustand += 1;
			if( zustand == 6 ) {
			zustand = 0;
			}
			}
			</syntaxhighlight>
			{{Lösung:End}}

	{{Zusatzaufgabe:Start\|Icon=Processing_2021_logo.svg}}		{{Zusatzaufgabe:Start\|Icon=Processing_2021_logo.svg}}

Jneug: /* Wenn-Dann-Sonst */

2021-12-09T21:09:24Z

Wenn-Dann-Sonst

← Nächstältere Version		Version vom 9. Dezember 2021, 23:09 Uhr
Zeile 113:		Zeile 113:
	{{Aufgabe:Start\|Icon=Processing_2021_logo.svg}}		{{Aufgabe:Start\|Icon=Processing_2021_logo.svg}}
	# Übernimm das Programm oben in {{Processing}} und probier es aus. Ergänze es dann so, dass in jedem Quadranten der Zeichenfläche eine andere Figur an der Mausposition gezeichnet wird.		# Übernimm das Programm oben in {{Processing}} und probier es aus. Ergänze es dann so, dass in jedem Quadranten der Zeichenfläche eine andere Figur an der Mausposition gezeichnet wird.
	# Programmiere ein Glücksspiel: Bei einem ~~Mausklick~~ soll eine Zufallszahl bis 100 erzeugt werden (nutze dazu {{Processing Ref\|random()}}) liegt die Zahl unter einer in einer Variablen festgelegten Schwelle, hat der Spieler gewonnen. <br/>Nutze diese Vorlage:		# Programmiere ein Glücksspiel: Bei einem Tastendruck soll eine Zufallszahl bis 100 erzeugt werden (nutze dazu {{Processing Ref\|random()}}) liegt die Zahl unter einer in einer Variablen festgelegten Schwelle, hat der Spieler gewonnen. <br/>Nutze diese Vorlage:
	#: <syntaxhighlight lang="java" line="1">		#: <syntaxhighlight lang="java" line="1">
	int gewinnChance = 20;		int gewinnChance = 20;

Jneug am 7. Dezember 2021 um 22:13 Uhr

2021-12-07T22:13:20Z

@@ Zeile 59: / Zeile 59: @@
 #: Beispielsweise gibt <code>greet("Hi", "Meier", 1)</code> die Begrüßung "Hi, Frau Meier!" aus.
 {{Aufgabe:End}}
 == Wenn-Dann-Sonst ==

Jneug: /* Vergleichsoperatoren */

2021-12-07T22:12:54Z

Vergleichsoperatoren

← Nächstältere Version		Version vom 8. Dezember 2021, 00:12 Uhr
Zeile 178:		Zeile 178:
	{{Lösung:End}}		{{Lösung:End}}

	~~== Vergleichsoperatoren ==~~

	~~Um eine ''Bedingung'' zu schrieben, brauchen wir ''Vergleichsoperatoren'', die zwei Werte vergleichen und dann einen ''Wahrheitswert'' ergeben. Folgende Operatoren kannst du zunächst verwenden:~~

	~~{\| {{prettytable}}~~
	~~"ist gleich" \|\| <code>a == b</code> \|\| Ist <code>a</code> genau gleich zu <code>b</code>.~~
	\|-
	~~"echt größer" \|\| <code>a > b</code> \|\| Ist <code>a</code> größer (aber nicht gleich) <code>b</code>.~~
	\|-
	~~"echt kleiner" \|\| <code>a < b</code> \|\| Ist <code>a</code> kleiner (aber nicht gleich) <code>b</code>.~~
	\|-
	~~"größer oder gleich" \|\| <code>a >= b</code> \|\| Ist <code>a</code> größer oder gleich <code>b</code>.~~
	\|-
	~~"kleiner oder gleich" \|\| <code>a <= b</code> \|\| Ist <code>a</code> kleiner oder gleich <code>b</code>.~~
	\|-
	~~"nicht gleich" \|\| <code>a != b</code> \|\| Ist <code>a</code> ungleich (also nicht gleich) <code>b</code>.~~
	\|}

	{{Zusatzaufgabe:Start\|Icon=Processing_2021_logo.svg}}		{{Zusatzaufgabe:Start\|Icon=Processing_2021_logo.svg}}

← Nächstältere Version		Version vom 2. Dezember 2024, 12:08 Uhr
Zeile 311:		Zeile 311:
	Wenn du das obige Gebirge geschafft hast, fügen noch einen Punkt hinzu.		Wenn du das obige Gebirge geschafft hast, fügen noch einen Punkt hinzu.

	{{P5js\|https://editor.p5js.org/Ngb/full/~~wVKnmWkuu~~\|height=400}}		{{P5js\|https://editor.p5js.org/Ngb/full/6UQK1vUZD\|height=400}}
	{{Zusatzaufgabe:End}}		{{Zusatzaufgabe:End}}
	{{Zusatzaufgabe:Start\|Icon=Processing_2021_logo.svg}}		{{Zusatzaufgabe:Start\|Sprinteraufgabe\|Icon=Processing_2021_logo.svg}}
	Mit Hilfe der {{Processing Ref\|beginShape()}} und {{Processing Ref\|vertex()}} Befehle kannst du eigene Formen definieren. Informiere ~~Dich~~ darüber, wie das funktioniert.		Mit Hilfe der {{Processing Ref\|beginShape()}} und {{Processing Ref\|vertex()}} Befehle kannst du eigene Formen definieren. Informiere dich darüber, wie das funktioniert.

	Wenn du aus dem ~~GEbirgszug~~ oben eine eigene Form machst, kannst Du den "Berg" in einer Farbe ausfüllen. Fügst du einen weiteren etwas kleineren Berg hinzu, der sich etwas schneller als der ~~erste~~ bewegt, entsteht der [[wikipedia:Bewegungsparallaxe\|Parallax-Effekt]], den du bestimmt aus Animes oder Cartoons kennst.		Wenn du aus dem Gebirgszug oben eine eigene Form machst, kannst du den "Berg" in einer Farbe ausfüllen. Fügst du einen weiteren etwas kleineren Berg hinzu, der sich etwas schneller als der Erste bewegt, entsteht der [[wikipedia:Bewegungsparallaxe\|Parallax-Effekt]], den du bestimmt aus Animes oder Cartoons kennst.

	[[File:Parallax-scroll-example.gif\|center]]		[[File:Parallax-scroll-example.gif\|center]]