Generátor Sprite Sheetů
Spojte obrázky do sprite sheetů s přetažením pro změnu pořadí, rozvržením mřížky, odsazením, režimy škálování. Exportujte PNG/WebP/JPG s JSON atlas daty pro herní enginy a CSS.
Co je sprite sheet a proč ho používat?
Sprite sheet je jeden obrazový soubor obsahující více menších obrázků (spriteů) uspořádaných v mřížce. Použití sprite sheetů snižuje HTTP požadavky, zlepšuje výkon načítání stránky a činí vykreslování her efektivnějším.
Jaké formáty obrázků jsou podporovány?
Můžete nahrát obrázky PNG, JPG, GIF, SVG a WebP. Nástroj podporuje dávkové nahrávání a vkládání ze schránky (Ctrl+V) pro rychlý pracovní postup.
Jaké formáty exportu jsou k dispozici?
Exportujte sprite sheety jako PNG (s průhledností), WebP (moderní formát s menší velikostí souboru) nebo JPG (nejlepší pro fotografie bez průhlednosti). Vyberte podle požadavků vaší platformy.
Jak změním pořadí obrázků ve sprite sheetu?
Přetáhněte miniatury obrázků pro změnu jejich pořadí ve sprite sheetu. Můžete také vkládat obrázky přímo ze schránky pomocí Ctrl+V.
Co jsou JSON atlas data a které enginy je podporují?
JSON atlas data obsahují pozici, velikost a informace o snímku pro každý sprite. Jsou kompatibilní s populárními herními enginy jako Phaser, PixiJS, Unity, Cocos2d a mnoha dalšími pro automatickou extrakci spriteů.
Jaké jsou různé režimy škálování?
Přizpůsobit zachovává poměry. Vyplnit pokrývá buňku a ořezává. Roztáhnout deformuje pro vyplnění.
Podporuje nástroj průhlednost?
Ano, PNG a WebP zachovávají průhlednost. Můžete také nastavit vlastní barvu pozadí, což je užitečné pro exporty JPG, které nepodporují průhlednost.
Jak ovlivňuje odsazení sprite sheet?
Odsazení přidává prostor mezi jednotlivé sprity v archu, což zabraňuje vizuálnímu prosakování při vzorkování textur. To je zvláště důležité pro herní enginy používající lineární filtrování.
Mohu použít sprite sheety pro CSS?
Ano, sprite sheety fungují skvěle pro CSS sprity. JSON atlas data mohou být použita pro generování CSS pravidel background-position, což snižuje HTTP požadavky a zlepšuje výkon načítání stránky.
Jaké jsou osvědčené postupy pro rozměry sprite sheetů?
Udržujte rozměry jako mocniny 2 (256x256, 512x512, 1024x1024) pro optimální zpracování textur GPU. Většina herních enginů preferuje tyto rozměry pro lepší výkon a kompatibilitu.
Jak sprite sheety zlepšují výkon her?
Sprite sheety snižují volání vykreslování dávkováním více spriteů do jedné textury. To minimalizuje změny stavu GPU, snižuje režii paměti a umožňuje efektivnější vykreslování.
Jaký je rozdíl mezi sprite sheety a texturovými atlasami?
Sprite sheety typicky uspořádávají snímky do uniformní mřížky, zatímco texturové atlas mohou efektivněji balovat nepravidelně tvarované sprity pomocí algoritmů jako bin packing.