Sprite Sheet Packer

Mag-drop ng folder ng mga sprite; makakuha ng isang packed texture atlas kasama ang JSON manifest na may mga coordinate ng bawat sprite. Para sa mga game developer (Unity, Phaser, PixiJS, Godot) at web devs (CSS sprites para sa icon sets) na gustong bawasan ang HTTP requests o draw calls.

Bakit sprite sheets

Para sa mga laro, mas mura ang pag-drawing ng isang malaking texture kaysa sa pag-drawing ng maraming maliliit — binabatch ng GPU ang lahat ng sprite sa isang draw call sa halip na magpalit-palit ng texture nang maraming beses. Para sa web, isang sprite-sheet HTTP request ang mas mahusay kaysa sa 30 indibidwal na icon requests; binabawasan ng modernong HTTP/2 ang agwat, ngunit mas maliit pa rin ang sprite sheets pagkatapos ng compression.

Packing algorithms

• MaxRects (default): mahusay na bin-packing, pinapaliit ang nasayang na espasyo.
• Skyline: mas mabilis ngunit bahagyang hindi gaanong mahusay. Maganda para sa dynamic na atlases.
• Grid: pare-parehong cells. Kapaki-pakinabang kapag pare-pareho ang laki ng lahat ng sprite.

Output formats

1. PNG atlas: ang packed texture (i-compress ito kung kinakailangan).
2. JSON manifest: per-sprite coordinates, dimensions, anchor point.
3. Unity .meta: Unity-importable metadata.
4. CSS sprite class: ready-to-paste CSS para sa web sprites.
5. Phaser / PixiJS / TexturePacker JSON: para sa mga sikat na game frameworks.

Configuration

• Max atlas size: 2048, 4096, 8192. Mas malaki = mas kaunting atlases para sa maraming sprite.
• Padding: 1–8 px na agwat sa pagitan ng mga sprite upang maiwasan ang texture bleeding.
• Power-of-2: i-on para sa mas lumang mobile GPUs, i-off kung hindi.
• Trim: tanggalin ang transparent pixels bawat sprite upang makatipid ng espasyo.