Implementieren Sie eine 8-Wege-Sprite-Animation für die Figurenwanderung

Diese Seite wurde aktualisiert :
Erstellungsdatum der Seite :

Verifikations-Umgebung

Fenster
  • Windows 11
Unity-Editor
  • 2020.3.25f1
Eingabesystem-Pakete
  • 1.2.0

Voraussetzungen für diesen Tipp

Die folgenden Einstellungen sind als Voraussetzung für die Erläuterung dieser Tipps vorkonfiguriert.

Referenz-Website

Über die 4-Wege-Walking-Animation

Wir haben Ihnen in unseren vorherigen Tipps gezeigt, wie Sie eine Vier-Wege-Gehanimation erstellen. In diesem Artikel werden wir die 8 Richtungen erklären, aber die meisten Schritte sind die gleichen wie bei der 4-Wege-Gehanimation, daher werden wir hier nur die Unterschiede erklären.

Erstellung von Gehgrafiken

Letztes Mal haben wir Grafiken für 4 Richtungen vorbereitet, aber dieses Mal werden wir Grafiken für 8 Richtungen wie folgt vorbereiten. "Unten links", "Unten rechts", "Oben links" und "Oben rechts" wurden hinzugefügt.

Was die Reihenfolge der Orientierung betrifft, so scheint es, dass die 8 Richtungen im Vergleich zu den 4 Richtungen nicht so klar bestimmt sind. Die folgenden Formate sind jedoch relativ gebräuchlich, daher werden wir dieses Mal mit dieser Anordnung fortfahren.

unter Unten links
Links Unten rechts
Rechts Oben links
Nach oben Oben rechts

Erstellen eines Projekts und Vorbereiten von Images

Dieses Mal werde ich versuchen, etwas zu erstellen, das ein Zeichen platzieren und mit den Cursortasten auf der Tastatur bewegen kann. Da es sich um 8 Richtungen handelt, werden die Grafiken diagonal angezeigt, wenn Sie sich diagonal bewegen.

Der erste Schritt besteht darin, ein neues 2D-Projekt zu erstellen. Fügen Sie das Charakterbild hinzu, das Sie für Ihr Projekt vorbereitet haben.

Wählen Sie das hinzugefügte Bild aus und konfigurieren Sie die Inspektoreinstellungen. Diese Einstellung ist die gleiche wie bei 4 Richtungen.

Teilen Sie das Bild im Sprite-Editor. Die Anzahl der Bilder wird zunehmen, aber die Aufgaben bleiben die gleichen.

Es ist in Ordnung, wenn das Bild im Projekt wie folgt angezeigt wird.

Erstellen von Animationsdaten

Was Sie hier tun, ist das Gleiche wie bei der 4-Wege-Gehanimation. Am Ende ist es in Ordnung, wenn Sie eine Animation in 8 Richtungen erstellen können. Bitte beachten Sie, dass die Zahlen im Bild nicht mit der Zeit in den vier Richtungen synchronisiert sind.

des
Bild zum FestlegenAnimationsdateinamens
IwamaruDaunen Iwamaru_0, Iwamaru_1, Iwamaru_2, Iwamaru_1
IwamaruLinks Iwamaru_6, Iwamaru_7, Iwamaru_8, Iwamaru_7
IwamaruRichtig Iwamaru_12, Iwamaru_13, Iwamaru_14, Iwamaru_13
IwamaruUp Iwamaru_18, Iwamaru_19, Iwamaru_20, Iwamaru_19
IwamaruLeftDown Iwamaru_3, Iwamaru_4, Iwamaru_5, Iwamaru_4
IwamaruRightDown Iwamaru_9, Iwamaru_10, Iwamaru_11, Iwamaru_10
IwamaruLeftUp Iwamaru_15, Iwamaru_16, Iwamaru_17, Iwamaru_16
IwamaruRightUp Iwamaru_21, Iwamaru_22, Iwamaru_23, Iwamaru_22

Stellen Sie sicher, dass jede Richtung korrekt animiert wird.

Einstellungen für Animationsübergänge

Die Einstellungen sind die gleichen, wie wenn es in 4 Richtungen bis zur Mitte ist, also lasse ich es weg.

Sobald du den Überblendungsbaum eingerichtet hast, musst du 8 Bewegungen erstellen.

Wir setzen die .anim-Datei, die dem Projekt hinzugefügt wurde, auf die 8 Elemente in Motion.

Geben Sie die Richtung der einzelnen Animationen numerisch an.

Richtung XY
unter 0 -1
Nach oben 0 1
Links -1 0
Rechts 1 0
Unten links -1 -1
Unten rechts 1 -1
Oben links -1 1
Oben rechts 1 1

Damit ist die Einrichtung der Animation abgeschlossen.

Bewegungssteuerung

Die Bewegung erfolgt durch Drücken einer Taste auf der Tastatur, sodass Sie ein Skript erstellen können, um sie zu steuern. Der Inhalt dieses Skripts ist genau derselbe wie der, der in den 4 Richtungen erstellt wurde, also beziehen Sie sich bitte darauf. Der Name des Skripts sollte "CharacterMove" lauten.

Nachdem Sie das Skript erstellt haben, hängen Sie es an das Charakterobjekt an.

Ausführung

Damit ist der gesamte Prozess abgeschlossen. Versuchen Sie, das Spiel auszuführen und die Cursortasten auf Ihrer Tastatur zu drücken, um es zu bewegen. Wenn sich die Figur in die Richtung bewegt, in die Sie sie gedrückt haben, und sich die Laufanimation bewegt, während die Grafik die Richtung ändert, in die Sie blicken, sind Sie fertig. Dieses Mal unterstützt es 8 Richtungen, also prüfen Sie bitte, ob die Grafik auch diagonal angewendet wird, wenn Sie sich diagonal bewegen.