P5 JS - wie erstelle ich eine bewegte Animation?
Liebe gutefragler :) ,
ich möchte gerne in p5 js ein Spiel erstellen. Es soll ein Vogel hoch fliegen sobald ich die Leertaste drücke. Ich für die Animation die entsprechenden Bilder.
Wie nennt man nun die Animation der einzelnen Bilder? Wäre nett wenn mir jemand weiterhelfen könnt, damit ich hier für ein Tutorial finden könnte.
Vielen dank im Voraus.
1 Antwort
Du suchst nach einem animierten Sprite?
Diese werden üblicherweise über eine Spritemap (Beispiel) und einen Zustandsautomat umgesetzt. Jedem Zustand wird ein Ausschnitt der Map zugeordnet. Bei einer Zustandsänderung ändert sich einfach nur die Position / der Ausschnitt des Bildes, der gezeigt werden soll.
Hier findest du sogar ein Beispiel mit p5.js dazu: https://editor.p5js.org/codingtrain/sketches/vhnFx1mml