Implementa l'animazione di camminata del personaggio sprite a 8 direzioni

Pagina aggiornata :
Data di creazione della pagina :

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.

del
Immagine di impostazionenome 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 XY
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.