Cara Merancang Helaian Sprite Boleh Guna Semula untuk Beberapa Keadaan Animasi Haiwan Peliharaan

Senaraikan keadaan yang diperlukan oleh haiwan peliharaan sebelum memilih dimensi helaian. Set kecil mungkin merangkumi pegun, bergerak dan reaksi ringkas; senarai tepat bergantung pada projek. Bagi setiap keadaan, tentukan sama ada ia berulang, dimainkan sekali atau diterbalikkan pada penghujungnya. Tandakan bingkai pertama dan terakhir serta anggarkan bilangan pose berbeza yang diperlukan untuk gerakan itu. Ini panduan perancangan, bukannya formula animasi yang ditetapkan.

Dalam Aseprite, tag bingkai boleh menandakan julat sebagai animasi bernama, dan setiap tag boleh menetapkan main balik ke hadapan, terbalik atau ulang-alik. Menamakan dan menag julat semasa merancang menjadikan sempadan keadaan kelihatan dalam fail sumber, walaupun anda kemudian mengeksport semuanya bersama-sama. Aseprite: Tags

Tetapkan lebar dan tinggi sel yang konsisten untuk bingkai animasi apabila alat penerima menjangkakan grid sekata. Sediakan ruang untuk pose haiwan peliharaan yang paling lebar, telinga atau ekor yang terangkat, serta sebarang gerakan kecil di luar badan. Letakkan haiwan peliharaan relatif kepada titik sauh yang sama, seperti bahagian tengah tapak kakinya atau bahagian tengah pose rehatnya. Apabila pose berubah, gerakkan lukisan mengelilingi titik sauh itu dan bukannya mengalihkan titik sauh itu sendiri; jika tidak, haiwan peliharaan mungkin kelihatan melompat antara bingkai.

Grid tetap mudah dipotong kerana setiap sel mempunyai dimensi dan kedudukan baris atau lajur yang sama. Import helaian sprite Aseprite meminta lebar dan tinggi bingkai serta menyokong ofset dan jarak dalam imej yang mempunyai ruang kosong. Jika saiz bingkai berbeza dengan ketara atau memerlukan titik pangsi individu, atlas dengan metadata setiap bingkai mungkin lebih sesuai berbanding grid seragam. Aseprite: Sprite sheets

Lakarkan pelan susun atur ringkas dengan nama keadaan dan julat bingkai. Untuk grid sekata, peruntukkan satu baris bagi setiap keadaan dan susun bingkai setiap keadaan mengikut urutan main balik dari kiri ke kanan. Jika bilangan bingkai berbeza mengikut keadaan, biarkan sel yang tidak digunakan kosong atau gunakan jalur berasingan bagi setiap keadaan; jangan letakkan pose yang tidak berkaitan dalam satu baris semata-mata untuk mengisinya. Urutan rata lebih padat tetapi mungkin lebih sukar diteliti; matriks menjadikan pengelompokan keadaan lebih jelas kepada manusia dan pengimport ringkas berasaskan grid.

Tiada konvensyen susunan baris yang universal. Urutan yang dijangkakan oleh pengimport adalah penting: dokumentasi Aseprite menyatakan bahawa jenis helaian mempengaruhi urutan bingkai yang diambil semasa mengimport, dan eksportnya menyokong susun atur mendatar, menegak dan matriks. Pilih urutan yang boleh ditafsir oleh enjin sasaran, kemudian catatkannya dalam nota projek atau metadata. Aseprite: Sprite sheets

Anggap helaian sprite sebagai imej untuk diserahkan, bukan satu-satunya sumber yang boleh disunting. Simpan projek natif bersama lapisan, bingkai, tag dan hirisannya supaya anda boleh mengubah keadaan tertentu tanpa membinanya semula daripada eksport yang diratakan. Aseprite mendokumenkan bahawa fail .aseprite mengekalkan maklumat seperti lapisan, bingkai, tag dan hirisan; eksport PNG berguna untuk menggunakan karya seni itu di tempat lain. Aseprite: Files

Tambahkan metadata jika masa jalan perlu mencari bingkai atau membaca pemasaan dan nama keadaan. Pilihan eksport Aseprite merangkumi data JSON, kawalan jarak, pemangkasan dan pemilihan tag. Apabila menggunakan susun atur padat atau pemotongan saiz berubah, kekalkan metadata itu bersama imej: koordinat piksel tidak boleh dikenal pasti dengan selamat berdasarkan baris dan lajur sahaja. Hirisan Aseprite juga boleh menyimpan sempadan bernama dan titik pangsi, dan maklumat hirisan boleh disertakan dalam JSON helaian sprite. Aseprite: ExportSpriteSheet, Aseprite: Slices

