Et spriteark på 128 x 64 delt inn i åtte bilder på 32 x 32, med en forstørret figur som viser skarpe nearest-neighbor-pikselkanter.
Konstruert eksempel på verktøy: et ark med 4 kolonner og 2 rader blir til åtte 32 × 32-ruter. Heltalls-skalering forstørrer pikselblokker uten utjevning.
DIREKTE SVAR

Etternavner sprite sheet-pakkeren opp rutene mine?

Nei. Opptil 64 rammer blir i nettleseren og ordnes i et jevnt rutenett. Du får et PNG-atlas pluss JSON-koordinater; rammene blir ikke trimmet eller rotert.

LIVE ARBEIDSOMRÅDE

Arbeid lokalt. Eksporter ryddig.

Dette verktøyet kjører i nettleseren din. Filene dine blir på enheten, og ingen generation credits brukes.

Kilde og innstillinger01
Privat lokal behandling0 kreditter
Legg til to eller flere bilder

Verktøyet kjører lokalt. Kunsten din lastes ikke opp, og ingen credits brukes.

I SPILLET

Se ressursene som et spill.

Utforsk gameplay, håndholdt bruk og koordinerte design. Disse AI-genererte konseptene viser visuelle muligheter; gjennomgå dine egne ressurser og motorimporter før publisering.

Koordinert presentasjon for pikselspill som kombinerer en ferdig spillscene med matchende karakterer, terreng, inventarikoner og grensesnittdesign.

Én kunstretning gjennom hele spillet

Gjennomgå den spillbare scenen ved siden av figurene, terrenget, gjenstandene og grensesnittet som ett koordinert design.

AI-generert piksel-RPG-konsept som kombinerer en turkis ranger i en skogskamp med matchende stående, gående og angripende positurer under spillscenen.

Én karakter i ulike retninger og handlinger

Sammenlign karakterens proporsjoner, farger og silhuett i bevegelse med verden rundt.

AI-generert pikselkampkonsept med en turkis ranger, ravgule sverdeffekter, matchende hurtigfelt-objekter og et inventarpanel i en skoggård.

Kamp, gjenstander og grensesnitt i én scene

Vurder synlighet av effekter, ikonene for gjenstander og kontrasten i grensesnittet i samme spilløyeblikk.

Et praktisk eksempel

Pakk åtte rammer i lik størrelse

Bruk en konkret inndata, inspiser resultatet og sjekk de gjeldende grensene før du velger neste steg.

Et spriteark på 128 x 64 delt inn i åtte bilder på 32 x 32, med en forstørret figur som viser skarpe nearest-neighbor-pikselkanter.
Konstruert eksempel på verktøy: et ark med 4 kolonner og 2 rader blir til åtte 32 × 32-ruter. Heltalls-skalering forstørrer pikselblokker uten utjevning.

Eksempelinnputt

Etternavn ned og pakk ut de åtte demorutene nedenfor. Hver gjennomsiktige PNG er 32 × 32 piksler.

Hva du bør sjekke

  1. Velg alle åtte PNG-bildene i rekkefølge, og sett deretter atlaset til 4 kolonner.
  2. Kontroller forhåndsvisningen: fire 32-pikselceller bortover og to celler nedover gir et atlas på 128 × 64.
  3. Etternavn ned atlas-PNG og JSON. Sjekk at første rute starter ved x: 0, y: 0 og at den femte starter ved x: 0, y: 32.

Forventet utdata

Åtte 32 × 32-inndata i fire kolonner gir et 128 × 64 PNG-atlas pluss JSON-koordinater for rutene.

Nåværende grenser

Den lokale pakker bruker et jevnt rutenett tilpasset den største inndataen, godtar opptil 64 filer og bevarer rammegrensene. Den beskjærer ikke, roterer ikke, legger ikke til padding og gjør ikke optimal bin-pakking.

Offisielle workflow-referanser

Sjekk dokumentasjonen for motoren eller editoren når du forbereder din egen import. Disse kildene beskriver fil- og avspillingsatferd, ikke en anbefaling av PixelBox.

Utgiver og support

Innhold oppdatert:

Publisert og vedlikeholdt av LlamaGen. Denne siden beskriver gjeldende PixelBox-kontroller og eksportformater. Kontakt teamet om feil informasjon eller et eksportproblem.

01 / HVORFOR DET FUNGERER

Laget for produksjon, ikke bare forhåndsvisninger.

01

Inndata med flere filer

Legg til opptil 64 PNG-, JPG- eller WebP-bilder per valg.

02

Forutsigbar layout

Velg antall kolonner. Hver celle bruker den største innkommende bredden og høyden, og bildene beholder originalstørrelsen.

03

Metadata inkludert

Eksporter rutenavn, koordinater og dimensjoner som JSON.

02 / ARBEIDSFLYT

Fra kildemateriale til tydelig merket resultat.

STEG 01

Legg til bilder

Velg PNG-filene for animasjonen eller ressursene i rekkefølge.

STEG 02

Velg kolonner

Angi atlasoppsettet og inspiser den genererte forhåndsvisningen.

STEG 03

Eksporter begge filene

Etternavn ned atlas-PNG-en og JSON-koordinatene.

03 / FAQ

Avklar vilkår før du bygger.

Er bildene mine lastet opp?

Nei. Pakking skjer i nettleseren din, og filene blir på enheten din.

Hvilket JSON-format brukes?

Eksporten inneholder et bildenavn, atlasdimensjoner og rammeobjekter med x, y, width og height. Gi hver ramme et unikt filnavn, så hver JSON-oppføring forblir tydelig adskilt.

Beskjærer det gjennomsiktige piksler?

Nei. Rutenettpakker bevarer de opprinnelige rammegrensene og roterer ikke rammer eller optimaliserer tomrom. Bruk sprite sheet-skjæreren når du trenger kontroll over trimming og padding.

NESTE I KØEN

Keep building the same world.

Fortsett med et verktøy som passer neste steg: forbered en referanse, gå gjennom animasjonsruter eller pakk et atlas for spillmotoren din.