Inmatning av flera filer
Lägg till upp till 64 PNG-, JPG- eller WebP-bildrutor per val.
Språk: Svenska
Sprite sheet-packare för PNG-atlas
Ordna upp till 64 sprite-bildrutor i en atlas med jämnt rutnät och exportera matchande JSON-koordinater.
Gratis0 krediterPNG-atlas + JSON
Laddar spritesheet-paketeraren upp mina bildrutor?
Nej. Upp till 64 rutor stannar i webbläsaren och ordnas i ett enhetligt rutnät. Du får en PNG-atlas plus JSON-koordinater; rutorna beskärs eller roteras inte.
LIVE-ARBETSYTA
Arbeta lokalt. Exportera rent.
Det här verktyget körs i din webbläsare. Dina filer stannar på din enhet och inga generation credits används.
Källa & inställningar01
Privat lokal bearbetning0 krediter
Lägg till två eller fler bildrutor
Verktyget körs lokalt. Din grafik laddas inte upp och inga credits används.
I SPELET
Se resurserna som ett spel.
Utforska gameplay, handhållet användande och samordnad design. Dessa AI-genererade koncept illustrerar visuella möjligheter; granska dina egna assets och importer till spelmotorn före lansering.
En art direction genom hela spelet
Granska den spelbara scenen tillsammans med dess karaktärer, terräng, föremål och gränssnitt som en sammanhängande design.
En karaktär i flera riktningar och rörelser
Jämför karaktärens proportioner, färger och actionsiluett med världen runt omkring.
Strid, föremål och gränssnitt i en scen
Bedöm hur effekter syns, hur tydliga föremålsikonerna är och hur gränssnittets kontrast fungerar i samma spelögonblick.
Ett praktiskt exempel
Packa åtta rutor i samma storlek
Använd en konkret indata, granska resultatet och kontrollera de aktuella begränsningarna innan du väljer nästa steg.
Exempelinput
Ladda ner och packa upp de åtta demobildrutorna nedan. Varje transparent PNG är 32 × 32 pixlar.
Vad du ska kontrollera
- Välj alla åtta PNG-bildrutor i följd och ställ sedan in atlasen på 4 kolumner.
- Granska förhandsvisningen: fyra celler på 32 pixlar på bredden och två celler på höjden ger en 128 × 64-atlas.
- Ladda ner atlasets PNG och JSON. Kontrollera att första bildrutan börjar vid x: 0, y: 0 och att den femte börjar vid x: 0, y: 32.
Förväntad utdata
Åtta indata på 32 × 32 i fyra kolumner ger ett PNG-atlas på 128 × 64 plus JSON-koordinater för bildrutorna.
Nuvarande gränser
Den lokala packaren använder ett enhetligt rutnät anpassat efter den största indatafilen, tar emot upp till 64 filer och bevarar frame-gränserna. Den beskär inte, roterar inte, lägger inte till utfyllnad och gör ingen optimal bin-packning.
Officiella flödesreferenser
Kontrollera dokumentationen för motorn eller editorn när du förbereder din egen import. Dessa källor beskriver fil- och uppspelningsbeteende, inte en rekommendation av PixelBox.
Utgivare och support
Innehållet uppdaterat:
Publicerad och underhållen av LlamaGen. Den här sidan beskriver aktuella PixelBox-kontroller och exportformat. Kontakta teamet om felaktig information eller problem med exporten.
01 / VARFÖR DET FUNGERAR
Gjort för produktion, inte bara förhandsvisningar.
Förutsägbar layout
Välj antal kolumner. Varje cell använder den största inmatningsbredden och -höjden, och bildrutorna behåller sin ursprungliga storlek.
Metadata ingår
Exportera bildrutenamn, koordinater och mått som JSON.
Från källmaterial till tydligt märkt resultat.
Lägg till bildrutor
Välj dina PNG-filer för animation eller resurser i följd.
Välj kolumner
Ange atlaslayouten och inspektera den genererade förhandsvisningen.
Exportera båda filerna
Ladda ner atlasets PNG och dess JSON-koordinater.
03 / FAQ
Rensa villkoren innan du bygger.
Är mina bildrutor uppladdade?
Nej. Packningen körs i din webbläsare och filerna stannar på din enhet.
Vilket JSON-format används?
Exporten innehåller ett bildnamn, atlasdimensioner och frame-objekt med x, y, width och height. Ge varje frame ett unikt filnamn så att varje JSON-post förblir separat.
Beskär det transparenta pixlar?
Nej. Rutnätspackaren bevarar originalrutornas gränser och roterar inte rutor eller optimerar tomrum. Använd sprite sheet-klipparen när du behöver dess kontroll för beskärning och marginaler.