Lernpfad:Einführung in Processing/9: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Arbeitsauftrag
Jneug (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Jneug (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 26: | Zeile 26: | ||
Eigentlich soll die Animation so aussehen: | Eigentlich soll die Animation so aussehen: | ||
{{P5js|https://editor.p5js.org/Ngb/full/zKqaYk1A7|height=100}} | {{P5js|https://editor.p5js.org/Ngb/full/zKqaYk1A7|height=100}} | ||
(Falls nichts zu sehen ist Leertaste drücken, damit die Animation von vorne beginnt.) | (Falls nichts zu sehen ist auf die graue Fläche klicken und dann die Leertaste drücken, damit die Animation von vorne beginnt.) | ||
Passe das Programm entsprechend an. | Passe das Programm entsprechend an. | ||
{{Aufgabe:End}} | {{Aufgabe:End}} | ||
Version vom 19. November 2021, 08:28 Uhr
Mit der Hilfe von Variablen lassen sich nun schon einfache Animationen programmieren.
Eine Animation kannst du dir wie ein Daumenkino vorstellen.
In jedem Bild (Frame) wird ein Bild erzeugt, dass kleine Änderungen zum vorherigen hat. Werden die Bilder schnell hintereinander gezeigt, entsteht der Eindruck einer Bewegung.
Probiere folgendes Beispiel aus:
int x = 0;
void draw() {
ellipse(x, 50, 20, 20);
x = x + 1;
}
Kannst du erklären, was passiert?
Eigentlich soll die Animation so aussehen:
(Falls nichts zu sehen ist auf die graue Fläche klicken und dann die Leertaste drücken, damit die Animation von vorne beginnt.)
Passe das Programm entsprechend an.