Partea 4: Crearea personajului

În Partea 3 ai învățat cum să creezi primul tău nivel. În acest tutorial, vom începe să transformăm nivelul nostru gol într-un joc.

Un Platformer este un joc precum Mario. De obicei, platformele au un personaj care poate fi controlat printr-un joystick și poate sări pentru a rezolva diverse puzzle-uri.

Această parte a ghidului se bazează pe Partea 3 și presupune că ai creat deja nivelul tău folosind resursele din Platformer Starter Pack, care poate fi descărcat din Magazinul de Resurse.

Adăugarea Jucătorului:

Primul lucru pe care trebuie să-l faci este să adaugi graficul jucătorului în dock-ul de obiecte. Începe prin a naviga în folderul Descărcări din Biblioteca de Resurse și localizează personajul animat Green Space Man.

Atingând personajul animat în Biblioteca de Resurse, îți va arăta toate ciclurile de animație disponibile.

Pentru că nu vrem ca jucătorul să arate că merge deși stă nemișcat, vom folosi ciclul de animație „Stand”. Atinge ciclul de animație „Stand” pentru a-l adăuga în dock.

Notă: Dacă graficul animat pe care îl folosești nu are un ciclu de stat sau idle, poți oricând să selectezi un singur cadru al unei animații ținând degetul pe ciclul de animație și selectând „Vizualizează Cadre” din Meniul de Resurse.

Acum că ai personajul pe Dock-ul de Obiecte, poți pur și simplu să-l tragi de pe dock în scena ta.

Mișcarea Jucătorului:

Acum trebuie să aducem personajul la viață și să-l facem mobil cu un joystick. hyperPad face acest proces foarte simplu cu comportamentele incluse.

Mai întâi deschide Proprietățile Obiectului atingând personajul pe care l-ai trăgăturat pe pânză.

Din „Tab-ul Fizică” al Proprietăților Obiectului, fă-ți personajul un „Tip Fizic” atingând pictograma obiectului fizic ( ) situată chiar sub butonul „Comportamente”.

Notă: Obiectele fizice vor respecta legile gravitației și vor reacționa la alte obiecte și forțe.

Următorul pas este să apeși pe butonul Comportamente pentru a deschide editorul de comportamente și a începe procesul de a face personajul tău jucabil.

Editorul de comportamente are diferite categorii afișate pe bara superioară și comportamente în lista din partea stângă.

Deoarece ai adăugat un Ciclu de Animație, un comportament „Redă Animația” a fost deja adăugat pe pânza de comportamente.

Din categoria „interacțiune”, trage comportamentul „ Controlat de Joystick ” pe pânza ta.

De îndată ce acest comportament este adăugat, va crea și adăuga automat un joystick pe GLOBAL UI Layer. Dacă ai avut deja un joystick adăugat la layerul tău UI, comportamentul va folosi automat acel joystick în loc să adauge unul pentru tine.

În acest moment, poți apăsa pe play și să rulezi jocul tău! Totuși, s-ar putea să observi că jucătorul alunecă pe ecran...

Animații:

Să facem jocul să arate un pic mai bine adăugând câteva animații jucătorului nostru.

Vom începe prin a face personajul să umble atunci când mișcăm joystick-ul la stânga sau la dreapta.

Pentru a face acest lucru, trebuie să vizualizezi comportamentele de interacțiune „avansate”. În timp ce te afli în categoria „ Interacțiune ”, atinge opțiunea „ Avansat ” de la baza listei de comportamente.

Din lista „avansată”, adaugă „Joystick Stânga” și „Joystick Dreapta” pe pânză.

Apoi, din categoria „FX”, adaugă comportamentul „Redă Animație” și conectează atât Joystick Stânga cât și Dreapta la această nouă Redare Animație adăugată.

Acum, atinge comportamentul „Redă Animație” pentru a vizualiza Proprietățile Comportamentului.

Primul câmp din partea de sus este obiectul căruia dorești să aplici animația. hyperPad selectează automat obiectul curent.

