Heads-Up kijelző (HUD) készítése
A heasd-up kijelző (más néven HUD) az a felület, amely megmutatja a játékos életét, eredményét és a játékon belüli egyéb információkat. Készítsünk egy egyszerű HUD-ot egy szöveges objektumból.
A HUD mindig ugyanazon a helyen marad a képernyőn. Ha ún. interfész objektumokat akarunk a játékban, akkor nem akarjuk, hogy azok gördüljenek el, amikor a játékos sétál - nekik a képernyőn kell maradniuk. Alapértelmezés szerint a rétegek gördüléssel mozognak. A képernyőn tartásukhoz használhatjuk a Parallax réteg beállítást. A Parallax lehetővé teszi, hogy a különböző rétegek különböző sebességgel görgessenek egyfajta félig 3D-hatáshoz. Ha azonban a parallaxot nullára állítjuk, akkor a réteg egyáltalán nem gördül - ideális egy HUD-hoz.
Menj vissza a rétegek sávjába, amelyet korábban használtunk. Adj hozzá egy új réteget HUD néven. Helyezzük legfelülre és jelöljük ki, hogy ez legyen az aktív réteg. A Properties (Tulajdonságok) sávnak most meg kell jelenítenie a layer tulajdonságait. Állítsd a Parallax tulajdonságot 0,0 értékre (mind az X, mind az Y tengelyen).
Kattints duplán a rétegen egy másik objektum beszúrásához. Ezúttal válaszd a Text (Szöveg) objektumot. Helyezd a HUD layer bal felső sarkába. A fekete színt nehéz látni ezzel a háttérrel, ezért a tulajdonságok sávban állítsa be, hogy félkövér, dőlt, sárga és válasszon egy nagyobb betűméretet. Méretezd át elég szélesre, hogy kiférjen a szöveg. Valahogy így nézzen ki:
Válts vissza az eseménylapra. A szöveget fogjuk szinkronizálni a játékos eredményével. A korábban hozzáadott Every tick eseményhez adjuk hozzá a következő műveletet Text (Szöveg) --> Set text (Szöveg beállítása) műveletet.
Az & operátor segítségével konvertálhatunk egy számot szöveggé (string), és összekapcsolhatjuk egy másik szöveggel. Szövegnek írd be:
"Score:" & Score
Az első rész ("Score:") azt jelenti, hogy a szöveg mindig a Score: kifejezéssel kezdődik. A második rész (Score) a Score globális változó aktuális értéke. A & összekapcsolja őket egy szöveggé.
Futtasd a játékot, és lőjön le néhány szörnyet. A pontszám megjelenik, és ugyanazon a helyen marad a képernyőn!
Utolsó símitások
Majdnem készen vagyunk. Adjunk hozzá néhány utolsó részletet.
Először szaporítsuk a szörnyeket, különben miután lelőttük az összes szörnyet, nem marad más dolgunk a játékban. 3 másodpercenként létrehozunk egy új szörnyet. Adjunk hozzá egy új eseményt:
Feltétel: System (Rendszer) --> Every X seconds (minden X-edik másodpercben) --> 3
Művelet: System (Rendszer) --> Create object (Objektum létrehozása) --> Monster (Szörny), layer 1, 1400 (X-nek), random(1024) (Y-nak)
Az 1400 egy X koordináta, közvetlenül az elrendezés jobb szélétől, és a random(1024) egy véletlen Y koordináta a layer magasságában.
Végül, feltételezzük, hogy a szellemek megölik a játékost.
Feltétel: Monster (Szörny) --> On collision with another object (Más objektumokkal való ütközés esetén) --> Player (Játékos)
Művelet: Player --> Destroy
Összegzés
Gratulálok, elkészítette az első HTML5 játékot a Construct 2-ben! Ahhoz hogy exportálni tudja és honlapjára felrakhassa az elkészült játékot, kattintson a Fájl menü Exportálás elemére. A Construct az összes projektfájlt elmenti a számítógép egy mappájába, amelyet feltölthet vagy integrálhat egy weboldalra.
A kurzus során ezeket tanulta meg a Construct2-hez: tárgyak beillesztése, rétegek, viselkedés, események és egyéb elemek használata. Remélhetőleg ez a bevezető elég lesz, hogy az alapokat lefektesse a Construct 2-höz! Fedezze fel bátran a Construct 2 további lehetőségeit!
Elkészült projekt
Letöltheted az elkészült projektet is. Beépítettem néhány extra funkciót, például a „Game over” szöveget és a szörnyeket, amelyek fokozatosan felgyorsulnak. A mostani tudásoddal már nem lesz nehéz kitalálni, hogyan működik. Rengeteg megjegyzés található arról, hogyan működik.
Ha bármilyen probléma merül fel, vagy úgy gondolod, hogy az oktatóanyag bármely része javítható lehet, hagyj megjegyzést, vagy írj nekünk üzenetet a fórumon.
Végül, ha tetszett ez az oktatóprogram, és úgy gondolod, hogy valaki, akit ismersz, szintén kedvelné Construct 2-t, küld el neki ezt a linket. Ártani nem fog. :)
További olvasmányok
Zenét és hanghatásokat szeretnél hozzáadni? Tekintsd meg Hangok és Zene leírást.
Érdekelne egy másik kezdő oktatóprogramunk, ami platformer alapú? Nézd meg a Hogyan készítsünk platformjátékot leírást.
Ha többet szeretne tudni arról, hogy az események hogyan működnek a Construct 2-ben, olvassa el a kézikönyv Az események működése című szakaszát. Nagyon ajánlott, így gyorsan elindulhat saját projektjeivel! Még több információért böngéssze át a teljes dokumentációt.