Menerapkan animasi lembar sprite

Halaman Diperbarui :
Tanggal pembuatan halaman :

Lingkungan verifikasi

Windows
  • jendela 11
Editor Kesatuan
  • 25f1/3/2020
Paket Sistem Input
  • 1.2.0

Prasyarat untuk tip ini

Pengaturan berikut telah dikonfigurasi sebelumnya sebagai prasyarat untuk penjelasan tips ini.

Apa itu Animasi Lembar Sprite?

Dalam game modern, karakter dan efek dianimasikan dengan memindahkan model 3D, menghitung ledakan secara real time, dan menampilkan efek. Ini menjadi mungkin karena daya komputasi konsol game telah meningkat, tetapi karena konsol game lama tidak memiliki kekuatan sebanyak itu, animasi lembar sprite yang terus-menerus mengganti gambar agar terlihat seolah-olah bergerak adalah arus utama. Prinsipnya sama dengan anime yang diputar di TV. Animasi lembar sprite digunakan oleh lebih sedikit game daripada di masa lalu, tetapi mereka masih sering digunakan karena beban yang diperlukan untuk perhitungan jauh lebih rendah.

Animasi lembar sprite beralih dan menampilkan beberapa gambar berturut-turut. Jarang menyiapkan file gambar sebanyak yang ada, dan pada dasarnya semua pola tampilan disertakan dalam satu gambar. Ini membuatnya lebih mudah untuk mengelola file gambar dan mengurangi beban pemuatan file gambar. File gambar yang merangkum animasi ini disebut "lembar sprite".

Membuat lembar sprite

Lembar sprite pada dasarnya hanyalah file gambar. Karena tidak ada hubungannya dengan Unity, silakan buat dengan alat pengeditan gambar. Format file akhir akan menjadi file PNG yang dapat ditangani Unity.

Selain itu, ada aturan berikut untuk membuat lembar sprite.

  • Satukan ukuran gambar dari semua frame. Misalnya, jika gambar pertama berukuran 32x32 piksel, gambar kedua dan selanjutnya berukuran 32x32 piksel. Misalnya, jika Anda menyiapkan lembar sprite dalam format "3x2" dengan 6 bingkai, ukuran lembar sprite akan menjadi 96x64 piksel.
  • Anda dapat menyelaraskan gambar secara bebas seperti "6x4" atau "2x8", tetapi pastikan untuk membuatnya dengan asumsi bahwa semua bingkai akan terisi. Jika "6x4", itu 24 frame, dan seterusnya. Jika itu adalah animasi 13-frame, siapkan dengan "1x13" atau "13x1".
  • Karena ini adalah animasi, itu disejajarkan dengan benar sehingga tidak ada ketidaksejajaran dalam bingkai sebelum dan sesudah.
  • Arah animasi dimulai dari sel kiri atas dan pergi ke kanan, dan ketika Anda pergi ke paling kanan, itu dimulai dari kiri satu langkah ke bawah dan pergi ke kanan lagi.

Sebenarnya, Anda tidak harus melakukan hal di atas secara ketat di Unity, tetapi jauh lebih mudah untuk memutuskan spesifikasi terlebih dahulu.

Kali ini, saya akan menggunakan lembar sprite untuk mengganti nomor berikut. Satu persegi adalah 32x32 piksel. Ini terdiri dari 24 bingkai "6x4", sehingga ukuran gambar adalah 192x128 piksel.

Mengonfigurasi lembar sprite di Editor Unity

Setelah Anda membuat proyek Anda, tambahkan file lembar sprite ke proyek Anda. Di sini, diasumsikan bahwa nama filenya adalah NumberAnimation .

NumberAnimation Pilih file dan isi inspektur sebagai berikut:

Nilai Item
Jenis Tekstur Sprite (2D dan UI)
Sprite Mode jamak

Ada banyak pengaturan lain yang dapat dikonfigurasi, tetapi mari kita biarkan seperti itu untuk saat ini. Setelah dikonfigurasi, klik tombol "Editor Sprite".

Jika dialog di bawah ini muncul, klik tombol "Terapkan". Bahkan, pengaturan inspektur ini harus disimpan, dan jika Anda menggulir ke bawah, ada tombol "Terapkan", jadi Anda perlu menyimpan pengaturan dengan tombol ini. Ini juga akan disimpan dengan "Terapkan" dalam dialog, jadi tidak masalah ke arah mana Anda menyimpannya.

Editor Sprite muncul. Pada bagian ini, kita akan bekerja memisahkan sprite dari lembar sprite.

Ada tombol yang disebut "Slice" di sudut kiri atas, klik di atasnya dan ubah jenisnya menjadi "Grid By Cell Size". Dalam lembar sprite ini, satu ukuran sprite adalah piksel "32x32", jadi masukkan 32 untuk setiap ukuran piksel. Setelah selesai, klik tombol Slice.

Gambar ini sulit dipahami karena tampaknya jelas dibagi dari awal, tetapi dibagi dengan 1 sprite 32px. Tekan tombol "Ctrl" dan garis pemisah akan muncul dalam warna hijau.

Setelah memisahkan, simpan dengan tombol "Terapkan".

Jika Anda mengklik segitiga dalam file gambar proyek untuk memperluasnya, Anda dapat melihat bahwa sprite telah dibagi.

Penempatan dan Animasi Sprite

Seret sprite yang ditetapkan ke dalam tampilan dan tempatkan.

Kemudian dialog akan muncul, jadi simpan NumberAnimation sebagai . File ini menyimpan pengaturan animasi.

Sprite pertama ditempatkan dalam tampilan, dan pengontrol animasi dan klip animasi dibuat dalam proyek. Jika gambarnya kecil, atur skala untuk membuatnya lebih besar.

Pada titik ini, pengaturan animasi default akan diterapkan, sehingga Anda bisa menjalankan game saja. Anda harus dapat melihat bahwa animasi sprite bergerak segera setelah permainan dimulai.

Mencegah animasi dari looping

Pilih file klip animasi (NumberAnimation.anim) dari proyek Anda.

Di inspektur, ada kotak centang untuk "Loop time", jadi hapus centang.

Jika Anda menjalankan game, Anda akan melihat bahwa animasi berhenti di 24. Ini efektif untuk efek ledakan satu kali.

Mengubah kecepatan animasi

Pilih sprite yang ingin Anda animasikan dari hierarki.

Kemudian pilih tab Animasi. Jika Anda tidak memiliki tab Animasi, pilih Jendela > Animasi > Animasi dari menu.

Ada nomor yang disebut "sampel", yang merupakan beberapa kali untuk mengganti gambar dalam satu detik. Dalam sampel ini, animasi adalah 24 frame, sehingga animasi diulang setiap 2 detik.

Jika Anda mengurangi angka ini, kecepatan animasi akan lebih lambat, dan jika Anda meningkatkannya, kecepatannya akan meningkat.

Tentang pengaturan animasi lanjutan lainnya

Berbagai pengaturan animasi dijelaskan secara terpisah dalam tips khusus animasi. Pengaturan ini tidak eksklusif untuk animasi sprite, tetapi tidak eksklusif untuk Ini sama dengan menyiapkan animasi gerak dan animasi 3D lainnya.

Dalam tip ini, kami akan menjelaskan cara berpindah dari lembar sprite sebagai animasi.