Hareketli grafik sayfası animasyonları uygulama
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.
Sprite Sayfası Animasyonu Nedir?
Modern oyunlarda, karakterler ve efektler, 3B modelleri hareket ettirerek, patlamaları gerçek zamanlı olarak hesaplayarak ve efektler görüntüleyerek canlandırılır. Bu, oyun konsollarının bilgi işlem gücü arttığı için mümkün oldu, ancak eski oyun konsolları bu kadar güce sahip olmadığından, hareket ediyormuş gibi görünmesi için görüntüleri sürekli olarak değiştiren hareketli grafik sayfası animasyonu ana akımdı. Prensip, TV'de oynanan anime ile aynıdır. Sprite sayfası animasyonları geçmişe göre daha az oyun tarafından kullanılıyor, ancak hesaplamalar için gereken yük çok daha düşük olduğu için hala sıklıkla kullanılıyorlar.
Sprite sayfası animasyonu geçiş yapar ve arka arkaya birden çok görüntü görüntüler. Olduğu kadar çok görüntü dosyası hazırlamak nadirdir ve temel olarak tüm görüntüleme desenleri tek bir görüntüye dahil edilmiştir. Bu, görüntü dosyalarını yönetmeyi kolaylaştırır ve görüntü dosyalarını yükleme yükünü azaltır. Bu animasyonu özetleyen görüntü dosyasına "hareketli grafik sayfası" adı verilir.
Hareketli grafik sayfası oluşturma
Hareketli grafik sayfası aslında yalnızca bir görüntü dosyasıdır. Unity ile ilgisi olmadığı için lütfen bir resim düzenleme aracıyla oluşturun. Son dosya biçimi, Unity'nin işleyebileceği bir PNG dosyası olacaktır.
Ayrıca, hareketli grafik sayfaları oluşturmak için aşağıdaki kurallar vardır.
- Tüm karelerin görüntü boyutunu birleştirin. Örneğin, ilk görüntü 32x32 piksel ise, ikinci ve sonraki görüntüler 32x32 piksel olacaktır. Örneğin, 6 karelik "3x2" formatında bir hareketli grafik sayfası hazırlarsanız, hareketli grafik sayfasının boyutu 96x64 piksel olur.
- Görüntüyü "6x4" veya "2x8" gibi serbestçe hizalayabilirsiniz, ancak tüm çerçevelerin doldurulacağı varsayımıyla oluşturduğunuzdan emin olun. "6x4" ise, 24 karedir vb. 13 karelik bir animasyonsa, "1x13" veya "13x1" ile hazırlayın.
- Animasyon olduğu için önceki ve sonraki karelerde yanlış hizalama olmayacak şekilde düzgün bir şekilde hizalanır.
- Animasyonun yönü sol üst hücreden başlar ve sağa gider ve en sağa gittiğinizde soldan bir adım aşağıdan başlar ve tekrar sağa gider.
Aslında, yukarıdakileri kesinlikle Unity'de yapmak zorunda değilsiniz, ancak spesifikasyonlara önceden karar vermek çok daha kolaydır.
Bu sefer, aşağıdaki sayıları değiştirmek için bir hareketli grafik sayfası kullanacağım. Bir kare 32x32 pikseldir. 24 "6x4" kareden oluşur, bu nedenle görüntü boyutu 192x128 pikseldir.
Unity Düzenleyicisi'nde hareketli grafik sayfasını yapılandırma
Projenizi oluşturduktan sonra, projenize bir hareketli grafik sayfası dosyası ekleyin.
Burada, dosya adının NumberAnimation .
NumberAnimation Dosyayı seçin ve denetçiyi aşağıdaki gibi doldurun:
| Öğe | Değerleri |
|---|---|
| Doku Türü | Sprite'lar (2D ve UI) |
| Sprite Modu | çoğul |
Yapılandırılabilecek başka birçok ayar var, ancak şimdilik olduğu gibi bırakalım. Yapılandırıldıktan sonra, "Sprite Editor" düğmesine tıklayın.
Aşağıdaki iletişim kutusu görünürse, "Uygula" düğmesini tıklayın. Aslında, bu denetçinin ayarları kaydedilecek ve aşağıya doğru kaydırırsanız, bir "Uygula" düğmesi vardır, bu nedenle ayarları bu düğme ile kaydetmeniz gerekir. Ayrıca iletişim kutusunda "Uygula" ile kaydedilecektir, bu nedenle hangi şekilde kaydettiğiniz önemli değildir.
Sprite Düzenleyicisi görünür. Bu bölümde, hareketli grafiği hareketli grafik sayfasından ayırma üzerinde çalışacağız.
Sol üst köşede "Dilim" adlı bir düğme var, üzerine tıklayın ve türü "Hücre Boyutuna Göre Izgara" olarak değiştirin. Bu hareketli grafik sayfasında, hareketli grafiğin bir boyutu "32x32" pikseldir, bu nedenle her piksel boyutu için 32 girin. İşiniz bittiğinde Dilim düğmesini tıklayın.
Bu görüntüyü anlamak zordur çünkü baştan açıkça bölünmüş gibi görünür, ancak 1 hareketli grafik 32px'e bölünür. "Ctrl" tuşuna basın, bölünmüş çizgi yeşil renkte görünecektir.
Bölündükten sonra "Uygula" butonu ile kaydedin.
Genişletmek için projenin görüntü dosyasındaki üçgene tıklarsanız, hareketli grafiğin bölündüğünü görebilirsiniz.
Sprite Yerleştirme ve Animasyon
Ayarlanan hareketli grafiği görünüme sürükleyin ve yerleştirin.
Ardından bir iletişim kutusu görünecektir, bu nedenle olarak kaydedin NumberAnimation .
Bu dosya animasyon ayarlarını tutar.
İlk hareketli grafik görünüme yerleştirilir ve projede bir animasyon denetleyicisi ve animasyon klibi oluşturulur. Görüntü küçükse, ölçeği büyütecek şekilde ayarlayın.
Bu noktada, varsayılan animasyon ayarları uygulanacaktır, böylece oyunu çalıştırabilirsiniz. Oyun başlar başlamaz hareketli grafik animasyonunun hareket ettiğini görebilmelisiniz.
Animasyonların döngüye girmesini önleyin
Projenizden animasyon klip dosyasını (NumberAnimation.anim) seçin.
Müfettişte, "Döngü süresi" için bir onay kutusu vardır, bu yüzden işaretini kaldırın.
Oyunu çalıştırırsanız, animasyonun 24'te durduğunu göreceksiniz. Tek seferlik patlama etkileri için etkilidir.
Animasyonun hızını değiştirme
Hiyerarşiden animasyon uygulamak istediğiniz hareketli grafiği seçin.
Ardından Animasyon sekmesini seçin. Animasyon sekmeniz yoksa, menüden Pencere > Animasyon'u > Animasyon'u seçin.
Görüntüleri bir saniyede değiştirmek için kullanılan "örnek" adı verilen bir sayı vardır. Bu örnekte animasyon 24 karedir, bu nedenle animasyon her 2 saniyede bir tekrarlanır.
Bu sayıyı azaltırsanız animasyon hızı yavaşlar, artırırsanız hız artar.
Diğer gelişmiş animasyon ayarları hakkında
Çeşitli animasyon ayarları, animasyona özel ipuçlarında ayrı ayrı açıklanmıştır. Bu ayarlar hareketli grafik animasyonlarına özel değildir, ancak Diğer hareketli animasyonları ve 3D animasyonları ayarlamakla aynıdır.
Bu ipucunda, hareketli grafik sayfasından animasyon olarak nasıl hareket edileceğini açıklayacağız.