Animasyonları İçe Aktarma ve Kullanma

hyperPad ile özel animasyonlara sahip nesneler oluşturabilirsiniz. Animasyonlar konusunda iki seçeneğiniz var. Animasyonları bireysel kareler olarak veya tamamlanmış bir sprite çekimi olarak içe aktarabilirsiniz.

Bireysel Kareler:

Bireysel kare görsellerinin bir sırasını içe aktararak bir animasyon döngüsü oluşturabilirsiniz.

Başlamak için, ilk kareyi veya nesnenizi temsil edecek bir görüntüyü "Varlık Kütüphanesi" (bkz. Varlıkları İçe Aktarma)'nden içe aktarmanız gerekmektedir. Nesnenizi içe aktardıktan sonra, animasyon eklemek istediğiniz nesneye parmağınızı basılı tutun, bu Varlık Menüsünü açacaktır.

Varlık Menüsünden "Animasyon Ekle" seçeneğini seçin, bu, Kamera Roll'u veya Dropbox'dan içe aktarma seçeneğini sunar. Bu seçenekler hakkında daha fazla bilgi için "Varlıkları İçe Aktarma"ya bakın.

Arzu ettiğiniz içe aktarma kaynağını seçtikten sonra, animasyonun tüm karelerini seçebilir ve ardından sağ üst köşedeki "Tamam" butonuna tıklayarak bu kareleri içe aktarmaya devam edebilirsiniz.

Animasyon döngüsünün adını girmeniz istenecektir.

Döngünün adını girdikten sonra, hyperPad o varlık için tüm animasyon döngülerine sahip bir sprite çekimi oluşturacaktır (orijinal varlık grafiği dahil). Unutmayın, hyperPad yalnızca 2048x2048 piksel maksimum çözünürlüğe sahip bir sprite çekimi oluşturacaktır. Bu, içe aktarılan her bir çerçevenin (orijinal varlık dahil) toplam boyutunun maksimum sprite çekimi boyutunu aşamayacağı anlamına gelir.

Daha büyük görsellerle, birçok animasyon karesiyle veya her ikisiyle uğraşıyorsanız, muhtemelen maksimum sprite çekimi boyutunu aştığınıza dair bir hata ile karşılaşacaksınız. Böyle büyük grafikler kullanma konusunda ısrarcıysanız, bunun birkaç yolu vardır.

1. Animasyon dizilerinizi birden fazla nesneye bölün. Her biri kendi 2048x2048 sprite çekimine sahip olacak. Yani, bir "yürüyüş" nesnesi, bir "zıplama" nesnesi vb. oluşturabilirsiniz. Her nesne animasyon döngüsünü (veya birden fazla döngüyü) depolar. Bu şekilde birden fazla 2048x2048 sprite çekimi oluştursunuz.

2. Bunları animasyon döngüleri olarak içe aktarmayın. Her animasyon karesini kendi görseli olarak içe aktarın. Ardından, Oynat Animasyon davranışını kullanın ve davranış özelliklerinde animasyon zaman çizelgesine her kareyi manuel olarak ekleyin.

Sprite Çekimleri:

Özel sprite çekimleri oluşturabilir ve projenizi Dropbox ile bağlayarak bunları hyperPad'e içe aktarabilirsiniz. Projenizi Dropbox ile bağlama hakkında daha fazla bilgi için "Varlıkları İçe Aktarma" başlığına bakın.

Özel sprite çekimleri oluşturmak için, "Cocos2D" uyumlu sprite çekimi oluşturma yeteneğine sahip herhangi bir aracı kullanabilirsiniz. Tüm sprite çekimlerinin eşleşen bir PLIST dosyasına sahip olması gerekir; bu dosya sprite çekimi meta verilerini içerir. Uyumlu sprite çekimleri hakkında daha fazla bilgi için "Desteklenen Varlık Türleri" yardım makalesine bakabilirsiniz.

Animasyonları Görüntüleme:

Eğer varlığınızın animasyonları varsa, bu varlık "Varlık Kütüphanesi"nde "Animasyonlu" varlık olarak etiketlenecektir.

