Lernpfad:Einführung in Processing/3 - Versionsgeschichte

Ngb am 19. September 2024 um 12:28 Uhr

2024-09-19T12:28:08Z

← Nächstältere Version		Version vom 19. September 2024, 14:28 Uhr
Zeile 30:		Zeile 30:
	Du siehst die Ausgabe der Summe im Textfenster unten. Verändere die Zahlen für <code>a</code> und <code>b</code> und starte das Programm erneut.		Du siehst die Ausgabe der Summe im Textfenster unten. Verändere die Zahlen für <code>a</code> und <code>b</code> und starte das Programm erneut.
	{{Hinweis\|		{{Hinweis\|
	Zeilen, die mit <code>//</code> beginnen werden von {{Processing}} ignoriert. Sie dienen als Kommentare, um das Programm besser zu verstehen. }}		Zeilen, die mit <code>//</code> beginnen, werden von {{Processing}} ignoriert. Sie dienen als Kommentare, um das Programm besser zu verstehen. }}
	Dir ist sicher aufgefallen, dass sich beim Start ein kleines Fenster geöffnet hat. {{Processing}} ist auf Grafikprogrammierung ausgelegt. In dieses Fenster kannst du mit den Befehlen von {{Processing}} zeichnen und so "grafische Algorithmen" programmieren. Hier ist ein Beispiel:		Dir ist sicher aufgefallen, dass sich beim Start ein kleines Fenster geöffnet hat. {{Processing}} ist auf Grafikprogrammierung ausgelegt. In dieses Fenster kannst du mit den Befehlen von {{Processing}} zeichnen und so "grafische Algorithmen" programmieren. Hier ist ein Beispiel:

Zeile 93:		Zeile 93:
	{{Lösung:End}}		{{Lösung:End}}
	{{Zusatzaufgabe:Start\|Icon=Processing_2021_logo.svg}}		{{Zusatzaufgabe:Start\|Icon=Processing_2021_logo.svg}}
	Modifiziere das Programm nun so, dass sich nicht die obere linke Ecke des ~~Rechteck~~ am Punkt <code>(x, y)</code> befindet, sondern das Zentrum.		Modifiziere das Programm nun so, dass sich nicht die obere linke Ecke des Rechtecks am Punkt <code>(x, y)</code> befindet, sondern das Zentrum.
	{{Zusatzaufgabe:End}}		{{Zusatzaufgabe:End}}
	{{Lösung:Start\|Lösung Zusatzaufgabe}}		{{Lösung:Start\|Lösung Zusatzaufgabe}}

Ngb am 16. September 2024 um 05:39 Uhr

2024-09-16T05:39:46Z

← Nächstältere Version		Version vom 16. September 2024, 07:39 Uhr
Zeile 31:		Zeile 31:
	{{Hinweis\|		{{Hinweis\|
	Zeilen, die mit <code>//</code> beginnen werden von {{Processing}} ignoriert. Sie dienen als Kommentare, um das Programm besser zu verstehen. }}		Zeilen, die mit <code>//</code> beginnen werden von {{Processing}} ignoriert. Sie dienen als Kommentare, um das Programm besser zu verstehen. }}
	~~Die~~ ist sicher aufgefallen, dass sich beim Start ein kleines Fenster geöffnet hat. {{Processing}} ist auf Grafikprogrammierung ausgelegt. In dieses Fenster kannst du mit den Befehlen von {{Processing}} zeichnen und so "grafische Algorithmen" programmieren. Hier ist ein Beispiel:		Dir ist sicher aufgefallen, dass sich beim Start ein kleines Fenster geöffnet hat. {{Processing}} ist auf Grafikprogrammierung ausgelegt. In dieses Fenster kannst du mit den Befehlen von {{Processing}} zeichnen und so "grafische Algorithmen" programmieren. Hier ist ein Beispiel:

	<syntaxhighlight lang="java">		<syntaxhighlight lang="java">

Ngb am 27. Juni 2024 um 06:08 Uhr

2024-06-27T06:08:56Z

@@ Zeile 90: / Zeile 90: @@
 line(x+a,y+b, x,y+b);
 line(x,y+b, x,y);
 </syntaxhighlight>
 {{Lösung:End}}

Jneug am 16. Februar 2022 um 18:51 Uhr

2022-02-16T18:51:46Z

← Nächstältere Version		Version vom 16. Februar 2022, 20:51 Uhr
Zeile 39:		Zeile 39:

	<syntaxhighlight lang="java" line="1">		<syntaxhighlight lang="java" line="1">
			// Zeichne ein Quadrat der Kantenlänge vierzig
	line(0,0, 40,0);		line(0,0, 40,0);
	line(40,0, 40,40);		line(40,0, 40,40);
Zeile 59:		Zeile 60:

	<syntaxhighlight lang="java" line="1">		<syntaxhighlight lang="java" line="1">
			// Breite / Höhe des Rechtecks
	int a = 40;		int a = 40;
	int b = 80;		int b = 80;

			// Zeichne ein Rechteck der Kantenlängen a und b
	line(0,0, a,0);		line(0,0, a,0);
	line(a,0, a,b);		line(a,0, a,b);
Zeile 74:		Zeile 77:
	{{Lösung:Start\|Lösung Zusatzaufgabe}}		{{Lösung:Start\|Lösung Zusatzaufgabe}}
	<syntaxhighlight lang="java" line="1">		<syntaxhighlight lang="java" line="1">
			// Breite / Höhe des Rechtecks
	int a = 40;		int a = 40;
	int b = 80;		int b = 80;
			// Position des Rechtecks
	int x = 10;		int x = 10;
	int y = 20;		int y = 20;

			// Zeichne ein Rechteck der Kantenlängen a und b
			// an der Position (y\|y)
	line(x,y, x+a,y);		line(x,y, x+a,y);
	line(x+a,y, x+a,y+b);		line(x+a,y, x+a,y+b);

Jneug am 16. Februar 2022 um 18:48 Uhr

2022-02-16T18:48:29Z

← Nächstältere Version		Version vom 16. Februar 2022, 20:48 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 16. Februar 2022 um 16:24 Uhr

2022-02-16T16:24:48Z

← Nächstältere Version		Version vom 16. Februar 2022, 18:24 Uhr
Zeile 16:		Zeile 16:

	<syntaxhighlight lang="java" line="1">		<syntaxhighlight lang="java" line="1">
			// Eingabe: zwei ganze Zahlen (a und b)
	int a = 5;		int a = 5;
	int b = 3;		int b = 3;

			// Ausgabe: die Summe der Zahlen
	print(a + b);		print(a + b);
	</syntaxhighlight>		</syntaxhighlight>
Zeile 27:		Zeile 29:

	Du siehst die Ausgabe der Summe im Textfenster unten. Verändere die Zahlen für <code>a</code> und <code>b</code> und starte das Programm erneut.		Du siehst die Ausgabe der Summe im Textfenster unten. Verändere die Zahlen für <code>a</code> und <code>b</code> und starte das Programm erneut.
			{{Hinweis\|
			Zeilen, die mit <code>//</code> beginnen werden von {{Processing}} ignoriert. Sie dienen als Kommentare, um das Programm besser zu verstehen. }}
	Die ist sicher aufgefallen, dass sich beim Start ein kleines Fenster geöffnet hat. {{Processing}} ist auf Grafikprogrammierung ausgelegt. In dieses Fenster kannst du mit den Befehlen von {{Processing}} zeichnen und so "grafische Algorithmen" programmieren. Hier ist ein Beispiel:		Die ist sicher aufgefallen, dass sich beim Start ein kleines Fenster geöffnet hat. {{Processing}} ist auf Grafikprogrammierung ausgelegt. In dieses Fenster kannst du mit den Befehlen von {{Processing}} zeichnen und so "grafische Algorithmen" programmieren. Hier ist ein Beispiel:

Jneug am 27. Januar 2022 um 19:27 Uhr

2022-01-27T19:27:56Z

← Nächstältere Version		Version vom 27. Januar 2022, 21:27 Uhr
Zeile 66:		Zeile 66:
	{{Lösung:End}}		{{Lösung:End}}

	{{Zusatzaufgabe:Start~~\|Sprinteraufgabe~~\|Icon=Processing_2021_logo.svg}}		{{Zusatzaufgabe:Start\|Icon=Processing_2021_logo.svg}}
	Modifiziere das Programm so, dass das Rechteck nicht oben links gezeichnet wird, sondern an der Position <code>(x, y)</code>, die auch eine Eingabe des Algorithmus ist.		Modifiziere das Programm so, dass das Rechteck nicht oben links gezeichnet wird, sondern an der Position <code>(x, y)</code>, die auch eine Eingabe des Algorithmus ist.
	{{Zusatzaufgabe:End}}		{{Zusatzaufgabe:End}}
	{{Lösung:Start\|Lösung ~~Sprinteraufgabe~~}}		{{Lösung:Start\|Lösung Zusatzaufgabe}}
	<syntaxhighlight lang="java" line="1">		<syntaxhighlight lang="java" line="1">
	int a = 40;		int a = 40;

Jneug am 27. Januar 2022 um 19:23 Uhr

2022-01-27T19:23:46Z

← Nächstältere Version		Version vom 27. Januar 2022, 21:23 Uhr
Zeile 69:		Zeile 69:
	Modifiziere das Programm so, dass das Rechteck nicht oben links gezeichnet wird, sondern an der Position <code>(x, y)</code>, die auch eine Eingabe des Algorithmus ist.		Modifiziere das Programm so, dass das Rechteck nicht oben links gezeichnet wird, sondern an der Position <code>(x, y)</code>, die auch eine Eingabe des Algorithmus ist.
	{{Zusatzaufgabe:End}}		{{Zusatzaufgabe:End}}
	{{Lösung:Start\|Lösung ~~Zusatzaufgabe~~}}		{{Lösung:Start\|Lösung Sprinteraufgabe}}
	<syntaxhighlight lang="java" line="1">		<syntaxhighlight lang="java" line="1">
	int a = 40;		int a = 40;

Jneug am 27. Januar 2022 um 19:22 Uhr

2022-01-27T19:22:58Z

← Nächstältere Version		Version vom 27. Januar 2022, 21:22 Uhr
Zeile 66:		Zeile 66:
	{{Lösung:End}}		{{Lösung:End}}

	{{Zusatzaufgabe:Start\|~~Freiwillige Zusatzaufgabe~~\|Icon=Processing_2021_logo.svg}}		{{Zusatzaufgabe:Start\|Sprinteraufgabe\|Icon=Processing_2021_logo.svg}}
	Modifiziere das Programm so, dass das Rechteck nicht oben links gezeichnet wird, sondern an der Position <code>(x, y)</code>, die auch eine Eingabe des Algorithmus ist.		Modifiziere das Programm so, dass das Rechteck nicht oben links gezeichnet wird, sondern an der Position <code>(x, y)</code>, die auch eine Eingabe des Algorithmus ist.
	{{Zusatzaufgabe:End}}		{{Zusatzaufgabe:End}}

Jneug am 21. November 2021 um 20:19 Uhr

2021-11-21T20:19:39Z

← Nächstältere Version		Version vom 21. November 2021, 22:19 Uhr
Zeile 8:		Zeile 8:
	Wir definieren einen Algorithmus durch seine Eingabe und die erwartete Ausgabe. Zum Beispiel		Wir definieren einen Algorithmus durch seine Eingabe und die erwartete Ausgabe. Zum Beispiel

	<~~pre~~>		<syntaxhighlight lang="java">
	Eingabe: zwei ganze Zahlen (a und b)		Eingabe: zwei ganze Zahlen (a und b)
	Ausgabe: die Summe der Zahlen		Ausgabe: die Summe der Zahlen
	</~~pre~~>		</syntaxhighlight>

	Dieser Algorithmus lässt sich in einer ersten Version in {{Processing}} so programmieren:		Dieser Algorithmus lässt sich in einer ersten Version in {{Processing}} so programmieren:
Zeile 30:		Zeile 30:
	Die ist sicher aufgefallen, dass sich beim Start ein kleines Fenster geöffnet hat. {{Processing}} ist auf Grafikprogrammierung ausgelegt. In dieses Fenster kannst du mit den Befehlen von {{Processing}} zeichnen und so "grafische Algorithmen" programmieren. Hier ist ein Beispiel:		Die ist sicher aufgefallen, dass sich beim Start ein kleines Fenster geöffnet hat. {{Processing}} ist auf Grafikprogrammierung ausgelegt. In dieses Fenster kannst du mit den Befehlen von {{Processing}} zeichnen und so "grafische Algorithmen" programmieren. Hier ist ein Beispiel:

	<~~pre~~>		<syntaxhighlight lang="java">
	Eingabe: keine		Eingabe: keine
	Ausgabe: Zeichne ein Quadrat der Kantenlänge vierzig		Ausgabe: Zeichne ein Quadrat der Kantenlänge vierzig
	</~~pre~~>		</syntaxhighlight>

	<syntaxhighlight lang="java" line="1">		<syntaxhighlight lang="java" line="1">
Zeile 45:		Zeile 45:
	# Probier den Algorithmus in {{Processing}} aus.		# Probier den Algorithmus in {{Processing}} aus.
	# Mach dir klar, was die Zahlen in den <code>line</code>-Befehlen bedeuten. Wofür stehen die Zahlenpaare?		# Mach dir klar, was die Zahlen in den <code>line</code>-Befehlen bedeuten. Wofür stehen die Zahlenpaare?
	# Erstelle einen Algorithmus zu dieser Definition:		# Erstelle einen Algorithmus zu dieser Definition: <syntaxhighlight lang="java">
	<~~pre~~>Eingabe: zwei Zahlen		Eingabe: zwei Zahlen
	Ausgabe: ein Rechteck mit den angegebenen Kantenlängen</~~pre~~>		Ausgabe: ein Rechteck mit den angegebenen Kantenlängen
			</syntaxhighlight>
	{{Aufgabe:End}}		{{Aufgabe:End}}
	{{Lösung:Start}}		{{Lösung:Start}}