Notă: Poti apăsa aici și să selectezi orice alt obiect din scena ta dacă dorești. Nu vrem să facem asta acum, așa că vom lăsa așa cum este.

Câmpul următor de dedesubt reprezintă animația pe care dorești să o redai. Deoarece nu există nicio animație de redat, este gol.

Atinge câmpul gol pentru a selecta o animație.

Observă că apare o bandă de film în partea de jos a ecranului. Atinge pictograma Bibliotecii de Resurse pentru a adăuga un ciclu de animație la banda de film.

Navighează la personajul animat „Green Spaceman” și selectează ciclul „Walk”. Observă că fiecare cadru al animației a fost adăugat automat la banda de film. Atinge oriunde pentru a închide banda de film și a reveni la proprietăți.

Notă: Poți adăuga de asemenea imagini individuale sau cadre de animație la banda de film de animație. Nu ești limitat doar la cicluri de animație pre-creat.

Apoi, din proprietățile comportamentului de animație Walk, dezactivează comutatorul pentru „Loop Animation”. Vrem ca acest comutator să fie dezactivat deoarece Joystick Stânga și Dreapta practic îți loop-ează animația pentru noi întrucât animația va avea loc doar în timpul în care joystick-ul este stânga sau dreapta.

În cele din urmă, să redenumim acest comportament astfel încât să fie mai ușor de găsit mai târziu. Din proprietățile comportamentului apasă pe numele comportamentului de sus. Acest lucru va aduce un keyboard, permițându-ți să scrii un nou nume pentru comportament. Să-l numim „Animație de Mers”

Dacă apesi play acum, personajul tău ar trebui să se miște cu joystick-ul și să fie animat!

Sărit:

Nu poți avea un joc de platformă fără sărit! Făcând jucătorul să sară este o joacă de copii în hyperPad.

În timp ce ești încă în editorul de comportamente al personajului Green Spaceman, atinge categoria „Interacțiune” și din lista de comportamente din stânga, trage comportamentul „ Sari cu Buton ”. Exact ca comportamentul Controlat de Joystick, sarirea cu butonul va gestiona de asemenea multe dintre mișcările obiectelor tale pentru tine și va adăuga automat un buton pe Global UI Layer.

Poti atinge comportamentul de sărit pentru a vizualiza proprietățile sale. Din proprietățile comportamentului de sărit, poți schimba setări precum sunetul de redat, puterea săriturilor și multe altele. Pentru acest tutorial, vom lăsa totul la fel, cu excepția faptului că vom schimba puterea.

Am avut nevoie să fac puterea 18 pentru a putea sări peste toate obstacolele din nivelul creat pentru Partea 3. Dacă ai proiectat propriul tău nivel, s-ar putea să fie nevoie să te joci cu valoarea săriturii până când funcționează pentru tine.

Dacă apesi play acum, poți vedea jucătorul tău alergând și sărind. Totuși, s-ar putea să fi observat că personajul continuă să umble în timp ce sare în aer... Să rezolvăm asta!

Haide să începem prin a reda o animație în timp ce sari.

Din categoria „Interacțiune” adaugă un comportament „Atingere Începută”, apoi atinge comportamentul pe care îl adăugat pentru a vizualiza proprietățile acestuia.

Acum trebuie să schimbăm comportamentul pentru a funcționa doar atunci când începi să atingi butonul de sărit. Din proprietățile comportamentului „Atingere Începută”, atinge graficul spaceman din câmpul de sus.

Asta te va duce la ecranul „Selector Obiect”. De aici poți selecta orice obiect sau element UI din scena ta. Probabil că nu poți selecta butonul. Acest lucru se datorează faptului că Green Spaceman a fost pe Main Layer, iar butonul este pe Global UI Layer. Din bara de layeruri situată în dreapta ecranului, apasă pe layerul „ Global UI ”. Acum poți selecta butonul.

Cu butonul selectat, atinge pictograma de acceptare de jos.

