Bölüm 4: Oyuncunuzu Oluşturma | hyperPad Documentation

Loading...

Logo
Tam Kılavuz - Bir Platform Oyunu Oluşturma

Bölüm 4: Oyuncunuzu Oluşturma

Last updated September 19, 2015

3. Kısım'da ilk seviyenizi nasıl oluşturacağınızı öğrendiniz. Bu eğitimde, boş seviyemizi bir oyuna dönüştürmeye başlayacağız.

Platformer, Mario gibi bir oyundur. Genellikle platform oyunlarında bir joystick ile kontrol edilebilen ve çeşitli bulmacaları çözmek için zıplayabilen bir karakter bulunur.

Bu kılavuzun bu bölümü 3. Kısım'a dayanmakta ve Platformer Başlangıç Paketi'ndeki varlıkları kullanarak seviyenizi oluşturduğunuz varsayılmaktadır. Bu paketi Varlık Dükkanı'ndan indirebilirsiniz.

Oyuncu Ekleme:

Öncelikle oyuncunuzun grafiklerini nesne rafına eklemeniz gerekiyor. Varlık Kütüphanesi'nde İndirmeler klasörüne gidin ve animasyonlu Yeşil Uzay Adamı karakterini bulun.

Varlık Kütüphanesi'ndeki animasyonlu karakterin üzerine dokunarak mevcut animasyon döngülerinin tümünü görebilirsiniz.

Oyuncunun hareket etmediği halde yürüyor görünmesini istemediğimiz için, "Dur" animasyon döngüsünü kullanacağız. "Dur" animasyon döngüsüne dokunarak rafınıza ekleyin.

Not: Kullandığınız animasyonlu grafik "dur" veya "hareketsiz" döngüsüne sahip değilse, bir animasyon döngüsüne parmağınızı basılı tutarak tek bir kareyi seçebilir ve Varlık Menüsü'nden "Kareleri Görüntüle"yi seçebilirsiniz.

Artık karakterinizi Nesne Rafında bulundurduğunuza göre, basitçe rafın dışına sürükleyip sahnenize yerleştirebilirsiniz.

Oyuncuyu Hareket Ettirmek:

Şimdi, karakteri hayata geçirmemiz ve bir joystick ile hareket ettirebilmemiz gerekiyor. hyperPad, sağlanan davranışlarla bu süreci oldukça basit hale getirir.

Öncelikle, kanvasa sürüklediğiniz karaktere dokunarak Nesne Özelliklerini açın.

Nesne Özellikleri'nin "Fizik Sekmesi"nden karakterinizi bir "Fizik Türü" haline getirin. Bunun için "Davranışlar" butonunun hemen altında bulunan fizik nesnesi simgesine ( ) dokunun.

Not: Fizik nesneleri, yerçekimi kanunlarına tabi olur ve diğer nesnelere ve kuvvetlere tepki verir.

Ardında Davranışlar butonuna dokunarak davranış editörünü açın ve karakterinizi oynanabilir hale getirme sürecine başlayın.

Davranış editörü, üst çubukta farklı kategoriler ve soldaki listede davranışları görüntüler.

Bir Animasyon Döngüsü eklediğiniz için, davranış kanvasında "Animasyonu Oynat" davranışı zaten eklenmiştir.

"Etkileşim" kategorisinden, "Joystick Kontrollü" davranışını kanvasa sürükleyin.

Bu davranış eklendiği anda, ayrıca otomatik olarak joystick, GENEL UI Katı üzerine eklenir. Eğer daha önce UI katmanınıza bir joystick eklendi ise, davranış otomatik olarak onu kullanacaktır ve yeni bir joystick eklemeyecektir.

Bu aşamada, oynat düğmesine basabilir ve oyununuzu çalıştırabilirsiniz! Ancak oyuncunun sadece ekranda kaydığını görebileceksiniz...

Animasyonlar:

Oyunun görünümünü biraz daha güzel hale getirmek için oyuncumuza bazı animasyonlar ekleyelim.

Joystick'i sola veya sağa hareket ettirdiğimizde karakterin yürümesi ile başlayalım.

Bunu yapmak için "gelişmiş" etkileşim davranışlarını görüntülemeniz gerekmektedir. "Etkileşim" kategorisinde iken, davranış listesinin alt kısmında "Gelişmiş" seçeneğine dokunun.

"Gelişmiş" listesinde, "Joystick Sol" ve "Joystick Sağ" davranışlarını kanvasa ekleyin.

Ardında, "FX" kategorisinden "Animasyonu Oynat" davranışını ekleyin ve her iki Joystick Sol ve Sağ'ı yeni eklenmiş Oynat Animasyonu'na bağlayın.

