Vytvoření a publikování dokumentu ve formátu WebGL

WebGL je otevřený webový standard pro vykreslování grafik v libovolném kompatibilním prohlížeči bez nutnosti použití dalších zásuvných modulů. Rozhraní WebGL je plně integrováno ve všech webových standardech prohlížeče a umožňuje využití zpracování obrazů a efektů akcelerovaného pomocí GPU jako součásti plátna webové stránky. WebGL prvky lze vkládat spolu s dalšími HTML prvky a skládat s jinými částmi stránky.

Přestože většina současných prohlížečů WebGL podporuje, klikněte na tento odkaz a přečtěte si podrobnější informace o konkrétních podporovaných verzích.

V některých prohlížečích není rozhraní WebGL ve výchozím nastavení zapnuté. Chcete-li ve svém prohlížeči zapnout WebGL, přečtěte si tento článek.

Animate CC nyní nabízí dva formáty dokumentů WebGL-glTF. Dokumenty ve formátu WebGL-glTF Standard umožňují integraci s libovolnými standardními balíčky WebGL-glTF. Tento formát je zcela kompatibilní se standardy.

Pokud používáte Animate CC 18.0 nebo některou z předchozích verzí aplikace Animate CC, přečtěte si následující informace.

Animate CC umožňuje vytváření a publikování pestrého interaktivního obsahu ve formátu WebGL (Web Graphics Library). Protože je rozhraní WebGL plně integrované v prohlížečích, může díky tomu Animate využívat ke zpracovávání a vykreslování grafiky i grafický akcelerátor (jako součást plátna webové stránky).

Tento nový formát dokumentů umožňuje vytvářet obsah a rychle ho publikovat do výstupu WebGL. Pestrý obsah můžete vytvářet pomocí vyspělých nástrojů aplikace Animate, ale potom ho vykreslovat do výstupu WebGL, který půjde přehrát v každém kompatibilním prohlížeči. To znamená, že můžete pomocí tradiční časové osy, pracovní plochy a kreslicích nástrojů aplikace Animate nativně vyvíjet a vytvářet obsah WebGL. Nejpoužívanější prohlížeče už WebGL podporují, díky čemuž můžete v Animate vytvářet obsah pro většinu webových platforem.

Pomocí dokumentu WebGL můžete v Animate CC snadno vytvářet a publikovat obsah pro formát WebGL. Postup vytvoření dokumentu WebGL:

1. Spusťte aplikaci Animate CC.
2. Na úvodní obrazovce klikněte na možnost WebGL(náhled). Můžete také vybrat položku nabídky Soubor > Nový, tím se zobrazí dialog Nový dokument. Klikněte na možnost WebGL (náhled).

Pomocí funkce Testovací film si můžete v Animate zobrazit zkušební náhled svého obsahu. Náhled zobrazíte takto:

1. V Animate CC stiskněte klávesy Ctrl+Enter (Windows) nebo Cmd+Enter (Mac). Tím se spustí výchozí prohlížeč a vykreslí se obsah WebGL.

Animate umožňuje nativní vytváření a publikování obsahu WebGL přímo ve svém prostředí.

Při publikování dokumentu WebGL postupujte takto:

1. Výběrem volby Soubor > Nastavení publikování zobrazte dialogové okno Nastavení publikování. Můžete také vybrat položku Soubor > Publikovat, pokud jste již určili nastavení publikování pro WebGL.
2. V dialogu Nastavení publikování zadejte hodnoty pro tyto položky:

3. Kliknutím na tlačítko Publikovat publikujte obsah WebGL v určeném umístění.

Publikovaný výstup WebGL obsahuje tyto soubory:

Do dokumentu WebGL můžete importovat a vkládat zvuk, ovládat přehrávání pomocí nastavení synchronizace (událost, začátek a konec) a přehrávat zvuk na časové ose v době běhu. Rozhraní WebGL v současné době podporuje pouze formáty .wav a .mp3.

Další informace o práci se zvukem najdete v tématu Používání zvuků v aplikaci Animate.

