Lernpfad:Einführung in Processing/6 - Versionsgeschichte

Jneug am 16. Februar 2022 um 19:29 Uhr

2022-02-16T19:29:52Z

← Nächstältere Version		Version vom 16. Februar 2022, 21:29 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 27. Januar 2022 um 19:40 Uhr

2022-01-27T19:40:38Z

← Nächstältere Version		Version vom 27. Januar 2022, 21:40 Uhr
Zeile 59:		Zeile 59:

	[[Bild:Processing_PAP_AktiverModus.png\|right\|100px]]		[[Bild:Processing_PAP_AktiverModus.png\|right\|100px]]
	Im aktiven Modus wird das Programm nicht mehr einfach nur "von oben nach unten" ausgeführt. ~~Statt dessen~~ werden zunächst einmal alle Befehle in den geschweiften Klammern (<code>{ }</code>) von <code>setup()</code> ausgeführt und dann ''immer wieder'' alle innerhalb der von <code>draw()</code>. Das Programm endet erst, wenn du den {{Taste\|STOP}} Knopf betätigst.		Im aktiven Modus wird das Programm nicht mehr einfach nur "von oben nach unten" ausgeführt. Stattdessen werden zunächst einmal alle Befehle in den geschweiften Klammern (<code>{ }</code>) von <code>setup()</code> ausgeführt und dann ''immer wieder'' alle innerhalb der von <code>draw()</code>. Das Programm endet erst, wenn du den {{Taste\|STOP}} Knopf betätigst.

	{{Clearfix}}		{{Clearfix}}

Jneug am 27. Januar 2022 um 19:38 Uhr

2022-01-27T19:38:40Z

← Nächstältere Version		Version vom 27. Januar 2022, 21:38 Uhr
Zeile 16:		Zeile 16:
	println("3");		println("3");
	</syntaxhighlight>		</syntaxhighlight>
			<pre class="output">
			1
			2
			3
			</pre>
	Wurden alle Befehle abgearbeitet (wenn es unten "angekommen" ist), dann endet das Programm. Nun ändert sich nichts mehr. Ein Klick auf die Zeichenfläche oder ein Tastendruck können vom Programm nicht mehr erkannt werden.		Wurden alle Befehle abgearbeitet (wenn es unten "angekommen" ist), dann endet das Programm. Nun ändert sich nichts mehr. Ein Klick auf die Zeichenfläche oder ein Tastendruck können vom Programm nicht mehr erkannt werden.

Jneug am 20. November 2021 um 06:17 Uhr

2021-11-20T06:17:34Z

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

			{{Tldr:Start\|Was du in diesem Schritt lernst\|Icon=Icon Chalk board.png}}
			* ''Statischer'' und ''aktiver'' Modus.
			* ''Blöcke'' von Befehlen.
			{{Tldr:End}}

	{{Processing}} besitzt zwei verschiedene Modi, in denen ein Programm ablaufen kann.		{{Processing}} besitzt zwei verschiedene Modi, in denen ein Programm ablaufen kann.

Jneug: /* Aktiver Modus */

2021-11-05T09:49:26Z

Aktiver Modus

← Nächstältere Version		Version vom 5. November 2021, 11:49 Uhr
Zeile 45:		Zeile 45:

	Kannst du erkennen, wie der aktive Modus funktioniert? Welche Aufgabe haben <code>setup()</code> und <code>draw()</code>? (Du kannst dich auch an den Namen orientieren.)		Kannst du erkennen, wie der aktive Modus funktioniert? Welche Aufgabe haben <code>setup()</code> und <code>draw()</code>? (Du kannst dich auch an den Namen orientieren.)

			'''Tipp:''' Falls du das Gefühl hast, dass nichts passiert, dann scroll im Ausgabefenster unten mal nach oben.
	{{Aufgabe:End}}		{{Aufgabe:End}}

Jneug am 5. November 2021 um 09:48 Uhr

2021-11-05T09:48:45Z

← Nächstältere Version		Version vom 5. November 2021, 11:48 Uhr
Zeile 50:		Zeile 50:
	Im aktiven Modus wird das Programm nicht mehr einfach nur "von oben nach unten" ausgeführt. Statt dessen werden zunächst einmal alle Befehle in den geschweiften Klammern (<code>{ }</code>) von <code>setup()</code> ausgeführt und dann ''immer wieder'' alle innerhalb der von <code>draw()</code>. Das Programm endet erst, wenn du den {{Taste\|STOP}} Knopf betätigst.		Im aktiven Modus wird das Programm nicht mehr einfach nur "von oben nach unten" ausgeführt. Statt dessen werden zunächst einmal alle Befehle in den geschweiften Klammern (<code>{ }</code>) von <code>setup()</code> ausgeführt und dann ''immer wieder'' alle innerhalb der von <code>draw()</code>. Das Programm endet erst, wenn du den {{Taste\|STOP}} Knopf betätigst.

			{{Clearfix}}
	{{Hinweis\|Die geschweiften Klammern markieren einen ''Block'': einen zusammengehörenden Programmabschnitt.}}		{{Hinweis\|Die geschweiften Klammern markieren einen ''Block'': einen zusammengehörenden Programmabschnitt.}}

Jneug: /* Aktiver Modus */

2021-11-05T09:47:52Z

Aktiver Modus

← Nächstältere Version		Version vom 5. November 2021, 11:47 Uhr
Zeile 17:		Zeile 17:

	== Aktiver Modus ==		== Aktiver Modus ==
	~~[[Bild:Processing_PAP_AktiverModus.png\|right\|100px]]~~
	Der ''aktive Modus'' ist etwas komplizierter, aber dafür sind hier Interaktionen mit dem Programm möglich und deine Zeichnungen können zum Beispiel animiert (also bewegt) werden.		Der ''aktive Modus'' ist etwas komplizierter, aber dafür sind hier Interaktionen mit dem Programm möglich und deine Zeichnungen können zum Beispiel animiert (also bewegt) werden.

