Animationen¶
Einführung¶
Das Animationssystem von Godot ist extrem leistungsstark und flexibel.
Beginnen wir mit der Szene aus der vorherigen Anleitung (Begrüßungsbildschirm). Das Ziel besteht darin, dem Begrüßungsbild eine "Einblend"-Animation hinzuzufügen. Hier ist eine Kopie für alle Fälle: robisplash.zip
.
Hinzufügen eines Animationsplayers¶
Füge der Szene zunächst einen AnimationPlayer - Node als Kind von "background" (dem Wurzel-Node) hinzu:

Wenn ein Node dieses Typs ausgewählt wird, wird der Animationseditor angezeigt:

Der Animationseditor bleibt sichtbar, bis er manuell ausgeblendet wird.
Erstellen einer Animation¶
Es ist Zeit eine neue Animation zu erstellen! Drücken Sie die „Neue Animation“-Schaltfläche und benennen die Animation „Intro“, wenn der Dialog angezeigt wird.


Jetzt, da wir eine Animation haben, wechselt der Eigenschafteneditor in den Modus "Animationsbearbeitung". In diesem Modus wird neben jeder Eigenschaft des Eigenschafteneditors ein Schlüsselsymbol angezeigt. In Godot kann jede Eigenschaft eines Objekts animiert werden:

Bearbeiten einer Animation¶
Das Logo erscheint oben auf dem Bildschirm.
Wählen Sie bei geöffnetem Animationseditor-Bedienfeld den Node "Logo" aus, setzen die Eigenschaft "Rect / Position" auf (118, -400)
und drücken die Schlüsselknopf neben der Eigenschaft:

Wenn das Dialogfeld angezeigt wird, vergewissern Sie sich, dass Sie eine neue Spur erstellen.
Das Schlüsselbild wird im Animationsplayer-Editor hinzugefügt:

Bewegen Sie den Editor-Mauszeiger zeitlich vorwärts, indem Sie hier klicken:

Ändere die Logo-Position zu (118, 0)
und füge erneut ein Schlüsselbild hinzu. Bei zwei Schlüsselbildern erfolgt die Animation.

Durch Drücken von "Ausgewählte Animation vom Start aus abspielen" im Animationsfenster (oder Umschalt + D auf der Tastatur), wird das Logo nach unten bewegt.

Klicken Sie auf die Schaltfläche "Automatisch beim Laden abspielen", um die Animation beim Start der Szene automatisch zu starten.

Und zum Schluss sollte die Animation beim Ausführen der Szene so aussehen:
