Export animací pro mobilní aplikace a herní moduly

Animate umožňuje vytvořit přehled pohyblivých symbolů nebo atlas textur a exportovat je pro mobilní aplikace a herní moduly. 

Přehled obrázků pohyblivých symbolů

Přehled obrázků pohyblivých symbolů je soubor bitmapových obrazů, který obsahuje několik menších obrázků uspořádaných jako dlaždice. Kompilací několika grafických souborů do jednoho souboru umožníte aplikaci Animate a dalším používat tuto grafiku, aniž by bylo nutné načítat víc než jeden soubor. Tento efektivní způsob načítání je užitečný v situacích, jako je vývoj her, kdy je kladen zvláštní důraz na rychlost.

Přehled pohyblivých symbolů můžete vytvořit z výběru libovolné kombinace filmových klipů, symbolů tlačítka, grafických symbolů nebo bitmap. Položky můžete vybírat na panelu Knihovna nebo na ploše, ne však na obou. Každá bitmapa a každý snímek vybraných symbolů se v přehledu pohyblivých symbolů zobrazuje jako samostatný obrázek. Při exportu z plochy zůstanou v obrazovém výstupu zachovány všechny transformace (škálování, zkosení atd.), které jste použili u instance symbolu.

Atlas textur

Atlas textur je kolekce textur ve formátu jednoho velkého obrázku nebo více obrázků požadovaného rozměru. Atlas textur slouží k optimalizaci her. 

V aplikaci Animate můžete atlas textur vytvořit ze symbolů, jako jsou například filmové klipy, grafické prvky nebo tlačítka. Položky můžete vybírat na panelu Knihovna nebo na ploše, ne však na obou. Každý vektor a každý klíčový snímek vybraných symbolů se v atlasu textur zobrazují jako samostatné bitmapy. Při exportu z plochy zůstanou v obrazovém výstupu zachovány všechny transformace (škálování, zkosení atd.), které jste použili u instance symbolu.

Rozdíl mezi přehledem obrázků pohyblivých symbolů a atlasem textur

V závislosti na vašich potřebách můžete ve svých mobilních aplikacích použít přehled pohyblivých symbolů nebo atlas textur. V následující tabulce naleznete některé z klíčových rozdílů mezi přehledem pohyblivých symbolů a atlasem textur. 

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

Chcete-li vytvořit přehled pohyblivých symbolů, proveďte následující kroky:

Export animací do mobilních aplikací nebo herních modulů

Aplikace Animate vám pomůže exportovat animace do herních platforem a mobilních aplikací. Chcete zobrazit animaci na svých mobilních telefonech nebo herním modulu? Podívejte se na výukové video na konci tohoto příkladu a postupujte podle těchto kroků.

Export animací pro mobilní aplikace nebo herní moduly

Vytvoření atlasu textur

Vývojáři her mohou aplikaci Animate použít k uspořádání animací a jejich exportu v podobě atlasu textur do herního modulu Unity nebo do jiných oblíbených herních platforem. 

Proces generování atlasu textur v aplikaci Animate a jeho import do Unity znázorňuje následující diagram:

Chcete-li pro animaci vytvořit atlas textur, proveďte následující kroky:

Vygenerovaná výstupní složka atlasu textur obsahuje následující soubory:

Animation.json

Tento soubor obsahuje informace o animaci. Identické snímky v souboru Animation.json jsou ve výchozím nastavení optimalizovány a konsolidovány.

spritemap.json

Tento soubor obsahuje informace o souboru spritesheet.png.

spritemap.png

U exportovaného symbolu obsahuje tento soubor bitmapovou podobu všech minimálně jedinečných textur potřebných k rekonstrukci animace.

Vygenerovaný atlas textur můžete použít v libovolném herním modulu, jako je Unity, pokud má vhodný zásuvný modul pro import.

Import atlasu textur do modulu Unity

Soubory atlasu textur generované v aplikaci Animate můžete importovat do vašich oblíbených herních modulů. Pokud chcete soubory atlasu textur importovat, můžete si vytvořit zásuvné moduly, které odpovídají herním modulům. Vzorový zásuvný modul pro import je určený pro nástroj Unity. 

Atlas textur můžete exportovat do Unity provedením následujících kroků: 

Zásuvný modul si můžete přizpůsobit svým požadavkům úpravou souboru Wrapperplugin.cs.

Zásuvný modul Unity podporuje barevné efekty pro soubory atlasu textur generované v aplikaci Animate a také podporuje maskování pomocí vrstev. Funkce maskování se týká pouze platformy Unity počínaje verzí 2017. 

Publikování textur

Animátoři mohou vytvářet obsah ve vektorovém formátu a poté exportovat vektorový nebo bitmapový obsah pro platformy podporující HTML 5. V nastavení publikování byla také přidána možnost exportovat animace jako atlas textur, což umožňuje zvýšit výkon animací.

1. Vytvořte dokument Canvas. Výběrem možnosti Soubor > Nový zobrazte dialogové okno Nový dokument. 

2. Vyberte kartu Další volby a klikněte na HTML5 Canvas. Otevře se nový dokument FLA.

3. Klikněte na Soubor > Nastavení publikování. Pokud je na kartě Základní zaškrtnuto políčko Exportovat dokument jako texturu, zobrazí se na kartě Nastavení snímku volba Možnosti publikování textury. Ve výchozím nastavení jsou při publikování do textury zahrnuty všechny symboly. Chcete-li pro textury vybrat jen některé symboly, klikněte na ikonu nastavení.

Ačkoli tato možnost může zvýšit velikost datových zdrojů, zvyšuje výkon. Můžete také 2x nebo 3x zvýšit původní rozlišení obrázků, pokud chcete textury publikovat pro displeje HiDPI. Chcete-li změnit nastavení rozlišení, klikněte na ikonu klíče vedle políčka Exportovat dokument jako texturu, jak je znázorněno na následujícím snímku obrazovky. Nastavte číslo v poli Rozlišení na násobek 2x nebo 3x.

Výchozí rozlišení při exportu textur je nastaveno na hodnotu 2x. Rozlišení můžete nastavit v rozsahu 0,3 až 3x.

 Publikování textury lze použít pouze pro dokument ve formátu HTML5 Canvas.

Výběr vektorového nebo bitmapového souboru je jako volba mezi velikostí souboru a výkonem. Platformy HTML5 jsou optimalizovány pro bitmapový obsah. U některých složitých tvarů je proto lepší předem převést vektorové obrázky na bitmapové. Pro základní obsah můžete stále používat vektory. Animate vám tuto možnost nabízí prostřednictvím dialogového okna pro částečný výběr symbolů. Tento výběr vám umožňuje zvolit symboly, které chcete převést na bitmapy, přičemž zbývající symboly zůstanou vektorové.

Chcete-li provést částečný výběr symbolů, klikněte na tlačítko Změnit v dialogovém okněNastavení publikování a v seznamu vyberte symboly. Ve výchozím nastavení jsou vybrány všechny symboly.

Vyberte požadované symboly v seznamu. 

Zlepšení grafického výkonu pomocí bitmapových textur

V aplikaci Animate zlepšují bitmapové textury výkon animací na různých platformách. Chcete snížit složitost vektorů pomocí bitmapových textur? Podívejte se na výukové video na konci tohoto příkladu a postupujte podle těchto kroků.

Publikování položek jako bitmapových textur pro zlepšení výkonu