hyperPad ile projelerinizi birden fazla cihaz ve ekran boyutu için oluşturabilirsiniz. Farklı cihazları desteklemek söz konusu olduğunda, iki tür proje bulunmaktadır: Cihaza Özel Projeler ve Evrensel Projeler.

Cihaza Özel Projeler: Desteklemek istediğiniz her platform için ayrı bir proje versiyonu oluşturun. Projenizi oluştururken, projeniz için tek bir cihaz belirtirsiniz. Örneğin, sadece bir iPad oyunu yapmak istiyorsanız, projenizi oluştururken sadece Sadece iPad (4:3) seçin.

Evrensel Projeler: Tek bir projeyle birden fazla cihazı destekleyin. Projenizi oluştururken, birden fazla hedef cihaz seçin. Bu, aynı projenin hem iPhone'da hem de iPad'de iki ayrı versiyon gerektirmeden çalışabileceği anlamına gelir.

Her iki yaklaşımın da artıları ve eksileri vardır. Ekranın tamamı üzerinde tam kontrol gerektiren projeler için cihaza özel bir yaklaşım faydalı olabilir. Ancak, bu, her yeni platform için oyununuzu/projenizi tekrar oluşturma gereksinimiyle birlikte gelir.

Evrensel projelerin faydası, oyununuzu veya uygulamanızı sadece bir kez oluşturmak zorunda olmanızdır. Ancak, ekranda neyin göründüğü üzerinde daha az kontrolünüz vardır. Örneğin, daha geniş bir cihazda, aksi takdirde fark edilmeyecek daha fazla içerik görebilirsiniz. hyperPad, belirli unsurları kontrol etmek için bazı araçlar ve davranışlar sağlar, ancak bazen sadece tam kontrol gerekebilir ve cihaza özel bir proje daha mantıklı olabilir.

Bu makale esasen evrensel projeleri kapsamaktadır, çünkü birden fazla en boy oranı ve cihazla ilgileniyorsunuz. Cihaza özel projeler için, içeriğinizin tuvaldeki yeşil alana sığdırılması yeterlidir.

Evrensel Proje Oluşturma

Yeni bir proje oluşturduğunuzda, desteklemek istediğiniz cihazları seçmeniz istenir. Varsayılan olarak sadece iPad (4:3) seçilidir. Diğer cihazlara destek sağlamak için üzerine dokunabilirsiniz. Birden fazla cihaz seçtiğinizde, projeniz "Evrensel Proje" olarak kabul edilir.

Cihazları Değiştirme

Birden fazla cihazı desteklemek için seçtiğinizde, projelerinizin içeriğinin her cihaz/ en boy oranı için ekranda uygun şekilde görünmesini sağlamanız gerekir.

Tuvaldeki yeşil dikdörtgen alan görünen ekran alanıdır. Görünen ekran alanı içerisinde yer alan her şey, projeniz çalışırken görülecektir. Projeyi oluştururken etkinleştirdiğiniz her cihazın kendine ait görünür ekran alanı olduğunu unutmayın.

İçeriğinizin her alan için görünür ekran alanına uygun sığdığından emin olmak için Döngüsel Cihaz simgesine tıklayın. Araç paleti.

Bazı cihazların iPhone gibi birden fazla ekran boyutu ve en boy oranına sahip olduğunu unutmayın. Bu cihazlar için bir proje geliştiriyorsanız ve eski bir iOS sürümünü desteklemek istiyorsanız, içeriğinizin o cihazın her versiyonunda çalıştığından emin olmalısınız. Yani, eğer iPhone'u seçerseniz, içeriğinizin iPhone 4 ekran alanına (3:2) ve iPhone 5,6,6+ (16:9) ekran alanına sığdığından emin olmalısınız.

Birden Fazla Cihaz İçin Proje Tasarımı

Genel olarak bir oyun veya uygulama geliştirirken, her proje için her şeyi yeniden yapmaktan kaçınmak istersiniz. Evrensel Projeler ile tekrar yapmanız gereken iş miktarını minimize eden zeki bir tasarım kullanabilirsiniz.

hyperPad'de tüm ekran boyutları sol alt köşeden başlar, ardından daha büyük cihazlar için sağa ve yukarı ölçeklenir. Bunu göz önünde bulundurursanız, birçok oyun bir kez oluşturulabilir.

Sahnenizi tasarlarken, ana içeriğinizin en küçük cihaz içinde sığacak şekilde ve arka planınızın en büyük cihaza uyacak şekilde tasarlayın. Projenizi oluştururken en büyük boyut "Tasarım Çözünürlüğü" olarak etiketlenmiştir. Bunu yaparak birçok proje otomatik olarak tüm cihazlarda harika görünür.

Örneğin, hem iPhone hem de iPad üzerinde çalışacak bir platform oyunu yapmak istiyorsunuz. Ana seviye tasarımını (zemin engelleri vs.) en küçük iPhone ekranına (16:9 en boy oranı) sığacak şekilde tasarlayabilir ve arka planınızı en büyük cihaza (iPad) uyacak şekilde oluşturabilirsiniz. En küçük iPhone'da oyun, tasarladığınız gibi görünecektir. Daha büyük cihazlarda (iPad 4:3 veya Masaüstü 16:10) oyun, üst kısmında daha fazla dikey içerik gösterecektir. Arka planınızı en büyük boyuta uyacak şekilde yaptığınız için her zaman görünür bir şey vardır ve boş siyah alan bırakılmaz.

Cihazlar arasında döngü yaparken, görünür ekran alanının genişliğinin değişmediğini göreceksiniz. hyperPad, tüm cihazlar genelinde genişliği tutmak için özel bir çözünürlük kullanır. Yalnızca yükseklik değişir ve dikey olarak daha fazla veya daha az içerik gösterir.

