Input na maraming file
Magdagdag ng hanggang 64 PNG, JPG, o WebP frames bawat selection.
Wika: Tagalog
Sprite sheet packer para sa PNG atlas
Ayusin ang hanggang 64 sprite frames sa uniform-grid atlas at i-export ang 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 pantay-pantay na grid. Makakakuha ka ng PNG atlas at JSON coordinates; hindi pinuputol o iniikot ang frames.
GUMAGALAW NA ESPASYO NG GAWAIN
Magtrabaho nang lokal. Mag-export nang maayos.
Tumatakbo ang utility na ito sa iyong browser. Nananatili sa iyong device ang mga file mo at walang generation credits na nagagamit.
Source at settings01
Private local processing0 kredito
Magdagdag ng dalawa o higit pang frames
Tumatakbo nang lokal ang utility. Hindi ina-upload ang artwork mo at walang credits na nagagamit.
SA LARO
Tingnan ang assets bilang isang laro.
Mag-explore ng gameplay, handheld use, at coordinated designs. Ipinapakita ng mga AI-generated concept na ito ang mga posibleng itsura; suriin ang sarili mong assets at engine imports bago mag-ship.
Isang art direction para sa buong laro
Suriin ang playable scene kasama ang mga character, terrain, item, at interface bilang iisang magkakaugnay na disenyo.
Isang karakter sa iba’t ibang direksyon at aksyon
Ihambing ang proporsyon, mga kulay, at action silhouette ng karakter sa mundong nasa paligid nito.
Labanan, items, at interface sa iisang scene
Suriin ang visibility ng effects, mga item icon, at contrast ng interface sa iisang gameplay moment.
Praktikal na halimbawa
I-pack ang walong magkaparehong laki ng frame
Gumamit ng tiyak na input, suriin ang output, at tingnan ang kasalukuyang limit bago pumili ng 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 dapat suriin
- 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 sa lapad at dalawang cell pababa ang bumubuo ng 128 × 64 atlas.
- I-download ang atlas PNG at JSON. Suriin 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 na input sa apat na column ay lumilikha ng 128 × 64 PNG atlas kasama ang JSON frame coordinates.
Kasalukuyang limit
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 mga sanggunian sa workflow
Suriin ang dokumentasyon ng engine o editor kapag ihahanda mo ang sarili mong import. Inilalarawan ng mga source na ito ang file at playback behavior, hindi ito pag-endorso sa PixelBox.
Publisher at support
Na-update ang content:
Ipinublish at pinapanatili ng LlamaGen. Inilalarawan ng page na ito ang kasalukuyang PixelBox controls at export format. Makipag-ugnayan sa team kung may maling impormasyon o problema sa export.
01 / BAKIT ITO GUMAGANA
Gawa para sa production, hindi lang sa preview.
Predictable layout
Pumili ng bilang ng column. 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, coordinate, at dimensyon ng frame bilang JSON.
Mula source hanggang malinaw na naka-label na output.
Magdagdag ng frames
Piliin ang iyong animation o asset PNG file nang sunod-sunod.
Pumili ng mga column
Itakda ang atlas layout at suriin ang generated na 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 frames ko?
Hindi. Tumatakbo ang packing sa iyong browser at nananatili ang mga file sa iyong device.
Anong JSON format ang ginagamit?
Kasama sa export ang image name, atlas dimensions, at frame object na may x, y, width, at height. Bigyan ang bawat frame ng natatanging file name para manatiling magkahiwalay ang bawat JSON entry.
Tinatanggal ba nito ang transparent pixels?
Hindi. Pinapanatili ng grid packer ang orihinal na frame bounds at hindi nito iniikot ang mga frame o ino-optimize ang bakanteng space. Gamitin ang sprite sheet slicer kapag kailangan mo ang trimming at padding controls nito.