Implementieren Sie eine 8-Wege-Sprite-Animation für die Figurenwanderung
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 Festlegen | Animationsdateinamens |
|---|---|
| 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 | X | Y |
|---|---|---|
| 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.