Implementa l'animazione di camminata del personaggio sprite a 8 direzioni
Ambiente di verifica
- Finestre
-
- finestre 11
- Unity Editor
-
- 2020.3.25f1
- Pacchetti del sistema di input
-
- 1.2.0
Prerequisiti per questo suggerimento
Le seguenti impostazioni sono preconfigurate come prerequisito per la spiegazione di questi suggerimenti.
Sito di riferimento
Informazioni sull'animazione a piedi a 4 vie
Ti abbiamo mostrato come eseguire un'animazione di camminata a quattro vie nei nostri suggerimenti precedenti. In questo articolo spiegheremo le 8 direzioni, ma la maggior parte dei passaggi sono gli stessi dell'animazione della camminata a 4 vie, quindi spiegheremo solo le differenze qui.
Preparazione della grafica a piedi
L'ultima volta abbiamo preparato la grafica per 4 direzioni, ma questa volta prepareremo la grafica per 8 direzioni come segue. Sono stati aggiunti "In basso a sinistra", "In basso a destra", "In alto a sinistra" e "In alto a destra".
Per quanto riguarda l'ordine di orientamento, sembra che le 8 direzioni non siano così chiaramente determinate rispetto alle 4 direzioni. Tuttavia, i seguenti formati sono relativamente comuni, quindi questa volta procederemo con questa disposizione.
sotto | in basso a sinistra |
A sinistra | In basso a destra |
A destra | In alto a sinistra |
In alto | In alto a destra |
Creare un progetto e preparare le immagini
Questa volta, cercherò di creare qualcosa che possa posizionare un personaggio e spostarlo con i tasti cursore sulla tastiera. Poiché si tratta di 8 direzioni, se ci si sposta in diagonale, la grafica verrà visualizzata con orientamento diagonale.
Il primo passo consiste nel creare un nuovo progetto 2D. Aggiungi l'immagine del personaggio che hai preparato per il tuo progetto.
Seleziona l'immagine che hai aggiunto e configura le impostazioni dell'ispettore. Questa impostazione è la stessa di 4 direzioni.
Dividi l'immagine nell'editor sprite. Il numero di immagini aumenterà, ma le attività saranno le stesse.
Va bene se l'immagine nel progetto viene visualizzata come segue.
Creazione di dati di animazione
Quello che fai qui è lo stesso dell'animazione della camminata a 4 vie. Alla fine, va bene se puoi creare un'animazione in 8 direzioni. Si prega di notare che i numeri nell'immagine non sono sincronizzati con l'ora nelle quattro direzioni.
delImmagine di impostazione | nome del file di animazione |
---|---|
IwamaruDown | Iwamaru_0, Iwamaru_1, Iwamaru_2, Iwamaru_1 |
IwamaruSinistra | Iwamaru_6, Iwamaru_7, Iwamaru_8, Iwamaru_7 |
IwamaruDestra | 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 |
Accertatevi che ogni direzione venga animata correttamente.
Impostazioni di transizione dell'animazione
Le impostazioni sono le stesse di quando è in 4 direzioni fino al centro, quindi lo ometterò.
Una volta impostato l'albero di fusione, dovrai creare 8 movimenti.
Imposteremo il file .anim aggiunto al progetto sugli 8 elementi in Motion.
Specificare numericamente la direzione di ogni animazione.
Direzione | X | Y |
---|---|---|
sotto | 0 | -1 |
In alto | 0 | 1 |
A sinistra | -1 | 0 |
A destra | 1 | 0 |
in basso a sinistra | -1 | -1 |
In basso a destra | 1 | -1 |
In alto a sinistra | -1 | 1 |
In alto a destra | 1 | 1 |
In questo modo si completa l'impostazione dell'animazione.
Controllo del movimento
Il movimento viene eseguito premendo un tasto sulla tastiera, in modo da poter creare uno script per controllarlo. Il contenuto di questo script è esattamente lo stesso di quello creato nelle 4 direzioni, quindi si prega di fare riferimento ad esso. Il nome dello script deve essere "CharacterMove".
Una volta creato lo script, allegalo all'oggetto carattere.
esecuzione
Questo completa l'intero processo. Prova a eseguire il gioco e a premere i tasti cursore sulla tastiera per spostarlo. Se il personaggio si sposta nella direzione in cui è stato premuto e l'animazione di camminata si sposta mentre l'elemento grafico cambia direzione nella direzione in cui sei rivolto, il gioco è fatto. Questa volta supporta 8 direzioni, quindi controlla se la grafica viene applicata anche in diagonale quando ti muovi in diagonale.