Zaimplementuj 8-kierunkową animację chodzenia postaci z duszkiem
Środowisko weryfikacyjne
- Windows
-
- Okna 11
- Edytor aparatu Unity
-
- 2020.3.25f1
- Pakiety systemu wejściowego
-
- 1.2.0
Wymagania wstępne dotyczące tej porady
Poniższe ustawienia są wstępnie skonfigurowane jako warunek wstępny wyjaśnienia tych wskazówek.
Witryna referencyjna
Informacje o animacji chodzenia w 4 kierunkach
W naszych poprzednich wskazówkach pokazaliśmy, jak zrobić animację czterokierunkowego spaceru. W tym artykule wyjaśnimy 8 kierunków, ale większość kroków jest taka sama jak animacja chodzenia w 4 kierunkach, więc wyjaśnimy tutaj tylko różnice.
Przygotowanie grafiki spacerowej
Ostatnim razem przygotowaliśmy grafiki na 4 kierunki, ale tym razem przygotujemy grafiki na 8 kierunków w następujący sposób. Dodano "Lewy dolny róg", "Prawy dolny róg", "Lewy górny róg" i "Prawy górny róg".
Jeśli chodzi o kolejność orientacji, wydaje się, że 8 kierunków nie jest tak jasno określonych w porównaniu z 4 kierunkami. Jednak poniższe formaty są stosunkowo powszechne, więc tym razem zajmiemy się tym układem.
| pod | lewy dolny róg |
| Lewy | Prawy dolny róg |
| Prawy | Lewy górny róg |
| Do góry | Prawy górny róg |
Tworzenie projektu i przygotowywanie obrazów
Tym razem postaram się stworzyć coś, co może umieścić znak i przesuwać go za pomocą kursora na klawiaturze. Ponieważ jest to 8 kierunków, jeśli poruszasz się po przekątnej, grafika będzie wyświetlana po przekątnej.
Pierwszym krokiem jest utworzenie nowego projektu 2D. Dodaj obraz postaci, który przygotowałeś dla swojego projektu.
Wybierz dodany obraz i skonfiguruj ustawienia inspektora. To ustawienie jest takie samo jak dla 4 kierunków.
Podziel obraz w edytorze sprite'ów. Liczba obrazów wzrośnie, ale zadania będą takie same.
Nie ma problemu, jeśli obraz w projekcie jest wyświetlany w następujący sposób.
Tworzenie danych animacji
To, co tutaj robisz, jest takie samo, jak animacja chodzenia w 4 kierunkach. W końcu jest OK, jeśli możesz stworzyć animację w 8 kierunkach. Należy pamiętać, że liczby na obrazku nie są zsynchronizowane z czasem w czterech kierunkach.
| Obraz ustawienia | nazwy pliku animacji |
|---|---|
| IwamaruDown | Iwamaru_0, Iwamaru_1, Iwamaru_2, Iwamaru_1 |
| IwamaruLewy | Iwamaru_6, Iwamaru_7, Iwamaru_8 Iwamaru_7 |
| IwamaruPrawo | 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 |
Upewnij się, że każdy kierunek jest prawidłowo animowany.
Ustawienia przejścia animacji
Ustawienia są takie same jak gdy jest w 4 kierunkach do środka, więc to pominę.
Po skonfigurowaniu drzewa mieszania musisz utworzyć 8 ruchów.
Ustawimy .anim dodany do projektu na 8 elementów w Ruchu.
Określ numerycznie kierunek każdej animacji.
| Kierunek | X | Y |
|---|---|---|
| pod | 0 | -1 |
| Do góry | 0 | 1 |
| Lewy | -1 | 0 |
| Prawy | 1 | 0 |
| lewy dolny róg | -1 | -1 |
| Prawy dolny róg | 1 | -1 |
| Lewy górny róg | -1 | 1 |
| Prawy górny róg | 1 | 1 |
Na tym kończy się konfiguracja animacji.
Sterowanie ruchem
Ruch odbywa się poprzez naciśnięcie na klawiaturze, dzięki czemu można utworzyć skrypt do sterowania nim. Zawartość tego skryptu jest dokładnie taka sama, jak ta utworzona w 4 kierunkach, więc proszę się do niego odnieść. Nazwa skryptu powinna brzmieć "CharacterMove".
Po utworzeniu skryptu dołącz go do obiektu znaku.
egzekucja
Na tym kończy się cały proces. Spróbuj uruchomić grę i nacisnąć kursora na klawiaturze, aby ją przesunąć. Jeśli postać porusza się w kierunku, w którym ją nacisnąłeś, a animacja chodzenia porusza się, podczas gdy grafika zmienia kierunek na kierunek, w którym patrzysz, gotowe. Tym razem obsługuje 8 kierunków, więc sprawdź, czy grafika jest również stosowana po przekątnej, gdy poruszasz się po przekątnej.