Şimdi, "Animasyonu Oynat" Davranışına dokunarak Davranış Özelliklerini görüntüleyin.

Üstteki ilk kutu, animasyonu uygulamak istediğiniz nesnedir. hyperPad otomatik olarak mevcut nesneyi seçmektedir.

Not: Burası ile dokunup, sahnenizdeki herhangi bir başka nesneyi seçebilirsiniz. Şu anda bunu yapmak istemiyoruz, bu yüzden bırakıp geçiyoruz.

Aşağıdaki kutu, çalmak istediğiniz animasyonu temsil eder. Çünkü şu anda çalınacak bir animasyon yok, kutu boştur.

Boş kutuya dokunarak bir animasyon seçin.

Aşağıda, film şeridi görüntülendiğini fark edeceksiniz. Bir animasyon döngüsü eklemek için Varlık Kütüphanesi simgesine dokunun.

Animasyonlu Yeşil Uzay Adamı karakterine gidin ve "Yürüyüş" döngüsünü seçin. Animasyonun her karesi otomatik olarak film şeridine eklenmiştir. Film şeridini kapatmak için herhangi bir yere dokunarak özelliklere geri dönebilirsiniz.

Not: Ayrıca animasyon film şeridine bireysel resimler veya animasyon kareleri de ekleyebilirsiniz. Önceden oluşturulmuş animasyon döngüleri ile sınırlı değilsiniz.

Sonrasında, Yürüyüş animasyonu davranış özelliklerinden "Animasyonu Döngüsüne" geçiş geçişini kapatın. Bu geçişi kapatmamız gerekiyor çünkü Joystick Sol ve Sağ, animasyonumuzu aslında döngüleme yapıyor, çünkü animasyon yalnızca joystick sola veya sağa itildiğinde gerçekleşecektir.

Son olarak, daha sonra bulmanın daha kolay olması için bu davranışı yeniden adlandıralım. Davranış özelliklerinden, en üstteki davranış adının üzerine dokunun. Bu, bir klavye açacak ve davranış için yeni bir isim yazmanızı sağlayacaktır. "Yürüyüş Animasyonu" adını koyalım.

Şimdi oynat düğmesine basarsanız, karakteriniz joystick ile hareket edecek ve animasyonlanacaktır!

Zıplama:

Bir platform oyununda zıplama olmadan olmaz! Oyuncunun zıplamasını yapmak hyperPad'de çocuk oyuncağı.

Yeşil Uzay Adamı'nın davranış editörü içinde, "Etkileşim" kategorisine dokunun ve soldaki davranış listesinden "Buton ile Zıpla" davranışını sürükleyin. Joystick Kontrollü davranışı gibi, buton ile zıplama da nesnelerinizin hareketlerinden birçoğunu sizin için halledecektir ve otomatik olarak Genel UI Katmanına bir buton ekleyecektir.

Atlayış davranışını görüntülemek için zıplama davranışına dokunabilirsiniz. Atlayış davranış özelliklerinden oynatılacak ses, zıplama gücü gibi ayarları değiştirebilirsiniz. Bu öğretici için her şeyi aynı bırakacağız, yalnızca gücü değiştireceğiz.

Gücün 18 ayarına ayarlanması gerekti, 3. Kısım'da oluşturulan engellerin üzerinden zıplamak için. Kendi seviyenizi tasarladıysanız, zıplama değerinde oynamanız gerekebilir.

Şimdi oynat düğmesine basarsanız, oyuncunuzun koşup zıpladığını görebilirsiniz. Ancak, zıplarken karakterin hala yürümeye devam ettiğini görebiliyor olabilirsiniz... Bunu düzeltelim!

Öncelikle, zıplarken bir animasyon oynatalım.

"Etkileşim" kategorisinden bir "Dokunmaya Başladı" davranışı ekleyin, ardından eklediğiniz davranışa dokunarak özelliklerini görüntüleyin.

Artık bu davranışı zıplama butonuna dokunmaya başladığınızda çalışacak şekilde değiştirmeniz gerekiyor. "Dokunmaya Başladı" davranış özelliklerinden, üstteki kutudaki uzay adamı grafik üzerine dokunun.

Bu sizi "Nesne Seçici" ekranına götürür. Buradan sahnenizdeki herhangi bir nesneyi veya UI öğesini seçebilirsiniz. Muhtemelen butonu seçemeyeceksiniz. Bunun nedeni, Yeşil Uzay Adamı'nın Ana Katmanda olması ve butonun Genel UI Katmanında olmasıdır. Ekranın sağ tarafındaki katman çubuğundan yalnızca "Genel UI" katmanına dokunun. Artık butonu seçebilirsiniz.

Buton seçildiğinde, alt kısımda bulunan onay simgesine dokunun.