Zeile 48:		Zeile 47:
	{{Aufgabe:End}}		{{Aufgabe:End}}

			[[Bild:Processing_PAP_AktiverModus.png\|right\|100px]]
	Im aktiven Modus wird das Programm nicht mehr einfach nur "von oben nach unten" ausgeführt. Statt dessen werden zunächst einmal alle Befehle in den geschweiften Klammern (<code>{ }</code>) von <code>setup()</code> ausgeführt und dann ''immer wieder'' alle innerhalb der von <code>draw()</code>. Das Programm endet erst, wenn du den {{Taste\|STOP}} Knopf betätigst.		Im aktiven Modus wird das Programm nicht mehr einfach nur "von oben nach unten" ausgeführt. Statt dessen werden zunächst einmal alle Befehle in den geschweiften Klammern (<code>{ }</code>) von <code>setup()</code> ausgeführt und dann ''immer wieder'' alle innerhalb der von <code>draw()</code>. Das Programm endet erst, wenn du den {{Taste\|STOP}} Knopf betätigst.

Jneug am 4. November 2021 um 20:34 Uhr

2021-11-04T20:34:34Z

← Nächstältere Version		Version vom 4. November 2021, 22:34 Uhr
Zeile 70:		Zeile 70:

	{{Warnung\|Der statische und der aktive Modus sollten nicht vermischt werden! Sobald du <code>setup()</code> oder <code>draw()</code> benutzt, sollten alle Befehle innerhalb der geschweiften Klammern stehen.}}		{{Warnung\|Der statische und der aktive Modus sollten nicht vermischt werden! Sobald du <code>setup()</code> oder <code>draw()</code> benutzt, sollten alle Befehle innerhalb der geschweiften Klammern stehen.}}

	~~== Interaktionen ==~~

	~~Im aktiven Modus sind nun Interaktionen sehr leicht umsetzbar.~~

	~~{{Aufgabe:Start\|Icon=Processing_2021_logo.svg}}~~
	~~# Studiere das folgende Programm, probier es dann aus und erkläre seine Funktionsweise.~~
	~~#: <syntaxhighlight lang="java" lines="1">~~
	~~void setup() {~~
	~~size(200,200);~~
	}

	~~void draw() {~~
	~~circle(mouseX, mouseY, 20);~~
	}
	~~</syntaxhighlight>~~
	~~# Ergänze den Befehl <code>background(200);</code> in <code>draw()</code> vor <code>circle()</code>. Erkläre die Veränderung des Programms.~~
	~~# Verschiebe den <code>background()</code> Befehl hinter <code>circle()</code>. Deckt sich deine Beobachtung mit deiner Vermutung?~~
	~~{{Aufgabe:End}}~~

	~~<p5js height="300">https://preview.p5js.org/Ngb/embed/pXnhhpMqM</p5js>~~

	~~== Übungsaufgaben ==~~
	~~{{Aufgabe:Start\|Icon=Processing_2021_logo.svg}}~~
	-
	~~{{Aufgabe:End}}~~

Jneug am 4. November 2021 um 20:33 Uhr

2021-11-04T20:33:52Z

← Nächstältere Version		Version vom 4. November 2021, 22:33 Uhr
Zeile 4:		Zeile 4:

	== Statischer Modus ==		== Statischer Modus ==
	[[Bild:Processing_PAP_StatischerModus.png\|right\|~~200px~~]]		[[Bild:Processing_PAP_StatischerModus.png\|right\|100px]]
	Im ''statischen Modus'' werden die Befehle im Programmfenster der Reihe nach (von oben nach unten) abgearbeitet. Beispielsweise:		Im ''statischen Modus'' werden die Befehle im Programmfenster der Reihe nach (von oben nach unten) abgearbeitet. Beispielsweise:
	<syntaxhighlight lang="java" lines="1">		<syntaxhighlight lang="java" lines="1">
Zeile 17:		Zeile 17:

	== Aktiver Modus ==		== Aktiver Modus ==
	[[Bild:Processing_PAP_AktiverModus.png\|right\|~~200px~~]]		[[Bild:Processing_PAP_AktiverModus.png\|right\|100px]]
	Der ''aktive Modus'' ist etwas komplizierter, aber dafür sind hier Interaktionen mit dem Programm möglich und deine Zeichnungen können zum Beispiel animiert (also bewegt) werden.		Der ''aktive Modus'' ist etwas komplizierter, aber dafür sind hier Interaktionen mit dem Programm möglich und deine Zeichnungen können zum Beispiel animiert (also bewegt) werden.

Jneug am 4. November 2021 um 20:33 Uhr

2021-11-04T20:33:23Z

← Nächstältere Version		Version vom 4. November 2021, 22:33 Uhr
Zeile 4:		Zeile 4:

	== Statischer Modus ==		== Statischer Modus ==
	[[Bild:Processing_PAP_StatischerModus.png\|right]]		[[Bild:Processing_PAP_StatischerModus.png\|right\|200px]]
	Im ''statischen Modus'' werden die Befehle im Programmfenster der Reihe nach (von oben nach unten) abgearbeitet. Beispielsweise:		Im ''statischen Modus'' werden die Befehle im Programmfenster der Reihe nach (von oben nach unten) abgearbeitet. Beispielsweise:
	<syntaxhighlight lang="java" lines="1">		<syntaxhighlight lang="java" lines="1">