8 yönlü hareketli grafik karakter yürüme animasyonu uygulayın
Doğrulama ortamı
- Windows
-
- pencereler 11
- Unity Düzenleyicisi
-
- 2020.3.25f1
- Giriş Sistemi Paketleri
-
- 1.2.0
Bu ipucu için önkoşullar
Aşağıdaki ayarlar, bu ipuçlarının açıklanması için bir önkoşul olarak önceden yapılandırılmıştır.
Referans sitesi
4 Yönlü Yürüme Animasyonu Hakkında
Önceki ipuçlarımızda size dört yönlü bir yürüyüş animasyonunun nasıl yapıldığını gösterdik. Bu yazımızda 8 yönü açıklayacağız ancak adımların çoğu 4 yönlü yürüme animasyonu ile aynı olduğu için burada sadece farkları açıklayacağız.
Yürüme grafiklerinin hazırlanması
Geçen sefer 4 yön için grafik hazırlamıştık ama bu sefer 8 yön için aşağıdaki gibi grafik hazırlayacağız. "Sol alt", "Sağ alt", "Sol üst" ve "Sağ üst" eklendi.
Oryantasyon sırasına gelince, 8 yönün 4 yöne kıyasla çok net bir şekilde belirlenmediği görülüyor. Ancak, aşağıdaki formatlar nispeten yaygındır, bu nedenle bu sefer bu düzenlemeye devam edeceğiz.
| altında | sol alt |
| Sol | Sağ alt |
| Sağ | Sol üst |
| Sayfanın Üstü | Sağ üst |
Bir proje oluşturun ve görseller hazırlayın
Bu sefer klavyedeki imleç tuşlarıyla bir karakter yerleştirip hareket ettirebilecek bir şey yaratmaya çalışacağım. 8 yön olduğu için çapraz hareket ederseniz grafikler çapraz yönde görüntülenecektir.
İlk adım, yeni bir 2D proje oluşturmaktır. Projeniz için hazırladığınız karakter görselini ekleyin.
Eklediğiniz görüntüyü seçin ve denetçi ayarlarını yapılandırın. Bu ayar 4 yön ile aynıdır.
Hareketli grafik düzenleyicide görüntüyü bölün. Görüntü sayısı artacak, ancak görevler aynı olacak.
Projedeki görüntünün aşağıdaki gibi görüntülenmesinde bir sakınca yoktur.
Animasyon Verileri Oluşturma
Burada yaptığınız şey 4 yönlü yürüme animasyonu ile aynı. Sonunda, 8 yönde bir animasyon oluşturabilirseniz sorun değil. Lütfen görüntüdeki sayıların dört yöndeki zamanla senkronize olmadığını unutmayın.
| Animasyon dosya adı | ayar görüntüsü |
|---|---|
| IwamaruAşağı | Iwamaru_0, Iwamaru_1, Iwamaru_2, Iwamaru_1 |
| IwamaruSol | Iwamaru_6, Iwamaru_7, Iwamaru_8, Iwamaru_7 |
| IwamaruDoğru | Iwamaru_12, Iwamaru_13, Iwamaru_14, Iwamaru_13 |
| IwamaruUp | Iwamaru_18, Iwamaru_19, Iwamaru_20, Iwamaru_19 |
| IwamaruSol Aşağı | Iwamaru_3, Iwamaru_4, Iwamaru_5, Iwamaru_4 |
| IwamaruDoğruAşağı | Iwamaru_9, Iwamaru_10, Iwamaru_11, Iwamaru_10 |
| IwamaruSol Yukarı | Iwamaru_15, Iwamaru_16, Iwamaru_17, Iwamaru_16 |
| IwamaruDoğru Yukarı | Iwamaru_21, Iwamaru_22, Iwamaru_23, Iwamaru_22 |
Her yönün doğru şekilde canlandırıldığından emin olun.
Animasyon geçiş ayarları
Ayarlar, ortaya kadar 4 yönde olduğu zamanki ile aynı, bu yüzden atlayacağım.
Karışım Ağacını kurduktan sonra 8 Hareket oluşturmanız gerekir.
Projeye eklenen .anim dosyasını Motion'daki 8 iteme ayarlayacağız.
Her animasyonun yönünü sayısal olarak belirtin.
| Yön | X | Y |
|---|---|---|
| altında | 0 | -1 |
| Sayfanın Üstü | 0 | 1 |
| Sol | -1 | 0 |
| Sağ | 1 | 0 |
| sol alt | -1 | -1 |
| Sağ alt | 1 | -1 |
| Sol üst | -1 | 1 |
| Sağ üst | 1 | 1 |
Bu, animasyon kurulumunu tamamlar.
Hareket kontrolü
Hareket, klavyedeki bir tuşa basılarak yapılır, böylece onu kontrol etmek için bir komut dosyası oluşturabilirsiniz. Bu komut dosyasının içeriği, 4 yönde oluşturulanla tamamen aynıdır, bu yüzden lütfen ona bakın. Komut dosyası adı "CharacterMove" olmalıdır.
Komut dosyasını oluşturduktan sonra, karakter nesnesine ekleyin.
idam
Bu, tüm süreci tamamlar. Oyunu çalıştırmayı ve hareket ettirmek için klavyenizdeki imleç tuşlarına basmayı deneyin. Karakter bastığınız yönde hareket ediyorsa ve grafik baktığınız yöne doğru yön değiştirirken yürüme animasyonu hareket ediyorsa, işiniz tamamlanmış demektir. Bu sefer 8 yönü destekliyor, bu nedenle lütfen çapraz hareket ettiğinizde grafiğin de çapraz olarak uygulanıp uygulanmadığını kontrol edin.