Multi-file input
Magdagdag ng hanggang 64 PNG, JPG, o WebP frame bawat pagpili.
Wika: Filipino
Sprite sheet packer para sa PNG atlases
Ayusin ang hanggang 64 sprite frame sa uniform-grid atlas at mag-export ng katugmang JSON coordinates.
Libre0 kreditoPNG atlas + JSON
Ina-upload ba ng sprite sheet packer ang mga frame ko?
Hindi. Hanggang 64 frame ang nananatili sa browser at nakaayos sa uniform grid. Makakakuha ka ng PNG atlas at JSON coordinates; hindi trim o iniikot ang mga frame.
LIVE NA KAPALIGIRAN NG PAGTRABAHO
Magtrabaho nang lokal. Mag-export nang malinis.
Tumakbo ang utility na ito sa iyong browser. Mananatili ang mga file mo sa device mo at walang generation credits na gagamitin.
Source at settings01
Private local processing0 kredito
Magdagdag ng dalawa o higit pang frame
Tumakbo nang lokal ang utility. Hindi ina-upload ang artwork mo at walang credits na ginagamit.
SA LARO
Tingnan ang mga asset bilang isang laro.
Tuklasin ang gameplay, handheld use, at magkakaugnay na design. Ipinapakita ng mga AI-generated concept na ito ang posibleng itsura; suriin ang sarili mong asset at engine import bago mag-launch.
Isang art direction para sa buong laro
Suriin ang playable scene kasama ang mga karakter, terrain, item, at interface bilang iisang coordinated na disenyo.
Isang karakter sa iba’t ibang direksyon at galaw
Ihambing ang proporsyon, kulay, at action silhouette ng karakter sa mundong nasa paligid nito.
Labanan, items, at interface sa iisang eksena
Suriin ang kita ng effects, item icons, at contrast ng interface sa iisang gameplay moment.
Isang praktikal na halimbawa
I-pack ang walong magkakaparehong laki na frame
Gumamit ng konkretong input, suriin ang output, at tingnan ang kasalukuyang limit bago piliin ang susunod na hakbang.
Halimbawang input
I-download at i-unzip ang walong demo frame sa ibaba. Bawat transparent PNG ay 32 × 32 pixels.
Ano ang susuriin
- Piliin ang lahat ng walong PNG frame nang sunod-sunod, tapos itakda ang atlas sa 4 na column.
- Suriin ang preview: apat na 32-pixel cell pahalang at dalawang cell pababa ang bumubuo ng 128 × 64 atlas.
- I-download ang atlas PNG at JSON. I-check na ang unang frame ay nagsisimula sa x: 0, y: 0 at ang ikalima ay nagsisimula sa x: 0, y: 32.
Inaasahang output
Ang walong 32 × 32 input sa apat na column ay nagreresulta sa 128 × 64 PNG atlas kasama ang JSON frame coordinates.
Kasalukuyang limitasyon
Gumagamit ang local packer ng uniform grid na nakaayon sa pinakamalaking input, tumatanggap ng hanggang 64 file, at pinananatili ang frame bounds. Hindi ito nagti-trim, nagro-rotate, nagdadagdag ng padding, o nagsasagawa ng optimal bin packing.
Opisyal na sanggunian sa workflow
Suriin ang dokumentasyon ng engine o editor kapag naghahanda ng sarili mong import. Inilalarawan ng mga source na ito ang file at playback behavior, hindi ang pag-endorso sa PixelBox.
Publisher at support
Nai-update ang content:
Inilathala at pinananatili ng LlamaGen. Inilalarawan ng page na ito ang kasalukuyang PixelBox controls at export formats. Makipag-ugnayan sa team kung may maling impormasyon o problema sa export.
01 / BAKIT ITO GUMAGANA
Ginawa para sa production, hindi lang sa preview.
Prediktableng layout
Pumili ng bilang ng column. Ang bawat cell ay gumagamit ng pinakamalaking input width at height, at nananatili ang orihinal na laki ng mga frame.
Kasama ang metadata
I-export ang mga pangalan ng frame, coordinate, at dimensyon bilang JSON.
Mula sa source hanggang sa malinaw na naka-label na output.
Magdagdag ng frame
Piliin ang iyong animation o asset PNG files nang sunod-sunod.
Pumili ng mga column
Itakda ang atlas layout at suriin ang generated preview.
I-export ang parehong file
I-download ang atlas PNG at ang JSON coordinates nito.
03 / FAQ
Linawin ang mga term bago ka bumuo.
Na-upload na ba ang mga frame ko?
Hindi. Sa browser mo tumatakbo ang packing at nananatili sa device mo ang mga file.
Anong JSON format ang ginagamit?
May image name, atlas dimensions, at frame object na may x, y, width, at height ang export. Bigyan ng natatanging file name ang bawat frame para manatiling hiwalay ang bawat JSON entry.
Pinaputol ba nito ang transparent pixels?
Hindi. Pinananatili ng grid packer ang orihinal na frame bounds at hindi nito iniikot ang frame o ino-optimize ang bakanteng espasyo. Gamitin ang sprite sheet slicer kapag kailangan mo ang trimming at padding controls nito.