Untuk pengguna Aseprite
Pembongkar Lembar Sprite Aseprite
Ekspor gambar lembar sprite dan data JSON-nya dari Aseprite. Alat ini memulihkan setiap bingkai terpangkas ke ukuran kanvas asli.
Contoh: sheet.png + sheet.json → PNG bingkai ukuran penuh
Coba alat ini- 1. TambahkanGambar Aseprite + JSON
- 2. SesuaikanPulihkan posisi bingkai
- 3. SimpanPNG ukuran penuh dalam ZIP
1. Tambahkan kedua berkas yang diekspor dari Aseprite
Di Aseprite, ekspor lembar sprite beserta data JSON-nya. Pilih gambar dan JSON dari ekspor yang sama.
Cara menggunakannya
1. Ekspor gambar dan JSON bersama
Ekspor lembar sprite dengan metadata JSON di Aseprite dan simpan kedua berkas dari ekspor itu. Alat ini membaca lembar PNG atau WebP dengan data array atau hash JSON, bukan proyek asli .ase atau .aseprite.
2. Muat pasangan yang sesuai
Pilih A. Lembar gambar dan B. Data JSON yang sesuai, lalu pulihkan. Pengimpor memeriksa meta.size serta setiap pangkasan dan offset. Jangan gunakan ulang JSON lama setelah mengemas ulang atau mengubah ukuran lembar.
3. Periksa dan simpan urutan yang dipulihkan
Gunakan penggeser Bingkai dan pratinjau pemutaran untuk memeriksa penyelarasan. Setiap potongan ditempatkan pada kanvas sourceSize-nya menggunakan offset spriteSourceSize. Unduh ZIP dan simpan manifest.json untuk nama, durasi, dan tag bingkai.
Tiga persegi panjang menjelaskan lompatan sprite terpangkas
frame menentukan letak piksel dalam sheet yang dikemas. x dan y-nya adalah koordinat atlas, bukan posisi asli karakter. sourceSize memberikan dimensi kanvas asli. spriteSourceSize memberikan posisi potongan di dalam kanvas itu.
Pose 64 × 64 yang dipangkas menjadi 22 × 38 dapat berada pada (128, 0) dalam lembar, tetapi pada (19, 20) dalam bingkai asli. Pemulihan membuat kanvas transparan 64 × 64, menyalin persegi panjang 22 × 38 itu, lalu menempatkannya pada (19, 20). Menggambarnya pada (0, 0) akan menggeser karakter.
Pemulihan tidak membatalkan gerakan disengaja dalam bingkai asli atau menciptakan pivot baru. Tag dan durasi dipertahankan dalam manifest, tetapi aplikasi penerima harus menggunakannya. Pemutaran FPS seragam tidak otomatis mempertahankan jeda tidak sama.
| Pengaturan atau masukan | Artinya |
|---|---|
| frame: 128, 0, 22, 38 | Baca persegi panjang ini dari lembar |
| spriteSourceSize: 19, 20, 22, 38 | Tempatkan pangkasan pada (19, 20) |
| sourceSize: 64 × 64 | Ekspor PNG dengan kanvas penuh |
| duration: 100 | Retain 100 ms in manifest.json |
Periksa sebelum mengunduh
Dimensi yang cocok tidak membuktikan pengemasan yang cocok
Dua hasil ekspor dapat memiliki ukuran sama tetapi susunan berbeda. Periksa pose pertama dan terakhir yang mudah dikenali, dan gunakan file yang dihasilkan dalam ekspor yang sama.
Tetap gunakan format ekspor yang didukung
Bingkai diputar tidak didukung. Batas: JSON 2 MB, gambar 20 MB, 100 bingkai, sisi lembar 4096 px, 16 juta piksel lembar, sisi bingkai dipulihkan 1024 px, dan total 20 juta piksel dipulihkan.
Pertanyaan
Bisakah saya mengunggah proyek Aseprite asli?
Tidak. Ekspor lembar dan JSON terlebih dahulu. Lapisan yang dapat diedit, cel, dan struktur proyek asli tidak dimuat.
Mengapa bingkai hasil pengepakan yang diputar ditolak?
Pengimpor menangani pangkasan tanpa rotasi. Ekspor ulang tanpa rotasi. Mengubah rotated ke false dalam JSON akan salah menafsirkan piksel, bukan memperbaiki.
Mengapa PNG lebih besar daripada potongan yang dikemas?
Masing-masing menggunakan kanvas sourceSize asli dan ruang tambahan transparannya. Ini mempertahankan kesejajaran pose. Simpan atlas yang dikemas ketika tujuannya penyimpanan tekstur ringkas.
Apakah ZIP mempertahankan durasi?
Durasi dan tag bingkai valid berada dalam manifest.json. Berkas PNG saja tidak memiliki waktu pemutaran. Impor atau buat ulang metadata dalam editor atau engine penerima.
Apa yang harus dilakukan setelah kesalahan dimensi?
Bandingkan meta.size dengan gambar dan periksa apakah ukuran atau pengemasan diubah setelah ekspor. Buat ulang kedua berkas bersama, bukan mengubah metadata untuk melewati validasi.
Alat dan tutorial terkait
Pulihkan bingkai terpangkas Aseprite — Ikuti contoh offset dan diagnosis garis dasar yang bergerak.
Animator Lembar Sprite — Uji bingkai dipulihkan pada FPS seragam ketika durasi berbeda tidak diperlukan.
Dokumentasi ekspor Aseprite — Baca instruksi editor untuk membuat lembar dan data yang sesuai.