Implementácia animácií spritových hárkov

Prostredie overovania

Windows

• Windows 11

Editor jednoty

• 2020.3.25f1

Vstupné systémové balíky

• 1.2.0

Predpoklady pre tento tip

Nasledujúce nastavenia sú vopred nakonfigurované ako predpoklad na vysvetlenie týchto tipov.

• Predstavujeme balík vstupného systému
• Zarovnanie fotoaparátu (2D) s plátnom

Čo je Sprite Sheet Animation?

V moderných hrách sú postavy a efekty animované pohybujúcimi sa 3D modelmi, výbuchmi v reálnom čase a zobrazovaním efektov. To je možné, pretože výpočtový výkon herných konzol sa zvýšil, ale keďže staré herné konzoly nemali toľko výkonu, animácia sprite sheet, ktorá neustále prepínala obrázky tak, aby to vyzeralo, že sa pohybuje, bola hlavným prúdom. Princíp je rovnaký ako pri anime hranom v televízii. Animácie sprite sheet používa menej hier ako v minulosti, ale stále sa často používajú, pretože zaťaženie potrebné na výpočty je oveľa nižšie.

Animácia sprikového hárka prepína a zobrazuje viacero obrázkov za sebou. Je zriedkavé pripraviť toľko obrazových súborov, koľko existuje, a v podstate všetky vzory zobrazenia sú zahrnuté v jednom obrázku. To uľahčuje správu obrazových súborov a znižuje zaťaženie načítania obrazových súborov. Obrazový súbor, ktorý sumarizuje túto animáciu, sa nazýva "sprite sheet".

Vytvorenie spritového hárka

Sprite sheet je v podstate len obrazový súbor. Keďže to nemá nič spoločné s Unity, vytvorte ho pomocou nástroja na úpravu obrázkov. Konečným formátom súboru bude súbor PNG, ktorý Unity dokáže spracovať.

Okrem toho existujú nasledujúce pravidlá pre vytváranie spritových listov.

• Zjednoťte veľkosť obrázka všetkých snímok. Ak má napríklad prvý obrázok rozmery 32 x 32 pixelov, druhý a nasledujúce obrázky budú mať rozmery 32 x 32 pixelov. Napríklad, ak pripravíte sprite list vo formáte "3x2" so 6 snímkami, veľkosť spritového listu bude 96x64 pixelov.
• Obrázok môžete voľne zarovnať, napríklad "6x4" alebo "2x8", ale nezabudnite ho vytvoriť za predpokladu, že všetky snímky budú vyplnené. Ak je to "6x4", je to 24 snímok atď. Ak ide o 13-snímkovú animáciu, pripravte ju pomocou "1x13" alebo "13x1".
• Keďže ide o animáciu, je správne zarovnaná, aby nedošlo k nesprávnemu zarovnaniu snímok pred a po.
• Smer animácie začína od ľavej hornej bunky a ide doprava, a keď idete úplne doprava, začína zľava o krok nadol a ide znova doprava.

V skutočnosti nemusíte robiť vyššie uvedené striktne v Unity, ale je oveľa jednoduchšie rozhodnúť o špecifikáciách vopred.

Tentokrát použijem spritový list na prepnutie nasledujúcich čísel. Jeden štvorec je 32x32 pixelov. Skladá sa z 24 snímok "6x4", takže veľkosť obrazu je 192x128 pixelov.

Konfigurácia sprikového hárka v editore Unity

Po vytvorení projektu pridajte do projektu súbor sprite sheet. Tu sa predpokladá, že názov súboru je NumberAnimation .

NumberAnimation Vyberte súbor a vyplňte inšpektora nasledovne:

Existuje mnoho ďalších nastavení, ktoré je možné nakonfigurovať, ale zatiaľ to nechajme tak. Po nakonfigurovaní kliknite na tlačidlo "Sprite Editor".

Ak sa zobrazí dialógové okno nižšie, kliknite na tlačidlo "Použiť". V skutočnosti sa nastavenia tohto inšpektora majú uložiť a ak sa posuniete nadol, je tu tlačidlo "Použiť", takže musíte nastavenia uložiť pomocou tohto tlačidla. Uloží sa tiež "Použiť" v dialógovom okne, takže nezáleží na tom, akým spôsobom ho uložíte.

Zobrazí sa editor Sprite. V tejto časti budeme pracovať na oddelení sprite od sprite listu.

V ľavom hornom rohu je tlačidlo s názvom "Plátok", kliknite naň a zmeňte typ na "Mriežka podľa veľkosti bunky". V tomto sprite liste je jedna veľkosť sprite "32x32" pixelov, takže zadajte 32 pre každú veľkosť pixelov. Po dokončení kliknite na tlačidlo Výsek.

Tento obrázok je ťažké pochopiť, pretože sa zdá, že je od začiatku jasne rozdelený, ale je rozdelený 1 sprite 32px. Stlačte kláves "Ctrl" a rozdelená čiara sa zobrazí zelenou farbou.

Po rozdelení ho uložte pomocou tlačidla "Použiť".

Ak kliknete na trojuholník v súbore obrázka projektu, aby ste ho rozbalili, uvidíte, že sprite bol rozdelený.

Umiestnenie a animácia Sprite

Potiahnite súpravu sprite do zobrazenia a umiestnite ju.

Potom sa zobrazí dialógové okno, takže ho uložte NumberAnimation ako . Tento súbor obsahuje nastavenia animácie.

Prvý sprite sa umiestni do zobrazenia a v projekte sa vytvorí ovládač animácie a animačný klip. Ak je obrázok malý, nastavte mierku tak, aby bol väčší.

V tomto okamihu sa použijú predvolené nastavenia animácie, takže hru môžete jednoducho spustiť. Mali by ste vidieť, že animácia sprite sa pohybuje hneď po spustení hry.

Zabránenie opakovaniu animácií

Vyberte súbor klipu animácie (NumberAnimation.anim) z projektu.

V inšpektorovi je začiarkavacie políčko pre "Čas slučky", takže zrušte začiarknutie.

Ak spustíte hru, uvidíte, že animácia sa zastaví na čísle 24. Je účinný pri jednorazových výbuchových efektoch.

Zmena rýchlosti animácie

Z hierarchie vyberte sprite, ktorý chcete animovať.

Potom vyberte kartu Animácia. Ak kartu Animácia nemáte, vyberte v ponuke položku Okno > Animácia > Animácia.

Existuje číslo nazývané "vzorka", ktoré je niekoľkokrát na prepínanie obrázkov za jednu sekundu. V tejto ukážke má animácia 24 snímok, takže animácia sa opakuje každé 2 sekundy.

Ak toto číslo znížite, rýchlosť animácie bude pomalšia a ak ju zvýšite, rýchlosť sa zvýši.

Ďalšie rozšírené nastavenia animácie

Rôzne nastavenia animácie sú vysvetlené samostatne v tipoch pre jednotlivé animácie. Tieto nastavenia nie sú exkluzívne pre sprite animácie, ale nie sú exkluzívne pre Je to rovnaké ako nastavenie iných pohybových animácií a 3D animácií.

V tomto tipe vám vysvetlíme, ako prejsť zo spritového listu ako animácie.