Ortak bir isteği özelleştirmek 2'nin yükleme ekranı oluşturmaktır. Bu loader düzeni kullanılarak yapılabilir özel bir düzen proje hala yüklenirken gösterilen,.
Yaratıcı olasılıklar ##
Burada en iyi kendi yükleme ekranı olan yararlanmak için nasıl hakkında bazı ilginç fikirler:
- İlerleme tasarımı oyunun geri kalanı gibi aynı tarzda bar. Bu oyun yükleme başladığı andan itibaren bak-ve-hisset senin oyunun içinde oyuncu batırmak yardımcı olur.
- Yükleme ekranı ana başlık ekranı gibi tasarlanmış olabilir oyun oynamak için güçlü olmak için daha yakın olduğunu hisseder bu yüzden,.
- Ayrıca yükleme ekranı yönergeleri ve kontrolleri gibi vardır bilgi alabilirsiniz oyuncu beklerken faydalı bir şeyler okuyabilmesi,. (Oyun hızlı yükler diye ana oyunda talimatları dahil etmeyi de olsa!)
- Oyuncu beklerken eğlendirdi olabilir mini-oyun vardır ya gerçek oyun çok küçük bir bölümü bile olabilir. Mümkün olduğunca loader düzeni gibi nesneleri kullanmayı denemelisin unutma bunu hızlı bir şekilde kendini yükler! Daha bir anda.
Nasıl projeler yük ##
Loader bir düzen vermeden önce, en iyi 2 proje nasıl yüklenir. Bu dört aşaması vardır.
1. Sayfanın HTML ve Javascript yüklenir. Construct 2 motoru henüz indirilebilir değil. hiçbir şey gösterilir.
2. Javascript indirilen (genellikle kod küçük olduğundan çok hızlı bir şekilde,) sonra, varsayılan loader görünür. Bu genellikle mavi bir ilerleme çubuğu ile HTML5 logosu olan 2 hisse senedi yükleme bar, İnşa edilir. Bu yükleyici düzenini kendisi yüklenirken gösterilir. Varsayılan loader tarzı da Proje Özellikleri (Sonra görüşürüz) değiştirilebilir.
3. Loader düzeni gösterirken proje yükler geri kalanı.
4. Son olarak, oyun ve başlamak için tam dolu hazır.
Ve 3, Etap 2 fotoğraf makinesi karşıdan bir not. Tüm Javascript mantığı proje başladıktan sonra adım 1 ve akışı ses indirildi. Talep üzerine çalış hakkında daha fazla bilgi için, bkz: [el Ses][6]. Tek şey ilerleme çubuğu gösterilirken yükleme Sprite, Kiremitli Arka plan görüntüleri, ve benzeri.
Bu senin oyunun yüklenmesini hızlandırmak için yapmanız gereken tüm görüntüleri az sayıda ve mümkün olduğu kadar küçük olduğundan emin olun demektir. Daha fazla bilgi ve İpuçları üzerinde nasıl azaltmak için proje boyutu, blog yazıları [Resim Sıkıştırma İnşa 2][7] ve [başlık Altında: spritesheets içinde İnşa 2][8].
Loader bir düzen oluşturma
#
#
[Proje Özellikleri] iki ilgili ayarları[9]: loader düzeni **Loader tarzı.
[Loader düzen ayarları][10]
Loader tarzı varsayılan yükleyici görünümünü değiştirir. Aşağıda varsayılan yükleyici daha fazla bilgi için bkz.
* Loader loader düzen bir düzen kullanımını sağlar. Varsayılan olarak devre dışı, özellikle her proje için etkinleştirmeniz gerekir. Sonra, ilk düzen loader düzen olur. Gerekir özellikle seçmek senin loader düzeni ile İlk düzen* seçeneği emin olmak için ilk düzeni görünür (aksi İnşa 2 ebilmek seçmek farklı bir düzen kullanmak için loader).
İlerleme
gösteren
Sistemi ifade loadingprogress proje yükleme ilerlemesi için 1 0 arasında bir sayı verir. Eğer proje, yüklenen yarısı örneğin, loadingprogress 0.5 olacak. Bu loader düzeni üzerinde ilerleme durumunu göstermek için kullanabilirsiniz.
Örneğin, yüzde olarak yüklenen metin görüntülemek için, metin nesnesinin metin ayarlayabilirsiniz:
(loadingprogress [] 100) yuvarlak& ""*%
Bu 100 ile ilerleme yüzdesini yapmak için çarpar, sonucu mermi ve yüzde karakter gibi metin sonuç ekler "50%".
[Kiremitli arka Plan][11] nesneler de iyi ilerleme çubukları olun. Eğer tam 500 piksel genişliğinde olan Döşenmiş bir arka Plan varsa örneğin, her kene genişliği ayarlayın:
500 [] loadingprogress*
Bu yükleme barı 500 piksel genişliğini tam yüklü ne kadar uygun dolgu neden olur.
Yükledi nasıl geri bildirim göstermek için gereklidir. Aksi takdirde yavaş bağlantılarda kullanıcılar, ne kadar yakın bir oyun, ve çıkmak için onlar hiçbir fikri olan sinirli olabilir. Eğer oyun herhangi bir ilerleme geribildirim göstermedin çünkü yüklenmeden önce birkaç saniye bırakırsan yazık olur.
İlerleme göstergesi bir tür ek olarak da, örneğin spinners, diğer animasyonlar etkileri hourglasses ve benzeri ekleyebilirsiniz.
Düşünceler
Loader Düzeni üzerine her nesne görüntüleri loader düzeni gösterilecektir önce yükleme tamamen bitirmek gerekir unutmayın. Eğer loader düzeni 10 animasyonlar ile Oyuncu nesne koyarsanız, her 10 animasyonlar varsayılan yükleyici loader düzenine geçiş için önce yükleme işlemini tamamlamak gerekir. Eğer oyuncu sadece bir simge göstermek istiyorsan, oyuncunun görüntülerin sadece bir loader düzeni için ayrı bir nesne yapmayı düşünün.
Loader düzeni, yanı sıra tüm animasyonlar yer dikkatle her nesne düşünün. Hepsi gerekli? Görüntüleri ile sadece nesneler, özellikle eğer onları herhangi bir uzun animasyonlar varsa loader düzeni gösteren, dikkatle her Sprite ve Kiremitli arka Plan düşündüğün kadar, gecikme olacak unutmayın. İdeal loader düzeninizi mümkün olduğunca hızlı bir şekilde göstermek istiyorum.
Sınırlamalar
Loader düzenleri kullanarak not birkaç sınırlamalar:
1. Loader düzenleri gösterilmeyen zaman yayıncılık olarak yerel uygulamalar üzerinde cep (örneğin) [ ™ ] [1], [CocoonJS][2] [appMobi][3]). Bu uygulamanın tamamını bir defada indirilmiş olmasıdır. Tüm dosyaları hemen kullanılabilir beri, hiçbir şey yüklenmesi gerekiyor. Bu platformlar için muhtemelen özel anlık görüntü yerine odaklanmak istiyorum.
2. Loader düzenleri sadece hiç Web'den oyunu indiriliyor ilk kez gösterilmiştir. 2 oyun çevrimdışı çalışma diske kaydet İnşa beri, bir dahaki sefere kullanıcı anında yükler oyun oynar. Oyun güncelleme bile anında yükler. Bunun yerine oyun diskten anında tekrar yükler ve arka planda güncellemeyi indirmeye başlar. [Tarayıcı nesne][4] meydana gelen güncelleştirmeleri algılamak için kullanın, ve kullanıcı bu güncelleme hazır olduğunda yeniden yazın. Daha fazla bilgi için öğretici [Construct 2 isimli oyun][5], ve Güncellemeler bölümüne bakın.
3. Loader düzenleri, ya da bir loader düzeni olmayan nesneleri oluşturmak spawn olamaz, ne de yükleme tamamlanana kadar başka bir düzene geçin. Bu projenin geri kalanı henüz yüklenmedi, çünkü belli ki.
4. Varsayılan yükleyici loader hala düzenini kendisi yüklenirken gösterilir unutmayın.
Yüklemeyi tamamladıktan ##
Yükleme tamamlandığında, loadingprogress 1 eşit olacaktır. Ayrıca, yükleyici düzeni * sistem tetik çalışır (Başlangıç ve bitiş* kategori) tamamlayın. Bu olay bir 'Play' düğmesi ana menüye geçiş, ya da sadece oyun başlatın.göstermek için kullanabilirsiniz
Varsayılan yükleyici
değiştirme
Loader tarzı proje için varsayılan yükleyici değiştirir. Bu hala loader düzenini kendisi yüklenirken gösterilir, ya da herhangi bir loader düzeni kullanıldığında tek ilerleme çubuğu. Dört stilleri vardır:
[Yükleyici ilerleme çubuğu & logo stil][13]
İlerleme çubuğu & logo (varsayılan): bir logo ve mavi bir ilerleme çubuğu gösterir. Logo üzerine yazarak logoyu değiştirebilirsiniz.png verdikten sonra export klasöründe. Dosyayı hızlı bir şekilde görüntülenmesi mümkün olduğu kadar küçük olduğundan emin olun (varsayılan HTML5 logosu sadece 1 KB. İlerleme çubuğu logosu genişliğine sahiptir.png ve oturur, altında 12px.
[Yükleyici ilerleme çubuğu stili][14]
Yalnızca ilerleme çubuğu: önce, ama aynı logo.png yüklü veya görüntülenmez.
[Loader yüzdesi metin stili][15]
Metin yüzdesi: bunun yerine, bir ilerleme çubuğu, bazı gri metin yüzdesi gösterilir yükü gösteren.
[Loader tarzı bir şey][16]
Hiçbir şey (tavsiye edilmez): sadece yüklenirken boş bir ekran görüntüler. Bu yavaş bağlantılarda kullanıcılar loader düzenini kendisi yüklenirken herhangi bir geri bildirim göremez beri loader düzeni bile tavsiye edilmez. Şiddetle en az Yüzde metin kullanılması tavsiye edilir.
Güncellemeler
Yukarıda açıklandığı gibi, loader düzeni ilk yükü gösterir. Oyunu update bile oynanır hemen sonraki ve öğretici [Construct 2 isimli oyun][5] anlatıldığı gibi arka planda güncelleme, başlangıç başlayacaktır.
Bu olay [Tarayıcı nesne][4] aşağıdaki koşulları kullanarak algılayabilirsiniz:
** İndirme güncelleme: oyun çalışıyor, ama yeni bir sürümü yüklediğinizden ve tarayıcı arka planda güncelleme indiriyor.ne zaman gerçek
** Güncelleme hazır: güncelleştirmeyi karşıdan yükleme tamamlandı. zaman tetikler Yeni sürüm sayfanın eylem burada Yeniden kullanıcıdan veya nesne Tarayıcı kullanmak isteyebilirsiniz, böylece yeniden, kadar kullanılmayacak.
Güncelleme doğru indirilirken, ayrıca, loadingprogress ayrıca güncelleştirmenin yükleme devam ediyor ayarlanır.
Bu özellikleri kullanarak güncelleme bir düzen olarak yeniden kullanım loader düzeni. Güncelleme tamamlandığında, ancak oyunun başlangıç yerine yeniden doldurmayı unutmayın. Alternatif olarak bu olayları işlemek gerekmez ve sadece güncellemeleri otomatik olarak gerçekleşmesi ve sessizce.
Sonuç
Loader düzeni yapma oyunu yüklemeye başlar andan itibaren harika bir ilk izlenim yaratmak için hayati bir yoldur. Hep yükleniyor geri bildirim gösterir ve loader düzen kendisini mümkün olduğunca az resim kullanmaya çalış.unutma: