Pendahuluan
Sprite sheet yang dikemas sangat penting untuk efisiensi rendering runtime, namun ada kalanya Anda perlu membalikkan proses ini. Seniman game, pengembang, dan modder sering kali perlu memodifikasi frame individual, mengekstrak tekstur lama, atau membagi ubin lembar kembali menjadi aset PNG mentah.
Sprite Sheet Unpacker berbasis web menawarkan jalur instan tanpa pengaturan untuk mencapai hal ini. Daripada membuka editor image untuk memotong bingkai secara manual, Anda dapat memuat lembar dan membaginya dalam hitungan detik menggunakan deteksi garis otomatis, file koordinat, atau kisi ubin.
Panduan ini menjelaskan alur kerja untuk membongkar atlas tekstur secara online, memilih mode pemotongan yang tepat, dan memvalidasi animasi bingkai yang diekstrak pada perangkat sebelum diekspor.
Mode pembongkaran inti untuk lembar tekstur
Unpacker siap produksi harus menawarkan beberapa metode pemotongan karena sprite sheet dibuat secara berbeda. Kisi sempurna untuk peta ubin retro, sedangkan file koordinat diperlukan untuk atlas non-kisi yang dipangkas.
ToolBuddy mendukung empat metode pemotongan untuk mencakup semua struktur aset game, memproses file seluruhnya di memori lokal untuk menjaga kecepatan dan privasi.
- Deteksi Otomatis: Secara otomatis menelusuri batas piksel untuk mengiris bentuk tidak beraturan.
- Config Parser: Membaca file JSON, plist, XML, atau atlas untuk mengurai koordinat bernama.
- Grid Split: Membagi lembar berdasarkan ukuran sel yang seragam dengan offset dan margin khusus.
- Pemilihan Manual: Memungkinkan Anda menggambar kotak pangkas khusus langsung pada lembar.
Cara membagi sprite sheet menjadi frame PNG langkah demi langkah
Mulailah dengan menyiapkan sprite sheet image (PNG atau JPG). Jika Anda memiliki file metadata koordinat (seperti plist atau lembar JSON yang diekspor dari Texture Packer), unggah file tersebut bersama image. Unpacker akan secara otomatis mendeteksi format dan memetakan nama ke wilayah tepatnya.
Jika tidak ada file konfigurasi yang tersedia, pilih 'Deteksi Otomatis' agar batas dapat menguraikan bentuk padat, atau masukkan dimensi sel dalam mode 'Kisi'. Tinjau garis pemotongan di kanvas, pilih bingkai untuk memeriksa detailnya, dan ekspor hasilnya sebagai paket zip.
- Unggah sprite sheet image dan file koordinat opsional Anda.
- Pilih mode pemotongan Anda (Otomatis, Konfigurasi, Grid, atau Manual).
- Periksa kotak bingkai yang diiris pada penampil visual interaktif.
- Unduh bingkai yang diekstraksi yang dikemas dalam satu folder ZIP.
Memvalidasi sprite dengan pemutar animasi bawaan
Membongkar bingkai hanyalah separuh pekerjaan; Anda juga perlu memastikan transisinya lancar. Pemutar kanvas interaktif memungkinkan Anda mengkompilasi frame yang diekstraksi ke dalam loop animasi, memverifikasi pemutaran sebelum menyimpannya.
Dengan menyesuaikan penggeser FPS dan melihat pratinjau status loop, Anda dapat menangkap frame yang hilang atau offset registrasi langsung di browser, menghilangkan trial-and-error impor mesin.
- Kompiler loop animasi visual untuk frame yang diekstraksi.
- Pengaturan kecepatan pemutaran (FPS) yang dapat disesuaikan.
- Kotak pratinjau interaktif dengan kemampuan geser dan zoom.
Memahami format file koordinat
Lembar metadata berisi instruksi yang memetakan nama sprite ke kotak pembatas. Jika Anda melakukan rekayasa balik aset, mengetahui format mana yang Anda miliki akan membantu mengatasi peringatan parser.
ToolBuddy mendukung lembar plist untuk Cocos2d, JSON Hash/Array untuk Phaser dan PixiJS, lembar XML untuk Starling, dan file atlas teks untuk Spine, memastikan keakuratan koordinat.
Mengintegrasikan pembongkaran ke dalam saluran aset Anda
Membongkar lembaran sering kali diikuti dengan optimasi. Jika frame yang diekstraksi memerlukan pengurangan ukuran, Anda dapat merutekannya melalui Kompresor Image. Jika Anda perlu mengatur ulang, impor ulang ke Texture Packer untuk membuat lembar yang bersih dan optimal.
Menghubungkan utilitas ini memberikan alur manajemen aset yang lengkap, menjaga siklus iterasi desain Anda tetap cepat, teratur, dan berjalan sepenuhnya secara lokal.