Jarak merujuk ruang kosong antara bingkai atau di sekeliling helaian; jumlah yang sesuai bergantung pada pengimport dan cara tekstur akan disampel. Asingkan sel jika aliran kerja sasaran memerlukan jurang yang kelihatan atau jika anda mahu menyemak sempadan dengan mudah. Jika bingkai bersentuhan, pastikan pengimport masih boleh memotongnya dengan betul. Aseprite menyediakan jarak sempadan, bentuk dan dalaman sebagai tetapan eksport yang berbeza, jadi semak maksud setiap tetapan dalam alat itu dan bukannya menganggap “jarak” sebagai satu pilihan universal. Aseprite: ExportSpriteSheet

Pemangkasan membuang jidar lutsinar, yang boleh mengurangkan ruang kosong tetapi mungkin mengubah sempadan bingkai yang dieksport. Jika anda memangkas bingkai, kekalkan ofset, titik pangsi atau metadata lain yang diperlukan untuk meletakkan semula potongan yang kelihatan pada titik sauh yang sama. Jika tidak, pose dengan siluet yang lebih kecil mungkin kelihatan beralih walaupun lukisan asalnya dijajarkan dengan betul. Bagi aliran kerja grid sekata tanpa metadata setiap bingkai, elakkan memangkas sel secara individu kecuali pengimport mengekalkan maklumat penjajaran asalnya.

Sebelum mengeksport, semak keadaan yang dirancang mengikut urutan. Pastikan bingkai pertama dan terakhir bagi setiap gelung bersambung seperti yang dikehendaki, tindakan sekali sahaja berhenti pada pose akhir yang sesuai, dan titik sauh haiwan peliharaan kekal stabil secara visual. Kemudian import helaian menggunakan susunan bingkai, dimensi sel, ofset dan jarak sasaran. Mainkan setiap keadaan mengikut pemasaan yang ditetapkan; helaian yang kelihatan kemas dalam pemapar imej masih boleh mempunyai pemotongan yang salah, bingkai yang terlangkau atau susunan yang tertukar dalam pengimport.

Gunakan senarai semak ringkas ini sebelum menyerahkan helaian kepada langkah seterusnya:

• Setiap keadaan mempunyai nama dan julat bingkai yang jelas.

• Dimensi grid, dimensi bingkai dan susunan bacaan sepadan dengan pengimport.

• Haiwan peliharaan kekal sejajar pada titik sauh yang sama merentas pose.

• Pemotongan dan jarak tidak memotong butiran atau mencampur sel bersebelahan.

• Metadata yang dieksport, jika digunakan, disertakan bersama imej yang betul dan menerangkan susun atur semasa.

• Sumber yang boleh disunting kekal tersedia untuk semakan kemudian.

Mula-mula tulis senarai keadaan dan tingkah laku main balik. Seterusnya, tentukan sama ada pengimport menjangkakan grid sekata atau boleh menggunakan metadata bingkai. Tetapkan saiz sel dan titik sauh berdasarkan pose yang paling lebar, petakan setiap keadaan ke dalam baris atau julat bingkai bernama, dan selepas itu barulah lukis serta perhalus animasi. Eksport helaian ujian kecil lebih awal dan import ke dalam masa jalan sebenar sebelum menyiapkan semua pose. Ujian itu mendedahkan andaian susun atur ketika perubahan masih mudah dibuat.

Pilihan perancangan utama ialah kontrak antara karya seni dengan pengimport: grid sekata memerlukan sel yang konsisten dan susunan yang diketahui; helaian padat atau terpangkas memerlukan metadata yang boleh dipercayai serta maklumat peletakan yang dikekalkan. Nyatakan kontrak itu dengan jelas supaya animasi sumber yang sama kekal tersusun sementara susun atur eksportnya berubah mengikut keperluan projek.

• Helaian sprite — Dokumentasi Aseprite

• Tag — Dokumentasi Aseprite

• Fail — Dokumentasi Aseprite

• ExportSpriteSheet — API Aseprite

• Hirisan — Dokumentasi Aseprite