Sprite Sheet Generaattori
Yhdistä kuvat sprite sheetiksi vedä-järjestä-toisin, ruudukkoasettelu, täyte, skaalaustilat. Vie PNG/WebP/JPG JSON-atlas-tietojen kanssa pelimoottoreille ja CSS:lle.
Mikä on sprite-sheet ja miksi käyttää sellaista?
Sprite-sheet on yksi kuvatiedosto, joka sisältää useita pienempiä kuvia (spritejä) järjestettynä ruudukkoon. Sprite-sheetien käyttö vähentää HTTP-pyyntöjä, parantaa sivun lataussuorituskykyä ja tekee pelin renderöinnistä tehokkaampaa.
Mitkä kuvamuodot tuetaan?
Voit ladata PNG-, JPG-, GIF-, SVG- ja WebP-kuvia. Työkalu tukee erälatausta ja leikepöydältä liittämistä (Ctrl+V) nopeaa työnkulkua varten.
Mitkä vientimuodot ovat käytettävissä?
Vie sprite-sheets PNG-muodossa (läpinäkyvyydellä), WebP (nykyaikainen muoto pienemmällä tiedostokoolla) tai JPG (paras valokuville ilman läpinäkyvyyttä). Valitse kohdealueen vaatimusten mukaan.
Miten järjestän kuvat uudelleen sprite-sheetissä?
Vedä ja pudota kuvien pikkukuvat järjestääksesi niiden paikan sprite-sheetissä uudelleen. Voit myös liittää kuvia suoraan leikepöydältä käyttämällä Ctrl+V.
Mitä ovat JSON-atlas-tiedot ja mitkä moottorit tukevat niitä?
JSON-atlas-tiedot sisältävät jokaisen spriten sijainnin, koon ja kehystiedot. Ne ovat yhteensopivia suosittujen pelimoottoreiden kuten Phaser, PixiJS, Unity, Cocos2d ja monien muiden kanssa automaattiseen spritejen poimintaan.
Mitä eri skaalaustilat ovat?
Sovita säilyttää suhteet. Täytä peittää solun ja leikkaa. Venytä vääristää täyttämiseksi.
Tukeeko työkalu läpinäkyvyyttä?
Kyllä, PNG ja WebP säilyttävät läpinäkyvyyden. Voit myös asettaa mukautetun taustavärin, mikä on hyödyllistä JPG-vienneille, jotka eivät tue läpinäkyvyyttä.
Miten täyte vaikuttaa sprite-sheettiin?
Täyte lisää tilaa yksittäisten spritejen välille sheetissä, estäen visuaalisen vuotamisen, kun tekstuureja näytteistään. Tämä on erityisen tärkeää pelimoottoreille, jotka käyttävät lineaarista suodatusta.
Voinko käyttää sprite-sheetejä CSS:ään?
Kyllä, sprite-sheetit toimivat erinomaisesti CSS-spriteille. JSON-atlas-tietoja voidaan käyttää CSS background-position -sääntöjen generointiin, mikä vähentää HTTP-pyyntöjä ja parantaa sivun lataussuorituskykyä.
Mitkä ovat parhaat käytännöt sprite-sheetien mitoille?
Pidä mitat kakkosen potensseina (256x256, 512x512, 1024x1024) optimaalista GPU-tekstuurinkäsittelyä varten. Useimmat pelimoottorit suosivat näitä mittoja paremman suorituskyvyn ja yhteensopivuuden vuoksi.
Miten sprite-sheetit parantavat pelin suorituskykyä?
Sprite-sheetit vähentävät piirtokutsuja erittelemällä useita spritejä yhteen tekstuuriin. Tämä minimoi GPU-tilan muutokset, vähentää muistikuormitusta ja mahdollistaa tehokkaamman renderöinnin.
Mikä on ero sprite-sheetien ja tekstuuriatlasten välillä?
Sprite-sheetit järjestävät kehykset tyypillisesti tasaiseen ruudukkoon, kun taas tekstuuriatlaset voivat pakata epäsäännöllisen muotoiset spritet tehokkaammin käyttämällä algoritmeja kuten bin packing.