Implementace animací přehledu pohyblivých symbolů

Ověřovací prostředí

Windows

• Systém Windows 11

Unity Editor

• 2020.3.25f1

Balíčky vstupního systému

• 1.2.0

Předpoklady pro tento tip

Následující nastavení jsou předem nakonfigurovaná jako předpoklad pro vysvětlení těchto tipů.

• Představujeme balíček vstupního systému
• Zarovnejte kameru (2D) s plátnem

Co je animace přehledu pohyblivých symbolů?

V moderních hrách jsou postavy a efekty animovány pohybujícími se 3D modely, výpočtem výbuchů v reálném čase a zobrazováním efektů. To bylo možné díky tomu, že se zvýšil výpočetní výkon herních konzolí, ale protože staré herní konzole neměly tolik výkonu, byla hlavním proudem animace sprajtů, která neustále přepínala obrázky, aby to vypadalo, že se pohybuje. Princip je stejný jako u anime hraného v televizi. Animace sprajtů používá méně her než v minulosti, ale stále se často používají, protože zatížení potřebné pro výpočty je mnohem nižší.

Animace přehledu pohyblivých symbolů přepíná a zobrazuje více obrázků za sebou. Je vzácné připravit tolik obrazových souborů, kolik jich je, a v podstatě všechny vzory zobrazení jsou zahrnuty v jednom obrázku. To usnadňuje správu obrazových souborů a snižuje zátěž při načítání obrazových souborů. Soubor obrázku, který shrnuje tuto animaci, se nazývá "přehled pohyblivých symbolů".

Vytvoření přehledu pohyblivých symbolů

Přehled pohyblivých symbolů je v podstatě jen soubor obrázku. Vzhledem k tomu, že to nemá nic společného s Unity, vytvořte jej pomocí nástroje pro úpravu obrázků. Konečným formátem souboru bude soubor PNG, který Unity dokáže zpracovat.

Kromě toho existují následující pravidla pro vytváření přehledů pohyblivých symbolů.

• Sjednoťte velikost obrazu všech snímků. Pokud má například první obrázek velikost 32 × 32 pixelů, druhý a následující obrázky budou mít velikost 32 × 32 pixelů. Pokud si například připravíte přehled pohyblivých symbolů ve formátu "3x2" se 6 snímky, velikost přehledu pohyblivých symbolů bude 96x64 pixelů.
• Obrázek můžete libovolně zarovnat, například "6x4" nebo "2x8", ale nezapomeňte jej vytvořit za předpokladu, že budou vyplněny všechny snímky. Pokud je to "6x4", je to 24 snímků a tak dále. Pokud se jedná o animaci o 13 snímcích, připravte ji s "1x13" nebo "13x1".
• Vzhledem k tomu, že se jedná o animaci, je správně zarovnána tak, aby nedocházelo k nesprávnému zarovnání snímků před a po.
• Směr animace začíná od levé horní buňky a jde doprava, a když jdete úplně doprava, začíná zleva o jeden krok dolů a jde zase doprava.

Ve skutečnosti nemusíte výše uvedené provádět striktně v Unity, ale je mnohem snazší rozhodnout o specifikacích předem.

Tentokrát použiji sprajtový list k přepnutí následujících čísel. Jeden čtverec má velikost 32x32 pixelů. Skládá se z 24 "6x4" snímků, takže velikost obrázku je 192x128 pixelů.

Konfigurace přehledu pohyblivých symbolů v Unity Editoru

Po vytvoření projektu přidejte do projektu soubor přehledu pohyblivých symbolů. Zde se předpokládá, že název souboru je NumberAnimation .

NumberAnimation Vyberte soubor a vyplňte inspektor následujícím způsobem:

Existuje mnoho dalších nastavení, která lze nakonfigurovat, ale prozatím to nechme tak, jak to je. Po nakonfigurování klikněte na tlačítko "Editor pohyblivých symbolů".

Pokud se zobrazí níže uvedené dialogové okno, klikněte na tlačítko "Použít". Ve skutečnosti se nastavení tohoto inspektoru mají uložit, a pokud se posunete dolů, je zde tlačítko "Použít", takže musíte nastavení uložit pomocí tohoto tlačítka. Uloží se také pomocí "Použít" v dialogovém okně, takže nezáleží na tom, jakým způsobem jej uložíte.

Zobrazí se Editor pohyblivých symbolů. V této části budeme pracovat na rozdělení sprajtu z přehledu pohyblivých symbolů.

V levém horním rohu je tlačítko s názvem "Slice", klikněte na něj a změňte typ na "Grid By Cell Size". V tomto přehledu pohyblivých symbolů je jedna velikost pohyblivého symbolu "32x32" pixelů, takže zadejte 32 pro každou velikost pohyblivého bodu. Až budete hotovi, klikněte na tlačítko Řez.

Tento obrázek je těžko pochopitelný, protože se zdá být od začátku jasně rozdělený, ale je dělený 1 sprajtem 32px. Stiskněte klávesu "Ctrl" a dělicí čára se zobrazí zeleně.

Po rozdělení jej uložte tlačítkem "Použít".

Pokud kliknete na trojúhelník v obrazovém souboru projektu, abyste ho rozbalili, uvidíte, že sprajt byl rozdělen.

Umístění sprajtů a animace

Přetáhněte nastavený sprajt do pohledu a umístěte ho.

Poté se zobrazí dialogové okno, takže jej uložte NumberAnimation jako . Tento soubor obsahuje nastavení animace.

První pohyblivý symbol se umístí do pohledu a v projektu se vytvoří ovladač animace a klip animace. Pokud je obraz malý, nastavte měřítko tak, aby byl větší.

V tomto okamžiku se použije výchozí nastavení animace, takže můžete hru jednoduše spustit. Měli byste vidět, že se animace sprajtu pohne, jakmile hra začne.

Zabránění opakování animací

Vyberte soubor klipu animace (NumberAnimation.anim) z projektu.

V inspektoru je zaškrtávací políčko pro "Čas smyčky", takže zrušte jeho zaškrtnutí.

Pokud hru spustíte, uvidíte, že se animace zastaví na hodnotě 24. Je účinný pro jednorázové efekty výbuchu.

Změna rychlosti animace

V hierarchii vyberte pohyblivý symbol, který chcete animovat.

Pak vyberte kartu Animace. Pokud kartu Animace nemáte, vyberte z nabídky Animace > Okno > Animace.

Existuje číslo zvané "vzorek", což je počet přepnutí obrázků za jednu sekundu. V této ukázce má animace 24 snímků, takže se opakuje každé 2 sekundy.

Pokud toto číslo snížíte, rychlost animace se zpomalí, a pokud ji zvýšíte, rychlost se zvýší.

O dalších upřesňujících nastaveních animace

Různá nastavení animace jsou vysvětlena samostatně v tipech pro konkrétní animace. Tato nastavení nejsou exkluzivní pro animace pohyblivých symbolů, ale nejsou exkluzivní pro Je to stejné jako nastavení jiných pohybových animací a 3D animací.

V tomto tipu si vysvětlíme, jak přejít z přehledu pohyblivých symbolů jako animace.