Crearea unui heads-up-display (HUD)
Un heads-up-display (poreclit pe scurt HUD) este interfata care arata jucatorilor viata, scorul si alte informatii legate de activitatea din joc care ii intereseaza. Hai s-a faceum un HUD simplu dintr-un obiect de tip text.
HUD-ul intotdeauna ramane in acelasi loc al ecran-ului. Daca avem nijte obiecte pentru interfata gen o inimioara si o bara pentru scor ca in jocul Mario, nu vrem ca acele imagini s-a se mijte fara rost pe ecran - ele ar trebui s-a fie fixe. Implicit, Layer-ele(straturile invisibile de care vorbeam la inceput) se misca. Ca s-a le tine-m pe ecran, putem folosi optiunea pentru layer Parallax. Optiunea Parallax permite diferitor Layere s-a se mijte pentru un efect semi-3D. Daca setam Parallax la 0, desi, stratul nu se v-a mijta deloc - ideal pentru un HUD.
Mergi inapoi la bara Layers pe care am folosito mai devreme. Adauga un nou layer numit HUD. Asigura-te ca este deasupra celorlalte si ca este selectat, daca nu este deasupra, poti folosi sagetile de deasupra pentru a schimba ordinea layeru-lui selectat(aduti aminte asta in seamna ca il v-a face layer activ). Bara Properties ar trebui s-a arate proprietatile acelui layer. Seteaza proprietatea Parallax a layerului la 0,0 (asta inseamna 0 pe ambele axe X si Y).
Dublu-click pe un spatiu pentru a insera un alt obiect. De data aceasta selecteaza Text din lista. Pune-l in coltu din stanga sus in pagina de lucru. O s-a fie dificil de vazut daca este de culoare neagra, dute in bara de proprietati si fa-l bold, italic, galben, si alege o o marime mai mare a fontului. Mareste-l deajuns de lung pe orizontala pentru a putea contine o lungime acceptabila de text. Ar trebui s-a arate ceva de genu:
Schimba inapoi in pagina de evenimente. Hai s-a tinem textul actualizat cu scorul jucatorilor. In eveniment-ul Every tick pe care l-am adaugat mai devreme, adauga actiunea Text-> Set text.
Folosing operatia &, putem converti un numar ca text si putem un text cu un altu
Pentru text, introdu:
"Scor: " & Scor
Prima parte ("Scor: ") inseamna ca textul v-a incepe intotdeauna cu fraza Scor:. A2a parte (Scor) este defapt valuarea actuala a Variabilei globale Scor pe care am creat-o mai sus. Semnu-l & le uneste impreuna intr-o bucata de text.
Porneste jocul, si omoara nijte monstri. Scorul este afisat, si sta in acelasi loc pe ecran!
Optimizari
Aproape am terminat. Hai s-a adauga-m nijte optimizari finale.
In primu-l rand , hai s-a avem nijte monstri care apar regulat, altfel odata ce ii omori pe toti nu vor mai exista altii. O s-a adaugam un nou monstru la fiecare 3 secunde. Adauga un eveniment nou:
Conditie: System -> Every X seconds -> 3
Actiune: System -> Create object -> Monstru, layer 1, 1400 (pentru X), random(1024) (pentru Y)
1400 este o co-ordonata pentru X aproape de marginea din dreapta a ecran-ului, iar random(1024) este un numar aleatoru pentru co-ordonata Y inaltimea excranului de joc.
In final, hai s-a facem jocum mai interesant punand monstrii s-a omoare jucatorii.
Conditie: Monstru -> On collision with another object -> Jucator
Actiune: Jucator -> Destroy
Concluzie
Felicitari, tocmai ai facut primu-l tau joc HTML5 cu ajutorul programului Construct 2! Daca ai detii un server sau ai acces la unul, si vrei s-a te lauzi cu jocul facut de tine click Export din meniul File the one on top left of the screen. Construct 2 poate salva toate filele proiectului intr-un folder pe hard disk-ul PC-ului tau, folder pe care il poti incarca sau integra pe o pagina Web. Daca nu detii un server sau ai acces la unul, poti s-a imparti jocul cu ajutor-ul programului Dropbox.
Ai invata-t nijte lucruri esentiale de baza despre Construct2: Cum s-a adaugi obiecte, folosirea layerelor, behaviors(comportamente), evenimente(events) si multe altele.
Sper ca in urma acestei experiente esti mai bine pregatit in posibilitatea de a invata mai multe despre programul Construct 2! Incearca s-a explorezi capabilitatile s-a-le si ce poate face pentru tine.
Tutorial Terminat
Incearca s-a descarci proiectul tutorial complet. Am adaugat nijte capabilitati in plus ca un text "Game over", si monstrii care se misca gradual mai rapid. Stiind ca ai invata-t acum, nu ar trebui s-a fie greu s-a iti intelegi cum functioneaza. Sunt de asemenea o multime de comentarii descriind cum functioneaza.
Foarte bine! Daca ai orice problema sau crezi ca orice parte a acestui tutorial poate fi imbunatatit, lasa un comentariu sau poti s-a scrii un mesage in forum. O s-a vedem ce putem face!
Insfarsit, daca ti-a placut acest tutorial si crezi ca cineva pe care cunosti, iar placea si ,iar fi de ajutor programul Construct 2, ii poti trimite link-ul acestui tutorial! Cu siguranta nu v-a strica :)
Mai multe informatii
Vrei s-a adaugi muzica si efecte de sunet? Vezi Sounds & Music in manual-ul online oferit de noi pentru o scurta informatie.
Cred ca ai fi interesat de alternativa tutorialului pentru incepatori platformer-based,
You may be interested in our alternative platformer-based beginner's tutorial, Cum s-a faci un joc de tip plaforma.
Daca vrei s-a inveti mai multe despre cum eventurile functioneaza in Construct 2, vezi sectiunea Cum functioneaza evenimentele din manual. Este foarte recomandat pentru a te ajuta in a te putea apuca rapid de proiectele si jocurile la care te gandesti si vrei s-a prinda viata! Apoi si pentru mai multa informatie, nu uita exista si Documentare Completa in Manual