Sonrasında, yeni eklediğiniz bir Oynat Animasyonu davranışı ekleyin ve bunu daha önce eklediğimiz Dokunmaya Başladı davranışına bağlayın.

Daha önce yaptığınız gibi, davranışı yeniden adlandırabilir ve Davranış Özelliklerinden bir animasyon seçebilirsiniz.

Yeniden adlandırmak için, nesne özelliklerindeki davranışın başlığına dokunun ve yeni bir isim girin. "Zıplama animasyonu" kullandım.

Yürüyüş animasyonunda olduğu gibi, zıplama için bir döngü seçmeniz gerekecek. Davranış özelliklerindeki ikinci boş kutuya dokunun ve mevcut Yeşil Uzay Adamı animasyonlarından Zıplama animasyon döngüsünü seçin.

Ayrıca "Animasyonu Döngüsünden" geçiş anahtarını ve "Kareyi Geri Yükle" geçiş anahtarını kapatmanız gerekecek.

Şimdi oynat düğmesine basarsanız, zıpladığınızda karakterin zıplıyormuş gibi göründüğünü görebilirsiniz! Ancak, yine de 2 küçük sorun var.

  1. Karakter düştüğünde durma animasyonuna geri dönmüyor

  2. Karakter havadayken hareket ederseniz, karakter havada yürüyüş animasyonunu oynatıyor.

İlk sorun için, "Dönüşüm" davranış kategorisine geçin ve gelişmiş butona dokunarak gelişmiş davranışları görüntüleyin.

Artık "Düşmeyi Durdur" davranışını sürükleyin ve bir "Animasyonu Oynat" davranışını FX kategorisinden sürükleyin ve bunu "Düşmeyi Durdur" ile bağlayın.

Yeni eklediğiniz "Animasyonu Oynat" durumunda, Yeşil Uzay Adamı'nın

"Dur" animasyon döngüsünü seçin, "Kareyi Geri Yükle" ve "Animasyonu Döngüsünü" kapatın ve "Durma" isimli Oynatma Animasyonu davranışının adını değiştirin.

Yeşil Uzay Adamı artık zıplayabilir ve yere düştüğünde duruyormuş gibi görünebilir.

İkinci problem için, karakter zıplarken animasyonu durdurmamız gerekiyor.

"Özel" davranış kategorisine geçin ve "Davranış Kapat" davranışını sürükleyin ve bunu daha önce eklediğimiz Zıplama Animasyonu için "Dokunmaya Başladı" davranışıyla bağlayın.

Artık "Davranış Kapat"'a dokunun ve listedeki bir davranışı seçmek için boş kutuya dokunun. Listeden, Joystick sol ve sağ davranışlarına bağlı olan "Animasyonu Oynat" (Yürüyüş Animasyonu) davranışını bulun.

Sonrasında, "Davranışı Aç" ekleyin ve bunu daha önce "Düşmeyi Durdur" davranışıyla bağlayın.

Yine boş kutuya dokunarak, yürüyüş animasyonunu oynatan Oynat animasyonunu (Yürüyüş Animasyonu) seçin.

Şimdi oynat düğmesine basarsanız, karakteriniz mükemmel bir şekilde hareket edebiliyor ve zıplayabiliyor!

Ekranı Hareket Ettirme:

Muhtemelen fark ettiğiniz üzere, çok uzaktaysanız karakter ekranın dışına çıkar. Geleneksel platform oyunlarında ekran genellikle oyuncunuzla birlikte hareket eder. Mario'ya örnek verelim, Mario her zaman ekranın ortasında (biraz değişim ile) kalır.

Ekranın Yeşil Uzay Adamı ile hareket etmesini sağlayalım, böylece ekranın dışına çıkamaz.

Yeşil Uzay Adamı'nın davranışları içinde, "Ekran" kategorisine geçin ve "Ekranı Takip Et" davranışını ekleyin. "Ekranı Takip Et" davranışı seçtiğiniz nesne ile ekranı hareket ettirir.

Sonrasında, Ekranı Takip Et davranış özelliklerini açın ve "Y'i Takip Et" geçişini kapatın. Bu, ekranın sola veya sağa hareket etmesini sağlar, ancak yukarı veya aşağı hareket ettirmeyecektir.

Bu aşamada eğer oynat düğmesine basarsanız, seviyesi boyunca animasyonlu bir karakterle koşabileceğinizi ve ekranın sizinle birlikte hareket ettiğini görebilirsiniz.

  1. Bölümün tamamlanmış versiyonunu Hub'dan indirip tüm bunları eylemde görebilirsiniz.

  1. Kısım'da, toplayacağımız paralar ve bir skor ekleyerek biraz daha Oyun Oynama unsurları eklemeye başlayacağız.