Stávající obsah můžete v aplikaci Animate převést do dokumentu WebGL. Aplikace Animate totiž umožňuje převod ručním kopírováním nebo importováním obsahu. Při práci s více dokumenty v aplikaci Animate je běžný postup, kdy uživatel kopíruje obsah mezi jednotlivými dokumenty coby vrstvy nebo coby datové zdroje v knihovně. Přestože je podporována většina funkcí aplikace Animate, některé typy obsahu budou upraveny, aby lépe vyhovovaly formátu WebGL.

Aplikace Animate obsahuje několik praktických funkcí, které usnadňují tvorbu vizuálně pestrého obsahu. Jelikož jsou ale některé z těchto funkcí nativní pro Animate, dokumenty typu WebGL je nepodporují. Aplikace Animate takový obsah změní na podporovaný formát a vizuálně označí nepodporované nástroje nebo funkce.

Níže jsou uvedeny typy změn, které budou provedeny při migraci staršího obsahu do dokumentu HTML WebGL.

Úplný seznam nepodporovaných funkcí a jejich náhradních hodnot po převodu naleznete v tomto článku.

Ukládání bitmap za běhu do vyrovnávací paměti umožňuje optimalizovat výkon při vykreslování tím, že určíte, aby se statický filmový klip (například obraz pozadí) nebo symbol tlačítka za běhu ukládal jako bitmapa do vyrovnávací paměti. Ve výchozím nastavení jsou ve všech snímcích překresleny vektorové položky. Uložením filmového klipu nebo symbolu tlačítka jako bitmapy do vyrovnávací paměti lze předejít neustálému překreslování položky, protože daný obraz je bitmapa a jeho pozice se nemění. To přináší značné zlepšení výkonu při vykreslování obsahu WebGL.

Pokud například vytváříte animaci se složitým pozadím, vytvořte filmový klip, který bude obsahovat všechny položky umístěné v pozadí. Poté v inspektoru vlastností u filmového klipu pozadí vyberte Ukládat do vyrovnávací paměti jako bitmapu. Během přehrávání se pozadí bude vykreslovat jako bitmapa uložená s použitím aktuální barevné hloubky obrazovky. Prohlížeč vykreslí bitmapu na scéně rychle a pouze jednou, díky čemuž se animace bude přehrávat rychleji a plynuleji.

Ukládání bitmap do vyrovnávací paměti umožňuje použít filmový klip a automaticky ho zastavit na místě. Pokud se nějaká oblast změní, bitmapa uložená ve vyrovnávací paměti se zaktualizuje s použitím vektorových dat. Tento proces minimalizuje počet překreslování, které musí prohlížeč provádět, a zajišťuje tak plynulejší a rychlejší vykreslování.

Pokud chcete u symbolu filmového klipu povolit vlastnost Uložit do vyrovnávací paměti jako bitmapu, vyberte instanci filmového klipu a v rozevírací nabídce Vykreslit v Inspektoru vlastností vyberte možnost Uložit do vyrovnávací paměti jako bitmapu (Okno > Vlastnosti).

Pokud v obsahu WebGL používáte vlastnost Uložit do vyrovnávací paměti jako bitmapu, vezměte v úvahu toto:

• Maximální velikost symbolu filmového klipu je omezena na 2048x2048. Skutečné hranice instance filmového klipu, které lze uložit do vyrovnávací paměti, jsou menší než 2048x2048, rozhraní WebGL si vyhrazuje některé obrazové body.
• Pokud existuje více instancí stejného filmového klipu, aplikace Animate vygeneruje vyrovnávací paměť o velikosti první nalezené instance. Vyrovnávací paměť se však znovu nevygeneruje a vlastnost Uložit do vyrovnávací paměti jako bitmapu není ignorována, a to ani v případě, že se transformace filmového klipu do značné míry změní. Proto platí, že pokud se v průběhu animace výrazně mění velikost symbolu filmového klipu, může při přehrávání animace docházet k pixelizaci (rozpadu obrazu na jednotlivé obrazové body).