Implementați animații cu foi de sprite

Mediul de verificare

Windows

• Ferestre 11

Unity Editor

• 2020.3.25F1

Pachete de sisteme de intrare

• 1.2.0

Cerințe preliminare pentru acest sfat

Următoarele setări sunt preconfigurate ca o condiție prealabilă pentru explicarea acestor sfaturi.

• Vă prezentăm pachetul sistemului de intrare
• Alinierea camerei (2D) cu pânza

Ce este Sprite Sheet Animation?

În jocurile moderne, personajele și efectele sunt animate prin mutarea modelelor 3D, calcularea exploziilor în timp real și afișarea efectelor. Acest lucru a devenit posibil deoarece puterea de calcul a consolelor de jocuri a crescut, dar din moment ce vechile console de jocuri nu aveau atât de multă putere, animația foii de sprite care schimba continuu imaginile pentru a face să pară că se mișcă era mainstream. Principiul este același cu cel al anime-urilor difuzate la televizor. Animațiile cu foi de sprite sunt folosite de mai puține jocuri decât în trecut, dar sunt încă adesea folosite, deoarece sarcina necesară pentru calcule este mult mai mică.

Animația foii Sprite comută și afișează mai multe imagini la rând. Este rar să pregătiți cât mai multe fișiere imagine și, practic, toate modelele de afișare sunt incluse într-o singură imagine. Acest lucru facilitează gestionarea fișierelor imagine și reduce încărcarea fișierelor imagine. Fișierul imagine care rezumă această animație se numește "foaie sprite".

Crearea unei foi de personaj

O foaie sprite este în esență doar un fișier imagine. Deoarece nu are nimic de-a face cu Unity, vă rugăm să îl creați cu un instrument de editare a imaginilor. Formatul final de fișier va fi un fișier PNG pe care Unity îl poate gestiona.

În plus, există următoarele reguli pentru crearea foilor de spirit.

• Unificați dimensiunea imaginii tuturor cadrelor. De exemplu, dacă prima imagine are 32x32 pixeli, a doua imagine și următoarele vor avea 32x32 pixeli. De exemplu, dacă pregătiți o foaie sprite într-un format "3x2" cu 6 cadre, dimensiunea foii sprite va fi de 96x64 pixeli.
• Puteți alinia liber imaginea, cum ar fi "6x4" sau "2x8", dar asigurați-vă că o creați presupunând că toate cadrele vor fi umplute. Dacă este "6x4", sunt 24 de cadre și așa mai departe. Dacă este o animație cu 13 cadre, pregătiți-o cu "1x13" sau "13x1".
• Deoarece este o animație, este aliniată corespunzător, astfel încât să nu existe nealiniere în cadre înainte și după.
• Direcția animației începe din celula din stânga sus și merge spre dreapta, iar când mergeți în extrema dreaptă, începe din stânga cu un pas în jos și merge din nou spre dreapta.

De fapt, nu trebuie să faceți cele de mai sus strict în Unity, dar este mult mai ușor să decideți specificațiile în avans.

De data aceasta, voi folosi o foaie de sprite pentru a comuta următoarele numere. Un pătrat are 32x32 pixeli. Se compune din 24 de cadre "6x4", astfel încât dimensiunea imaginii este de 192x128 pixeli.

Configurarea foii sprite în Editorul Unity

După ce ați creat proiectul, adăugați un fișier foaie sprite la proiect. Aici, se presupune că numele fișierului este NumberAnimation .

NumberAnimation Selectați fișierul și completați inspectorul după cum urmează:

Există multe alte setări care pot fi configurate, dar să o lăsăm așa cum este deocamdată. Odată configurat, faceți clic pe butonul "Editor Sprite".

Dacă apare dialogul de mai jos, faceți clic pe butonul "Aplicați". De fapt, setările acestui inspector trebuie salvate, iar dacă derulați în partea de jos, există un buton "Aplicați", deci trebuie să salvați setările cu acest buton. De asemenea, va fi salvat prin "Aplicați" în dialog, deci nu contează în ce mod îl salvați.

Apare Editorul Sprite. În această secțiune, vom lucra la împărțirea personajului din foaia sprite.

Există un buton numit "Felie" în colțul din stânga sus, faceți clic pe el și schimbați tipul în "Grilă după dimensiunea celulei". În această foaie de sprite, o dimensiune a personajului este pixelii "32x32", deci introduceți 32 pentru fiecare dimensiune a pixelilor. Când ați terminat, faceți clic pe butonul Felie.

Această imagine este greu de înțeles, deoarece pare a fi clar împărțită de la început, dar este împărțită la 1 sprite 32px. Apăsați tasta "Ctrl" și linia divizată va apărea în verde.

După împărțire, salvați-l cu butonul "Aplicați".

Dacă faceți clic pe triunghiul din fișierul imagine al proiectului pentru a-l extinde, puteți vedea că personajul a fost împărțit.

Plasarea și animația Sprite

Trageți personajul set în vizualizare și plasați-l.

Apoi va apărea un dialog, deci salvați-l NumberAnimation ca . Acest fișier conține setările de animație.

Primul personaj este plasat în vizualizare, iar un controler de animație și un clip de animație sunt create în proiect. Dacă imaginea este mică, setați scala pentru a o mări.

În acest moment, vor fi aplicate setările implicite de animație, astfel încât să puteți rula jocul. Ar trebui să puteți vedea că animația sprite se mișcă imediat ce începe jocul.

Împiedicați repetarea în buclă a animațiilor

Selectați fișierul clip de animație (NumberAnimation.anim) din proiectul dvs.

În inspector, există o casetă de selectare pentru "Timp buclă", deci debifați-o.

Dacă rulați jocul, veți vedea că animația se oprește la 24. Este eficient pentru efectele exploziei unice.

Modificarea vitezei animației

Selectați din ierarhie personajul pe care doriți să îl animați.

Apoi selectați fila Animație. Dacă nu aveți o filă Animație, selectați Fereastră > Animație > Animație din meniu.

Există un număr numit "eșantion", care este de mai multe ori pentru a comuta imaginile într-o secundă. În acest eșantion, animația este de 24 de cadre, astfel încât animația se repetă la fiecare 2 secunde.

Dacă reduceți acest număr, viteza animației va fi mai lentă, iar dacă o măriți, viteza va crește.

Despre alte setări avansate de animație

Diferitele setări de animație sunt explicate separat în sfaturile specifice animației. Aceste setări nu sunt exclusive pentru animațiile sprite, dar nu sunt exclusive pentru Este la fel ca configurarea altor animații de mișcare și animații 3D.

În acest sfat, vă vom explica cum să treceți de la o foaie de sprite ca animație.