Etkileşimli Bir Kitap Oluşturma

//www.youtube.com/embed/2Ej9nN2Pj0E

Giriş:

Bu, hyperPad kullanarak temel bir etkileşimli kitap yapmayı öğreten bir öğreticidir. Bu öğreticiyi takip ederek, bir kitap oluşturmak için gereken kavramları anlayacaksınız.

Proje Yapısı:

Bir hyperPad projesi, Sahne, Nesne ve Davranışlar olarak üçe ayrılır.

Sahne:

Sahneler, uygulamanız için tüm nesneleri içerir ve uygulamanızı oluşturan farklı parçaları düzenlemenin harika bir yoludur. Örneğin, bir kitabın her sayfası için yeni bir sahne kullanabilirsiniz.

Nesneler:

Nesneler, sahne içindeki bireysel ögelerdir. Bu, her türlü metin veya illüstrasyonu içerir. Her nesnenin kendi davranışları olabilir.

Davranışlar:

Davranışlar, sahnenizi ve nesnelerinizi etkileşimli hale getirir ve canlandırır.

Görselleri İçe Aktarma:

Görselleri Fotoğraf Albümü, Fotoğraf Akışı ve Dropbox'tan içe aktarabilirsiniz. hyperPad, sizin için otomatik olarak retina olmayan görüntüler oluşturacaktır, bu nedenle illüstrasyonlar oluştururken 2048×1536 piksel boyutunda çalıştığınızdan emin olun. Tapapbl'nin içe aktarabileceği maksimum görüntü boyutu 2048×2048 pikseldir.

Ayrıca, hyperPad şu anda yazı tiplerini veya Zengin Metinleri desteklemediğinden, metninizi şeffaf arka plana sahip PNG dosyaları olarak içe aktarmanız gerektiğini de unutmamalısınız.

Tüm görsellerinizi içe aktardığınızda, sahnenize eklemeye başlamak için Nesne Çekmecesini açabilirsiniz.

Davranış Ekleme:

Nesnelerinizi etkileşimli hale getirmek hyperPad'de kolaydır.

Öncelikle etkileşimli hale getirmek istediğiniz nesneye dokunun. Ardından, Nesne Özellikleri'nden Davranışlar düğmesine dokunarak davranış editörünü açın.

Bu öğreticide oluşturmak istediğimiz etkileşim, bir okuyucu nesneye dokunduğunda belirli bir pozisyona taşınmasıdır.

"Giriş" kategorisinden "Dokunmaya Başladı" davranışını tuvale sürükleyin.

Varsayılan olarak, Dokunmaya Başladı davranışı otomatik olarak mevcut nesneyi seçer. Ancak, davranış özelliklerinde nesne grafiğine dokunarak bunu değiştirebilirsiniz.

Sonra "Noktaya Hareket Et" davranışını sürükleyin ve onu önceki adımda eklediğiniz "Dokunmaya Başladı" ile birleştirin. "Noktaya Hareket Et" davranışı, nesneyi tuvalde seçtiğiniz bir noktaya taşıyacaktır.

Belli bir konumu belirlemek için "Davranış Özellikleri" bölümündeki X/Y giriş alanlarını doldurabilirsiniz. Ayrıca, hareket edilecek yeri görsel olarak seçebilirsiniz.

Bunu görsel olarak yapmak için, davranış özelliklerinde nesne grafiklerine dokunun. Taşımak istediğiniz nesneyi seçin ve ardından mavi hedefi istediğiniz konuma taşıyın.

Konumdan memnun kaldığınızda, yeni konumu kabul etmek için onay işaretine dokunun. Davranış özelliklerindeki X ve Y alanlarının otomatik olarak doldurulduğunu göreceksiniz.

Şimdi "Oyna" butonuna basarsanız, davranışların düzenlendiği gibi çalıştığını göreceksiniz. Nesne, ona dokunduğunuzda hareket edecek.

Sayfa Çevirme & Sahneler:

Artık ilk sayfanızda etkileşimler ayarlandığına göre, ek sayfalar eklemek ve bunlar arasında kaydırma işlevi eklemek isteyebilirsiniz.

Kaydırma hareketini eklemenin birkaç farklı yolu vardır. Davranışı sahnenizdeki belirli bir nesneye ekleyebilir veya küresel davranışlara ekleyerek kitabınızdaki tüm sahneleri etkileyebilirsiniz.

Bu öğreticiyi izlerken kaydırma hareketini küresel davranışlara ekleyelim, böylece her yeni sahne için eklemeye gerek kalmaz.

Buna başlamak için, sol üst köşedeki simgeye basarak "Oluşturma Menüsü"nü açın.

Sonra en alttaki "Küresel Davranışlar" düğmesine dokunarak davranış editörünü açın. Buraya eklediğiniz davranışlar, tüm projenizi etkileyen ve her sahneyi açtığınızda yürütülen davranışlardır.

Sonra "Sola Kaydır" davranışını sürükleyin ve ekledikten sonra tuvalde üzerine bir kez dokunarak davranış özelliklerini açın.

"Herhangi bir şeyde kaydır" anahtarının durumuna dikkat edin. Eğer bu anahtar "Kapalı" konumda ise, olayın tetiklenmesi için belirli bir nesne üzerine kaydırmanız gerekir. Anahtarı "Açık" konumuna getirirseniz, herhangi bir şeyde kaydırma yapabilirsiniz ve belirli bir nesneye kaydırmada kısıtlanmazsınız.

Not: Eğer küresel davranışlara bir "Kaydır" davranışı eklerseniz, belirli bir nesne seçilmeyecektir. Kısıtlandığınız nesne "Arka Plan"dır. Anahtarı "Açık" konumuna getirmezseniz, bu işliyormuş gibi görünebilir. Ancak arka planı kaplayan diğer nesneler kaydırma işlemini engelleyebilir, özellikle de başka dokunma girişim davranışları eklendiğinde.

Sonra bir "Sonraki Sahneyi Yükle" davranışı ekleyin ve bunu Kaydırma davranışıyla birleştirin. Bu, parmağınızı ekranın sol tarafına doğru kaydırdığınızda otomatik olarak sonraki sahneyi yükleyecektir.

Eğer projede başka sahneler yoksa, mevcut sahne yeniden yüklenir. Ayrıca, eğer projenizdeki son sahnedeyseniz, sonraki sahne sahne listesinde ilk olan sahne olacaktır.

Artık projenize yeni bir sahne ekleyebilirsiniz. Oynatmaya basarsanız, kaydırma hareketinizin her iki sahnede de çalıştığını, ek bir davranış eklemenize gerek kalmadan göreceksiniz.

Sonuç:

Bu, hyperPad'da etkileşimli bir kitap oluşturmak için bilmeniz gereken her şeydir. Kitaplarınız için geniş bir etkileşim seviyesi oluşturmak için farklı davranışlarla deneme yapabilirsiniz.