Implementar animacions de fulls de personatges

Pàgina actualitzada :
Data de creació de la pàgina :

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.

Què és Sprite Sheet Animation?

En els jocs moderns, els personatges i efectes s'animen movent models 3D, calculant explosions en temps real i mostrant efectes. Això ha estat possible perquè la potència de càlcul de les consoles de jocs ha augmentat, però com que les consoles de jocs antigues no tenien tanta potència, l'animació de fulls de sprite que canviava contínuament d'imatges perquè semblés com si estigués en moviment era el corrent principal. El principi és el mateix que el de l'anime reproduït a la televisió. Les animacions de fulls de personatges són utilitzades per menys jocs que en el passat, però encara s'utilitzen sovint perquè la càrrega necessària per als càlculs és molt menor.

L'animació del full de personatges canvia i mostra diverses imatges seguides. És rar preparar tants fitxers d'imatge com hi hagi i, bàsicament, tots els patrons de visualització s'inclouen en una imatge. Això facilita la gestió de fitxers d'imatge i redueix la càrrega en carregar fitxers d'imatge. El fitxer d'imatge que resumeix aquesta animació s'anomena "full de personatges".

Crear un full de personatges

Un full de personatges és essencialment només un fitxer d'imatge. Com que no té res a veure amb Unity, creeu-lo amb una eina d'edició d'imatges. El format de fitxer final serà un fitxer PNG que Unity pot gestionar.

A més, hi ha les regles següents per crear fulls de personatges.

  • Unificar la mida de la imatge de tots els fotogrames. Per exemple, si la primera imatge té 32x32 píxels, la segona i posteriors imatges seran de 32x32 píxels. Per exemple, si prepareu un full de personatges en format "3x2" amb 6 fotogrames, la mida del full de personatges serà de 96x64 píxels.
  • Podeu alinear la imatge lliurement, com ara "6x4" o "2x8", però assegureu-vos de crear-la suposant que s'ompliran tots els marcs. Si és "6x4", són 24 fotogrames, etc. Si es tracta d'una animació de 13 fotogrames, prepareu-la amb "1x13" o "13x1".
  • En tractar-se d'una animació, està correctament alineada de manera que no hi hagi desalineació en els fotogrames abans i després.
  • La direcció de l'animació comença des de la cel·la superior esquerra i va cap a la dreta, i quan vas a l'extrem dret, comença per l'esquerra un esglaó cap avall i torna a anar cap a la dreta.

De fet, no cal que feu l'anterior estrictament a Unity, però és molt més fàcil decidir les especificacions amb antelació.

Aquesta vegada, utilitzaré un full de personatges per canviar els números següents. Un quadrat té 32x32 píxels. Consta de 24 fotogrames "6x4", de manera que la mida de la imatge és de 192x128 píxels.

Configuració del full de personatges a l'Editor Unity

Un cop hagis creat el projecte, afegeix un fitxer de full de personatges al projecte. Aquí, se suposa que el nom del fitxer és NumberAnimation .

NumberAnimation Seleccioneu el fitxer i empleneu l'inspector de la manera següent:

Valors dels elements
Tipus de textura Sprites (2D i UI)
Sprite Mode plural

Hi ha molts altres paràmetres que es poden configurar, però deixem-ho com està per ara. Un cop configurat, feu clic al botó "Editor de personatges".

Si apareix el diàleg següent, feu clic al botó "Aplica". De fet, s'ha de desar la configuració d'aquest inspector i, si us desplaceu fins a la part inferior, hi ha un botó "Aplica", de manera que heu de desar la configuració amb aquest botó. També es desarà per "Aplica" en el diàleg, de manera que no importa de quina manera el deseu.

Apareixerà l'editor de personatges. En aquesta secció, treballarem la divisió de l'sprite del full de personatges.

Hi ha un botó anomenat "Slice" a la cantonada superior esquerra, feu-hi clic i canvieu el tipus a "Grid By Cell Size". En aquest full de personatges, una mida del personatge és "32x32" píxels, així que introduïu 32 per a cada mida de píxel. Quan hagis acabat, fes clic al botó Slice.

Aquesta imatge és difícil d'entendre perquè sembla estar clarament dividida des del principi, però està dividida per 1 sprite 32px. Premeu la tecla "Ctrl" i la línia dividida apareixerà en verd.

Després de dividir, deseu-lo amb el botó "Aplica".

Si feu clic al triangle del fitxer d'imatge del projecte per expandir-lo, podreu veure que l'sprite s'ha dividit.

Col·locació i animació de Sprite

Arrossegueu el personatge conjunt a la vista i col·loqueu-lo.

A continuació, apareixerà un diàleg, de manera que deseu-lo NumberAnimation com a . Aquest fitxer conté la configuració de l'animació.

El primer personatge es col·loca a la vista i es crea un controlador d'animació i un clip d'animació al projecte. Si la imatge és petita, configureu-ne l'escala per fer-la més gran.

En aquest moment, s'aplicarà la configuració d'animació predeterminada, de manera que només podeu executar el joc. Hauríeu de poder veure que l'animació de sprite es mou tan bon punt comença el joc.

Evitar que les animacions es reprodueixin en bucle

Seleccioneu l'arxiu del clip d'animació (NumberAnimation.anim) del vostre projecte.

A l'inspector, hi ha una casella de selecció per a "Temps de bucle", així que desmarqueu-la.

Si executeu el joc, veureu que l'animació s'atura als 24. És eficaç per a efectes d'explosió puntuals.

Canviar la velocitat de l'animació

Seleccioneu el personatge que voleu animar des de la jerarquia.

A continuació, seleccioneu la pestanya Animació. Si no teniu cap pestanya Animació, seleccioneu Finestra > Animació > Animació al menú.

Hi ha un número anomenat "mostra", que és diverses vegades per canviar d'imatge en un segon. En aquesta mostra, l'animació és de 24 fotogrames, de manera que l'animació es repeteix cada 2 segons.

Si disminuïu aquest nombre, la velocitat de l'animació serà més lenta i, si l'augmenteu, la velocitat augmentarà.

Sobre altres opcions de configuració avançada de l'animació

Els diversos paràmetres d'animació s'expliquen per separat als consells específics de l'animació. Aquests paràmetres no són exclusius de les animacions de sprites, però no són exclusius de la És el mateix que configurar altres animacions en moviment i animacions 3D.

En aquest consell, explicarem com passar d'un full de personatges a manera d'animació.