8.581
Bearbeitungen
Lernpfad:Einführung in Processing/16: Unterschied zwischen den Versionen
Lernpfad:Einführung in Processing/16 (Quelltext anzeigen)
Version vom 8. Februar 2022, 22:34 Uhr
, 22:34, 8. Feb. 2022keine Bearbeitungszusammenfassung
Jneug (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Jneug (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 13: | Zeile 13: | ||
Du siehst eine Funktion <code>dot</code> und zwei Reiter: <code>tixy</code> und <code>canvas</code>. <code>canvas</code> soll nicht verändert werden, sondern nur die <code>dot</code> Funktion. | Du siehst eine Funktion <code>dot</code> und zwei Reiter: <code>tixy</code> und <code>canvas</code>. <code>canvas</code> soll nicht verändert werden, sondern nur die <code>dot</code> Funktion. | ||
Starte das Programm und schau dir das Ergebnis an. Lösche dann die Zeile <code>return x%4 - y%4</code> und entferne | Starte das Programm und schau dir das Ergebnis an. Lösche dann die Zeile <code>return x%4 - y%4</code> und entferne die Zeichen <code>//</code> aus der Zeile darüber. Studiere erneut das Ergebnis. | ||
{{Hinweis| | |||
Die Zeichen <code>//</code> markieren eine Zeile als ''Kommentar''. Kommentarzeilen werden bei der Ausführung ignoriert.}} | |||
Das Programm arbeitet nach einem einfachen Prinzip: | Das Programm arbeitet nach einem einfachen Prinzip: | ||
| Zeile 25: | Zeile 27: | ||
# <code>t</code> ist die Zeit, die das Programm läuft in Sekunden. | # <code>t</code> ist die Zeit, die das Programm läuft in Sekunden. | ||
# <code>i</code> ist die Nummer des Kreises. Es gibt 16 Reichen und 16 Spalten. Der Kreis oben links hat die Nummer <code>0</code>, der Kreis links daneben <code>1</code>, und so weiter bis Nummer <code>255</code> unten rechts. | # <code>i</code> ist die Nummer des Kreises. Es gibt 16 Reichen und 16 Spalten. Der Kreis oben links hat die Nummer <code>0</code>, der Kreis links daneben <code>1</code>, und so weiter bis Nummer <code>255</code> unten rechts. | ||
# <code>x</code> | # <code>x</code> ist die Spaltennummer des Kreises (von <code>0</code> bis <code>15</code>). | ||
# <code>y</code> | # <code>y</code> ist die Zeilennummer des Kreises (von <code>0</code> bis <code>15</code>). | ||
{{Aufgabe:Start}} | {{Aufgabe:Start}} | ||
Experimentiere mit der <code>dot</code>-Methode und versuche spannende Muster und Animationen zu erzeugen. | Experimentiere mit der <code>dot</code>-Methode und versuche spannende Muster und Animationen zu erzeugen. | ||
{{Aufgabe:End}} | {{Aufgabe:End}} | ||
{{Hinweis| | {{Hinweis| | ||
Du kannst Funktionen | Du kannst Funktionen wie {{Processing Ref|sin()}}, {{Processing Ref|cos()}}, {{Processing Ref|tan()}}, [https://processing.org/reference/#math usw.] verwenden.}} | ||
=== Beispiele für interessante Animationen === | === Beispiele für interessante Animationen === | ||