Implementeu l'animació de caminar personatges de sprite de 8 vies
Entorn de verificació
- Windows
-
- Finestres 11
- Editor d'unitat
-
- 25.3.2020
- Paquets del sistema d'entrada
-
- 1.2.0
Requisits previs per a aquest consell
Els següents paràmetres estan preconfigurats com a requisit previ per a l'explicació d'aquests consells.
Lloc de referència
Sobre l'animació a peu de 4 vies
Us vam mostrar com fer una animació a peu a quatre bandes en els nostres consells anteriors. En aquest article, explicarem les 8 direccions, però la majoria dels passos són els mateixos que l'animació a peu de 4 vies, de manera que només explicarem les diferències aquí.
Elaboració d'gràfics per caminar
L'última vegada, vam preparar gràfics per a 4 direccions, però aquesta vegada prepararem gràfics per a 8 direccions de la següent manera. S'han afegit "A baix a l'esquerra", "A baix a la dreta", "A dalt a l'esquerra" i "A dalt a la dreta".
Pel que fa a l'ordre d'orientació, sembla que les 8 direccions no estan tan clarament determinades en comparació amb les 4 direccions. No obstant això, els següents formats són relativament comuns, per la qual cosa procedirem amb aquesta disposició aquesta vegada.
| sota | inferior esquerra |
| Esquerra | A baix a la dreta |
| Dreta | A dalt a l'esquerra |
| cim | A dalt a la dreta |
Crear un projecte i preparar imatges
Aquesta vegada, intentaré crear alguna cosa que pugui col·locar un personatge i moure'l amb les tecles del cursor del teclat. Com que són 8 direccions, si us moveu en diagonal, els gràfics es mostraran en orientació diagonal.
El primer pas és crear un nou projecte 2D. Afegiu la imatge de personatge que heu preparat per al vostre projecte.
Seleccioneu la imatge que heu afegit i configureu la configuració de l'inspector. Aquesta configuració és la mateixa que per a 4 indicacions.
Dividiu la imatge a l'editor de personatges. El nombre d'imatges augmentarà, però les tasques seran les mateixes.
Està bé si la imatge del projecte es mostra de la següent manera.
Creació de dades d'animació
El que feu aquí és el mateix que l'animació a peu de 4 vies. Al final, està bé si podeu crear una animació en 8 direccions. Tingueu en compte que els números de la imatge no estan sincronitzats amb el temps en les quatre direccions.
| Imatge de configuració | del nom del fitxer d'animació |
|---|---|
| IwamaruDown | Iwamaru_0, Iwamaru_1, Iwamaru_2, Iwamaru_1 |
| IwamaruEsquerra | Iwamaru_6, Iwamaru_7, Iwamaru_8, Iwamaru_7 |
| IwamaruDret | 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 |
Assegureu-vos que cada direcció anima correctament.
Configuració de transició d'animació
La configuració és la mateixa que quan està en 4 direccions fins al mig, així que l'ometo.
Un cop hàgiu configurat l'arbre de mescla, haureu de crear 8 moviments.
Posarem el .anim afegit al projecte als 8 elements en moviment.
Especifiqueu numèricament la direcció de cada animació.
| Direcció | X | Y |
|---|---|---|
| sota | 0 | -1 |
| cim | 0 | 1 |
| Esquerra | -1 | 0 |
| Dreta | 1 | 0 |
| inferior esquerra | -1 | -1 |
| A baix a la dreta | 1 | -1 |
| A dalt a l'esquerra | -1 | 1 |
| A dalt a la dreta | 1 | 1 |
Això completa la configuració de l'animació.
Control del moviment
El moviment es realitza prement una tecla del teclat, de manera que podeu crear un script per controlar-lo. El contingut d'aquest script és exactament el mateix que el creat en les 4 direccions, així que si us plau referiu-vos a ell. El nom de l'script ha de ser "CharacterMove".
Un cop hagis creat l'script, adjunta'l a l'objecte caràcter.
execució
Això completa tot el procés. Proveu d'executar el joc i prémer les tecles del cursor del teclat per moure'l. Si el personatge es mou en la direcció en què l'has premut i l'animació de marxa es mou mentre el gràfic canvia de direcció cap a la direcció cap a on t'enfrontes, ja està. Aquesta vegada, admet 8 direccions, així que comproveu si el gràfic també s'aplica en diagonal quan us moveu en diagonal.