Aşağıda farklı cihazların en boy oranlarını ve çözünürlüklerini temsil eden bir tablo bulunmaktadır.

En Boy Oranları	Sembol	Cihazlar	Tasarım Çözünürlüğü
4:3		iPad, iPad Pro	2048 px x 1536 px
16:9		iPhone 5, iPhone 5S, iPhone 6, iPhone 6 plus, iPhone 6S. iPhone 6S Plus, iPod 5.nesil, iPod 6.nesil	2048 px x 1158 px
3:2		iPhone 3GS, iPhone 4, iPhone 4S, iPod 4.nesil	2046 px x 1364 px
16:10		Masaüstü bilgisayarlar	2048 px x 1280 px

Eski iPhone'lara Dair Bir Not (3GS, iPhone 4, 4S ve iPod 4.nesil): Bu cihazlar 3:2 en boy oranı kullanır. Tüm cihazların genişliğini tutmak için, 3:2 cihazların görünür ekran alanı, fiziksel olarak daha büyük olan iPhone 5, 6+ (16:9) cihazlardan daha yüksektir. Eğer iPhone için geliştirme yapmak ve iOS 9 ve öncesini desteklemek istiyorsanız, projenizin 3:2 ekran alanında sığdığından emin olmalısınız.

Yalnızca iOS10 ve üstünü desteklemek istiyorsanız, o zaman içeriğinizin 3:2 ekran alanına sığması konusunda endişelenmenize gerek yoktur.

Varlıkları İçe Aktarma

hyperPad, projenizi tüm cihazlarda harika görünmesi için otomatik olarak ölçeklendirir. Projenizin tüm cihazlarda harika görünmesini sağlamak için, her zaman görüntülerinizi Tasarım Çözünürlüğü'ne uyacak şekilde içe aktarmalısınız. Tasarım Çözünürlüğü retina olarak verilmiştir, bu nedenle görüntüleri içe aktardığınızda, otomatik olarak bir non-retina görüntü oluşturulacaktır.

Örneğin, 512x512 piksel bir görüntü içe aktarırsanız, sizin için 256x256 piksel bir görüntü oluşturulacaktır.

Ayrıca, tasarım çözünürlüğünün piksel cinsinden ölçüldüğünü unutmayın. Gerçek cihazda, her şey nokta cinsinden ölçülür. Bu, 2048x1536 pikselin, aslında 1024x768 nokta (retina cihazda) olduğu anlamına gelir.

Kesin ve Göreli Konumlandırma

hyperPad'de nesneleri konumlandırmanın iki yolu vardır. Kesin ve Göreli. Kesin konumlar, bir nesneyi tuvalde belirli bir piksel konumuna yerleştirir ve metre cinsinden ölçülür. Göreli konumlar, nesnenizi görünür ekran alanının yüzdesine göre konumlandırır.

Kesin konumlarla, nesneleriniz daha küçük cihazlarda ekrandan dışarıda görünebilir. Bu, koordinat sisteminin her cihazdan bağımsız olarak aynı kalmasından kaynaklanır (1 metre iPhone, iPad veya başka bir cihazda aynıdır).

Göreli konumlarla, nesneniz hangi cihaz olursa olsun aynı göreli konumda görünecektir. Yani nesnenizi ekranınızın ortasına yerleştirirseniz, bu iPhone, iPad ve TV veya bilgisayar gibi daha büyük cihazlar için de ortada olur.

Varsayılan olarak, düzenli katmanlara yerleştirdiğiniz nesnelerin hepsi kesin konumları kullanır ve Kullanıcı Arayüzü katmanları üzerine yerleştirdiğiniz her şey yüzdeye göre konumlandırılır. Bu şekilde her cihaz için butonlarınızın, sağlık çubuklarınızın veya joystick'lerin ekrandan dışarıda olmalarını endişe etmeden yerleştirebilirsiniz.

Aşağıdaki gifte, göreli konumların etkisini görebilirsiniz. "Dokun" işaretleri ve el, göreli konumları kullanıyor ve her cihaz için hep ortada kalıyor.

Bir nesnenizin konumlandırma türünü değiştirmek için, nesnenizi seçin ve Nesne Özellikleri bölümünden Dönüşüm Sekmesi'ne geçiş yapın ve konum alanındaki "%" simgesine tıklayın. Bu, mevcut konumunuzu ekran yüzdesine dönüştürür.

Desteklediğiniz cihazlar arasında döngü yaptığınızda, göreli nesnelerinizin görünür ekran alanı içinde kaldığını görebilirsiniz.

Bir nesneyi tamamen merkezde tutmak için X ve Y konumları %50 olmalıdır.

Ekran Boyutuna Göre Özel Eylemler

Bazen projenizin her cihaz için farklı görünmesini ve hissettirmesini istersiniz. Örneğin, bir butonu yalnızca iPad'de görünür yapmak ve iPhone'da görünmez kılmak isteyebilirsiniz.

Bunun için, mevcut ekranın boyutunu belirlemek için "Ekranı Al" davranışını kullanabilir ve bir IF davranışı ile düğmeyi iPhone'da gizleyebilirsiniz.

Yukarıdaki örnekte, Ekranı Al kullanacak ve ardından En Boy Oranını bir IF davranışına verecek, bu da bunun bir iPhone (16:9) olup olmadığını kontrol edecektir.

Daha sonra ekran boyutu 16:9 ise butonu gizlemek için gizle grafik davranışını kullanın.

Birden Fazla Ekran Boyutu ve Cihaz