Sprite Sheet Generátor
Egyesítse a képeket sprite sheet-té húzással való átrendezéssel, rács elrendezéssel, kitöltéssel, méretezési módokkal. Exportálja PNG/WebP/JPG-ként JSON atlas adatokkal játékmotorokhoz és CSS-hez.
Mi az a sprite lap és miért érdemes használni?
A sprite lap egy olyan képfájl, amely több kisebb képet (sprite-ot) tartalmaz rácsban elrendezve. A sprite lapok használata csökkenti a HTTP kéréseket, javítja az oldal betöltési teljesítményét és hatékonyabbá teszi a játék renderelést.
Milyen képformátumok támogatottak?
PNG, JPG, GIF, SVG és WebP képeket tölthet fel. Az eszköz támogatja a kötegelt feltöltést és a vágólapról való beillesztést (Ctrl+V) a gyors munkafolyamat érdekében.
Milyen export formátumok érhetők el?
Exportálja a sprite lapokat PNG-ként (átlátszósággal), WebP-ként (modern formátum kisebb fájlmérettel) vagy JPG-ként (a legjobb fotókhoz átlátszóság nélkül). Válasszon a célplatform követelményei alapján.
Hogyan rendezem át a képeket a sprite lapon?
Húzza és ejtse a kép bélyegképeket a sprite lapban való pozíciójuk átrendezéséhez. Ctrl+V használatával közvetlenül is beilleszthet képeket a vágólapról.
Mik a JSON atlas adatok és mely motorok támogatják?
A JSON atlas adatok minden sprite pozícióját, méretét és adatait tartalmazzák. Kompatibilis a Phaser, PixiJS, Unity, Cocos2d és sok más automatikus sprite kinyeréshez.
Mik a különböző méretezési módok?
Illeszkedik megtartja az arányokat. Kitöltés fedi a cellát és vág. Nyújtás deformál a kitöltéshez.
Támogatja az eszköz az átlátszóságot?
Igen, a PNG és WebP megőrzi az átlátszóságot. Egyéni háttérszín is beállítható, ami hasznos a JPG exportokhoz, amelyek nem támogatják az átlátszóságot.
Hogyan befolyásolja a kitöltés a sprite lapot?
A kitöltés térközt ad az egyes sprite-ok között a lapon, megakadályozva a vizuális vérzést a textúrák mintavételezésekor. Ez különösen fontos a lineáris szűrést használó játékmotorok számára.
Használhatom a sprite lapokat CSS-hez?
Igen, a sprite lapok kiválóan működnek CSS sprite-okhoz. A JSON atlas adatok használhatók CSS background-position szabályok generálására, csökkentve a HTTP kéréseket és javítva az oldal betöltési teljesítményét.
Mik a legjobb gyakorlatok a sprite lap méreteihez?
Tartsa a méreteket 2 hatványaként (256x256, 512x512, 1024x1024) az optimális GPU textúra kezelés érdekében. A legtöbb játékmotor ezeket a méreteket preferálja a jobb teljesítmény és kompatibilitás érdekében.
Hogyan javítják a sprite lapok a játék teljesítményét?
A sprite lapok csökkentik a rajzolási hívásokat több sprite egyetlen textúrába történő kötegelésével. Ez minimalizálja a GPU állapotváltozásokat, csökkenti a memória terhelést és hatékonyabb renderelést tesz lehetővé.
Mi a különbség a sprite lapok és a textúra atlasok között?
A sprite lapok tipikusan egyenletes rácsban rendezik el a kereteket, míg a textúra atlasok hatékonyabban csomagolhatnak szabálytalan alakú sprite-okat olyan algoritmusokkal mint a bin packing.