8.581
Bearbeitungen
Lernpfad:Einführung in Processing/13: Unterschied zwischen den Versionen
Lernpfad:Einführung in Processing/13 (Quelltext anzeigen)
Version vom 11. Februar 2022, 23:30 Uhr
, 23:30, 11. Feb. 2022keine Bearbeitungszusammenfassung
Jneug (Diskussion | Beiträge) |
Jneug (Diskussion | Beiträge) KKeine Bearbeitungszusammenfassung |
||
| Zeile 45: | Zeile 45: | ||
{{Aufgabe:Start}} | {{Aufgabe:Start}} | ||
Kopiere das Programm nach {{Processing}} und probiere es | Kopiere das Programm nach {{Processing}} und probiere es mithilfe des ''Debuggers'' aus. | ||
Klicke dazu den runden grauen Button oben rechts an (der etwas aussieht wie ein Käfer). {{Processing}} wechselt in den Debug-Modus. Nun kannst du das Programm ''schrittweise'' ablaufen lassen. Markiere dazu Zeile 4 als ''Breakpoint'', indem du links auf die Zeilennummer klickst (die Nummer wird zu einem "Diamanten"). Wenn du | Klicke dazu den runden grauen Button oben rechts an (der etwas aussieht wie ein Käfer). {{Processing}} wechselt in den Debug-Modus. Nun kannst du das Programm ''schrittweise'' ablaufen lassen. Markiere dazu Zeile 4 als ''Breakpoint'', indem du links auf die Zeilennummer klickst (die Nummer wird zu einem "Diamanten"). Wenn du jetzt das Programm startest, stoppt die Ausführung in Zeile 5 und zeigt dir im ''Debug-Fenster'' die Werte aller Variablen an. | ||
Klicke nun den ''Weiter'' Button mehrmals und beobachte die Veränderung der Werte im kleinen ''Debug-Fenster''. | Klicke nun den ''Weiter'' Button mehrmals und beobachte die Veränderung der Werte im kleinen ''Debug-Fenster''. | ||
| Zeile 55: | Zeile 55: | ||
# Gib alle geraden Zahlen von 2 bis 100 auf der Konsole aus. | # Gib alle geraden Zahlen von 2 bis 100 auf der Konsole aus. | ||
# Zeichnen drei Quadrate nebeneinander. Das Erste liegt bei <code>(10, 40)</code> und ist 20x20 Pixel groß. Das nächste liegt mit 10 Pixeln Abstand rechts daneben, das dritte wieder 10 Pixel rechts davon. | # Zeichnen drei Quadrate nebeneinander. Das Erste liegt bei <code>(10, 40)</code> und ist 20x20 Pixel groß. Das nächste liegt mit 10 Pixeln Abstand rechts daneben, das dritte wieder 10 Pixel rechts davon. | ||
#: Verwende eine | #: Verwende eine <code>while</code>-Schleife, sodass mit einer kleinen Änderung auch 5 oder 2 Quadrate gezeichnet werden können. | ||
{{Aufgabe:End}} | {{Aufgabe:End}} | ||
{{Lösung:Start}} | {{Lösung:Start}} | ||
| Zeile 68: | Zeile 68: | ||
== Zählschleifen == | == Zählschleifen == | ||
Die Aufgaben oben haben alle einen ähnlichen Aufbau: Sie zählen in einer Variable von einem ''Anfangswert'' bis zu einem ''Zielwert'' mit einer festgelegten ''Schrittweite''. Da diese Art der Schleife beim Programmieren | Die Aufgaben oben haben alle einen ähnlichen Aufbau: Sie zählen in einer Variable von einem ''Anfangswert'' bis zu einem ''Zielwert'' mit einer festgelegten ''Schrittweite''. Da diese Art der Schleife beim Programmieren regelmäßig vorkommt, gibt es dafür ein eigenes Konstrukt: die ''Zählschleife''. | ||
Eine Zählschleife (oder auch <code>for</code>-Schleife) bringt alle drei Teile zusammen: | Eine Zählschleife (oder auch <code>for</code>-Schleife) bringt alle drei Teile zusammen: | ||