Apoi adaugă un alt comportament „Redă Animație” și conectează-l la comportamentul Atingere Începută pe care l-am adăugat anterior pentru Animația de Sărit.

Exact cum ai făcut mai devreme, poți redenumi comportamentul și selecta o animație din Proprietățile Comportamentului.

Pentru a redenumi, atinge titlul comportamentului din proprietățile obiectului și introdu un nou nume. Eu am folosit „Animație de Sărit”.

Ca și pentru animația de mers, trebuie să selectezi un ciclu pentru sărit. Atinge cel de-al doilea câmp gol din proprietățile comportamentului și selectează ciclul de animație de sărit din animațiile disponibile ale Green Spaceman.

Va trebui de asemenea să dezactivezi comutatorul „Loop Animation” și „Restore Frame”.

Dacă apesi play acum, poți vedea că atunci când sari, personajul arată că sare! Totuși, există încă 2 probleme mici.

1. Personajul nu revine la animația de stat când aterizează.

2. Dacă muți personajul în timp ce este în aer, personajul redă animația de mers în aer.

Pentru prima problemă, schimbă la categoria comportamente „Transformare” și atinge butonul avansat pentru a vizualiza comportamentele avansate.

Acum trage comportamentul „ Am Oprit Căderea ” și de asemenea trage un alt comportament „Redă Animație” din categoria FX și conectează-l la „ Am Oprit Căderea ”.

Pe „Redă Animația” pe care tocmai ai adăugat, selectează ciclul de animație „Stand” al Green Spaceman-ului, dezactivează comutatoarele „Restore Frame” și „Loop Animation” și schimbă numele comportamentului „Redă Animație” în „Standing”.

Green Spaceman ar trebui acum să fie capabil să sară și să arate că stă atunci când aterizează.

Pentru a doua problemă, trebuie să împiedicăm animația să ruleze în timp ce personajul sare.

Schimbă la categoria „Comportamente Personalizate” și adaugă „Comportament Oprit”, și leagă-l la comportamentul „Atingere Începută” pe care l-am adăugat anterior pentru Animația de Sărit.

Acum atinge „Comportamentul Oprit” și atinge câmpul gol pentru a selecta un comportament din listă. Din listă, localizează comportamentul „Redă Animație” (Animația de Mers) care este conectat la comportamentele de Joystick Stânga și Dreapta.

Apoi adaugă un „Comportament Activat” și leagă-l de comportamentul „Am Oprit Căderea” pe care l-am adăugat anterior.

Din nou, atinge câmpul gol și selectează comportamentul „Redă Animație” (Animația de Mers) care redă animația de mers.

Dacă apesi play acum, personajul tău ar trebui să fie capabil să se miște și să sară perfect!

Mutarea Ecranului:

După cum probabil ai observat, dacă te miști prea departe, personajul iese de pe ecran. În jocurile de platformă tradiționale, de obicei ecranul se mișcă împreună cu jucătorul tău. Ia-l pe Mario de exemplu, Mario rămâne mereu în mijlocul ecranului (cu un pic de variație).

Să facem ca ecranul să se miște cu Green Spaceman, astfel încât să nu poată ieși de pe ecran.

În timp ce ești încă în comportamentele Green Spaceman, schimbă la categoria „Ecran” și adaugă comportamentul „Urmărește Ecranul”. Comportamentul „Urmărește Ecranul” va mișca ecranul cu obiectul tău selectat.

Apoi deschide proprietățile comportamentului pentru Urmărește Ecranul și dezactivează comutatorul pentru „Urmează Y”. Aceasta face ca ecranul să urmărească pe jucătorul tău la stânga sau la dreapta, dar nu sus sau jos.

În acest moment, dacă apăsați pe play, ar trebui să poți alerga prin nivelul tău cu un personaj animat și să ai ecranul care se mișcă împreună cu tine.

Poți descărca versiunea finalizată a Parții 4 din Hub și să o vezi în acțiune.

În Partea 5, vom începe să adăugăm câteva elemente de Joc, adăugând monede de ridicat și un scor.