Sprite Sheet Generator
Kombiner bilder til sprite sheet med dra-for-å-omordne, rutenettlayout, padding, skaleringsmoduser. Eksporter PNG/WebP/JPG med JSON-atlasdata for spillmotorer og CSS.
Hva er et sprite-sheet og hvorfor bruke ett?
Et sprite-sheet er en enkelt bildefil som inneholder flere mindre bilder (sprites) arrangert i et rutenett. Å bruke sprite-sheets reduserer HTTP-forespørsler, forbedrer sideinnlastingsytelse og gjør spillrendering mer effektiv.
Hvilke bildeformater støttes?
Du kan laste opp PNG-, JPG-, GIF-, SVG- og WebP-bilder. Verktøyet støtter batch-opplasting og lim inn fra utklippstavle (Ctrl+V) for rask arbeidsflyt.
Hvilke eksportformater er tilgjengelige?
Eksporter sprite-sheets som PNG (med gjennomsiktighet), WebP (moderne format med mindre filstørrelse) eller JPG (best for bilder uten gjennomsiktighet). Velg basert på plattformens krav.
Hvordan omorganiserer jeg bilder i sprite-sheetet?
Dra og slipp bildeminiatyrbilder for å omorganisere deres posisjon i sprite-sheetet. Du kan også lime inn bilder direkte fra utklippstavlen med Ctrl+V.
Hva er JSON-atlasdata og hvilke motorer støtter det?
JSON-atlasdata inneholder posisjon, størrelse og rammeinformasjon for hver sprite. Det er kompatibelt med populære spillmotorer som Phaser, PixiJS, Unity, Cocos2d og mange andre for automatisk sprite-ekstrahering.
Hva er de forskjellige skaleringsmodusene?
Tilpass beholder proporsjoner. Fyll dekker cellen og beskjærer. Strekk deformerer for å fylle.
Støtter verktøyet gjennomsiktighet?
Ja, PNG og WebP bevarer gjennomsiktighet. Du kan også angi en egendefinert bakgrunnsfarge, noe som er nyttig for JPG-eksporter som ikke støtter gjennomsiktighet.
Hvordan påvirker padding sprite-sheetet?
Padding legger til plass mellom individuelle sprites i arket, og forhindrer visuell blødning når teksturer samples. Dette er spesielt viktig for spillmotorer som bruker lineær filtrering.
Kan jeg bruke sprite-sheets for CSS?
Ja, sprite-sheets fungerer utmerket for CSS-sprites. JSON-atlasdata kan brukes til å generere CSS background-position-regler, noe som reduserer HTTP-forespørsler og forbedrer sideinnlastingsytelse.
Hva er beste praksis for sprite-sheet-dimensjoner?
Hold dimensjoner som potenser av 2 (256x256, 512x512, 1024x1024) for optimal GPU-teksturhåndtering. De fleste spillmotorer foretrekker disse dimensjonene for bedre ytelse og kompatibilitet.
Hvordan forbedrer sprite-sheets spillytelse?
Sprite-sheets reduserer tegningskall ved å batche flere sprites i en enkelt tekstur. Dette minimerer GPU-tilstandsendringer, reduserer minneoverbelastning og muliggjør mer effektiv rendering.
Hva er forskjellen mellom sprite-sheets og tekstur-atlas?
Sprite-sheets arrangerer typisk rammer i et ensartet rutenett, mens tekstur-atlas kan pakke uregelmessig formede sprites mer effektivt ved hjelp av algoritmer som bin packing.