Bir varlığın animasyonlarını önizlemek için, animasyonlu varlığa parmağınızı basılı tutarak "Varlık Menüsü"nü açın ve ardından "Animasyonları Görüntüle" seçeneğini seçin.

Buradan "Varlık Menüsü"nü yeniden getirebilir ve "Animasyonu Önizle" seçeneğini seçebilirsiniz. Açılan pencerede animasyon oynatılacak ve ayrıca faydalı bilgiler gösterilecektir.

Bir animasyon döngüsüne parmağınızı basılı tutarsanız, Varlık Menüsü açılacak ve o döngü için bireysel kareleri görüntüleyebilirsiniz.

Animasyonları Kullanma:

Animasyonlu bir varlığı doğrudan tuvali ekleyebilir veya bir animasyonu talep üzerine çalıştırmak için "Oynat Animasyon" davranışını kullanabilirsiniz.

Animasyonlu bir varlığı doğrudan tuvale eklemek için, "Varlık Kütüphanesi"ni açın ve animasyonlu varlığın animasyonlarını görüntüleyin. Eğer bir animasyon döngüsünü seçerseniz, bu "Dock"'a eklenerek onu sahnenize sürüklemenizi sağlar.

Animasyon döngüsünü tuvale eklediğinizde, bu bir nesne oluşturur ve otomatik olarak ona "Oynat Animasyon" davranışını ekler. Eğer o nesne için animasyon oynatma ayarlarını değiştirmek isterseniz, bunu nesnenin Davranışları'ndan yapabilirsiniz.

"Oynat Animasyon" Davranışını Kullanma:

Bir animasyonu bir olay üzerinde oynatmanız gerektiğinde, örneğin bir kullanıcı bir düğmeye bastığında veya bir joyistik hareket ettirdiğinde, "Oynat Animasyon" davranışını kullanabilirsiniz.

Öncelikle, tuvale animasyonlu bir varlık ekleyin. Ardından nesneyi seçin ve "Nesne Özellikleri"nden "Davranış Düzenleyicisi"ni başlatın.

Bu örnekte, nesnenin üzerinde basıldığında bir animasyon oynamasını sağlayacağız. Öncelikle "Dokunmayla Başladı" davranışını ekleyin.

Sonra, FX kategorisinden "Oynat Animasyon" davranışını ekleyin ve bunu daha önce eklediğiniz "Dokunmayla Başladı" davranışına bağlayın.

Bağlandıktan sonra, "Oynat Animasyon" davranışına dokunun, "Davranış Özellikleri"ni görüntülemek için. Davranış özelliklerinden hangi nesnenin animasyonunu oynatacağınızı, hangi animasyonun oynatılacağını ve animasyonun oynatma tarzını etkileyen diğer çeşitli parametreleri değiştirebilirsiniz.

Davranış özelliklerinde, "Animasyonu Seç" olarak etiketlenmiş kutucuğa dokunun. Bu, animasyon zaman çizelgesini açar ve size çerçeveler veya bir animasyon döngüsü eklemenizi sağlar.

Zaman çizelgesine animasyonlar eklemek için, Varlık Kütüphanesi simgesine dokunarak varlık kütüphanesini açabilirsiniz. Dokunduğunuz herhangi bir grafik varlığı otomatik olarak seçilecektir ve zaman çizelgesine eklenir.

Bir animasyon döngüsü eklemek istiyorsanız, animasyonlu bir varlığa basılı tutarak "Varlık Menüsü"nü açın. Varlık Menüsünden "Animasyonları Görüntüle" seçeneğini seçin. Varlık Kütüphanesi şimdi daha önce varlığa eklediğiniz tüm animasyon döngülerini gösterecektir. Bir döngüye dokunmak, onu zaman çizelgesine ekleyecektir.

Zaman çizelgesine animasyonlar eklemeyi tamamladıktan sonra, davrandığınız ekranına dokunarak zaman çizelgesini kapatabilir ve davranış düzenleyicisine dönebilirsiniz.

"Oynat" butonuna basarsanız, nesne yalnızca üzerine dokunduğunuzda animasyon oynatır.