Generator Sprite Sheet
Combinați imaginile în sprite sheet-uri cu tragere pentru reordonare, aspect grilă, padding, moduri de scalare. Exportați PNG/WebP/JPG cu date JSON atlas pentru motoare de jocuri și CSS.
Ce este un sprite sheet și de ce să folosim unul?
Un sprite sheet este un singur fișier imagine care conține mai multe imagini mai mici (sprite-uri) aranjate într-o grilă. Utilizarea sprite sheet-urilor reduce cererile HTTP, îmbunătățește performanța de încărcare a paginii și face randarea jocurilor mai eficientă.
Ce formate de imagine sunt suportate?
Puteți încărca imagini PNG, JPG, GIF, SVG și WebP. Instrumentul suportă încărcare în lot și lipire din clipboard (Ctrl+V) pentru un flux de lucru rapid.
Ce formate de export sunt disponibile?
Exportați sprite sheet-uri ca PNG (cu transparență), WebP (format modern cu dimensiune mai mică a fișierului) sau JPG (cel mai bun pentru fotografii fără transparență). Alegeți în funcție de cerințele platformei țintă.
Cum reordonez imaginile în sprite sheet?
Trageți și plasați miniaturile imaginilor pentru a le reordona poziția în sprite sheet. Puteți și lipi imagini direct din clipboard folosind Ctrl+V.
Ce sunt datele JSON atlas și ce motoare le suportă?
Datele JSON atlas conțin poziția, dimensiunea și informațiile de cadru pentru fiecare sprite. Sunt compatibile cu motoare de joc populare precum Phaser, PixiJS, Unity, Cocos2d și multe altele pentru extragerea automată a sprite-urilor.
Care sunt diferitele moduri de scalare?
Potrivire păstrează proporțiile. Umplere acoperă celula și decupează. Întindere deformează pentru umplere.
Instrumentul suportă transparență?
Da, PNG și WebP păstrează transparența. Puteți seta și o culoare de fundal personalizată, utilă pentru exporturile JPG care nu suportă transparență.
Cum afectează padding-ul sprite sheet-ul?
Padding-ul adaugă spațiu între sprite-urile individuale din foaie, prevenind scurgerea vizuală când texturile sunt eșantionate. Acest lucru este deosebit de important pentru motoarele de joc care folosesc filtrare liniară.
Pot folosi sprite sheet-uri pentru CSS?
Da, sprite sheet-urile funcționează excelent pentru sprite-uri CSS. Datele JSON atlas pot fi folosite pentru a genera reguli CSS background-position, reducând cererile HTTP și îmbunătățind performanța de încărcare a paginii.
Care sunt cele mai bune practici pentru dimensiunile sprite sheet-urilor?
Mențineți dimensiunile ca puteri ale lui 2 (256x256, 512x512, 1024x1024) pentru manipularea optimă a texturilor GPU. Majoritatea motoarelor de joc preferă aceste dimensiuni pentru performanță și compatibilitate mai bună.
Cum îmbunătățesc sprite sheet-urile performanța jocurilor?
Sprite sheet-urile reduc apelurile de desen prin gruparea mai multor sprite-uri într-o singură textură. Acest lucru minimizează schimbările de stare GPU, reduce supraîncărcarea memoriei și permite randarea mai eficientă.
Care este diferența dintre sprite sheet-uri și atlasuri de texturi?
Sprite sheet-urile aranjează de obicei cadrele într-o grilă uniformă, în timp ce atlasurile de texturi pot împacheta sprite-uri cu forme neregulate mai eficient folosind algoritmi precum bin packing.