Dio 4: Kreiranje vašeg igrača | hyperPad Documentation

Loading...

Logo
Potpuni vodič - Izrada platforme igre

Dio 4: Kreiranje vašeg igrača

Last updated September 19, 2015

U Dijelu 3 ste naučili kako stvoriti svoju prvu razinu. U ovom tutorialu, započet ćemo pretvarati našu praznu razinu u igru.

Platformer je igra poput Marie. Tipično, platforme imaju lik koji se može kontrolirati joystickom i može skakati kako bi riješio razne zagonetke.

Ovaj dio vodiča se nadovezuje na Dijel 3 i pretpostavlja da ste već stvorili svoju razinu koristeći resurse iz Platformer Starter Pack-a, koji možete preuzeti iz Trgovine resursima.

Dodavanje Igrača:

Prvo trebate dodati grafiku vašeg igrača u dock objekata. Započnite navigacijom do mape Preuzimanja u Biblioteci resursa i pronađite animirani lik Zelenog Svemirca.

Dodirivanje animiranog lika u Biblioteci resursa prikazat će vam sve dostupne animacijske cikluse.

Budući da ne želimo da igrač izgleda kao da hoda, iako miruje, koristit ćemo "Stoji" animacijski ciklus. Dodirnite "Stoji" animacijski ciklus da biste ga dodali u dock.

Napomena: Ako animirana grafika koju koristite nema ciklus stajanja ili mirovanja, uvijek možete odabrati jedan okvir animacije tako što ćete držati prst na animacijskom ciklusu i odabrati "Prikaži okvire" iz Meni resursa.

Sad kada imate svog lika u Dock-u objekata, jednostavno ga povucite s dock-a u svoju scenu.

Premještanje Igrača:

Sada trebamo oživjeti lika i omogućiti mu da se pomiče joystickom. hyperPad čini ovaj proces vrlo jednostavnim s uključenim ponašanjima.

Prvo otvorite Svojstva objekta tako da dodirnete lika kojeg ste upravo povukli na platnu.

Iz "Fizika" kartice Svojstava objekta, učinite svog lika "Fizičkim Tipom" dodirivanjem ikone fizičkog objekta ( ) malo ispod dugmeta "Ponašanja".

Napomena: fizički objekti će se pridržavati zakona gravitacije i reagirati na druge objekte i sile.

Zatim dodirnite dugme Ponašanja, kako biste otvorili uređivač ponašanja i započeli proces pravljenja vašeg lika igrivim.

Uređivač ponašanja ima različite kategorije prikazane duž gornje trake, i ponašanja na lijevoj strani.

Budući da ste dodali animacijski ciklus, ponašanje "Igraj Animaciju" već je dodano na platnu ponašanja.

Iz kategorije "interakcije", povucite ponašanje "Kontrolirano Joystickom" na svoje platno.

Čim se ovo ponašanje doda, automatski će se stvoriti i dodati joystick na vaš DGLOBAL UI Layer. Ako ste već imali joystick dodan na vaš UI layer, ponašanje će automatski koristiti taj umjesto da doda novi za vas.

U ovom trenutku, možete pritisnuti play i pokrenuti svoju igru! Možda ćete primijetiti da igrač samo klizi po ekranu...

Animacije:

Učinimo igru malo boljom dodajući neke animacije našem igraču.

Počet ćemo tako da naš lik hoda kada se pomiče joystick lijevo ili desno.

Da biste to učinili, trebate pregledati "napredna" ponašanja interakcije. Dok ste u kategoriji "Interakcija", dodirnite opciju "Napredno" na dnu popisa ponašanja.

Iz "napredne" liste, dodajte "Joystick Left" i "Joystick Right" na platno.

Zatim, iz kategorije "FX", dodajte ponašanje "Igraj Animaciju" i povežite oba Joystick Lijevo i Desno s ovom novoupavljenom Igraj Animaciju.

Sada, dodirnite ponašanje "Igraj Animaciju" da biste pregledali Svojstva ponašanja.

Prvi okvir na vrhu je objekt na kojem želite primijeniti animaciju. hyperPad automatski odabire trenutni objekt.

Napomena: Možete dodirnuti ovdje i odabrati bilo koji drugi objekt u vašoj sceni ako želite. Ne želimo to učiniti sada, pa ćemo ga ostaviti na miru.

Sljedeći okvir ispod predstavlja animaciju koju želite igrati. Budući da nema animacije koja se može igrati, prazan je.

Dodirnite prazan okvir kako biste odabrali animaciju.

Primijetite da se filmska traka pojavljuje duž donjeg dijela ekrana. Dodirnite ikonu Biblioteke resursa kako biste dodali animacijski ciklus u filmsku traku.

Navigirajte do animiranog lika "Zeleni Svemirac" i odaberite "Hodaj" ciklus. Primijetite da su svaki okvir animacije automatski dodani u filmsku traku. Dodirnite bilo gdje da zatvorite filmsku traku i vratite se na svojstva.

Napomena: Možete također dodati pojedinačne slike ili animacijske okvire u filmsku traku animacija. Niste ograničeni samo na unaprijed kreirane animacijske cikluse.

Zatim, iz svojstava ponašanja animacije Hodaj, isključite prekidač za "Ponovi Animaciju". Želimo da ovaj prekidač bude isključen jer Joystick Lijevo i Desno našu animaciju zapravo kružno ponavljaju budući da će se animacija događati samo dok je joystick lijevo ili desno.

Na kraju, preimenujmo ovo ponašanje kako bismo ga lakše pronašli kasnije. Iz svojstava ponašanja dodirnite naziv ponašanja na samom vrhu. Ovo će otvoriti tipkovnicu i omogućiti vam da upišete novo ime za ponašanje. Nazovimo ga "Animacija Hodanja"

Ako sada pritisnete igra, vaš lik bi trebao kretati sa joystickom i biti animiran!

Skakanje:

Ne možete imati platformsku igru bez skakanja! Praviti igrača da skače je jednostavno u hyperPad-u.

Dok ste još uvijek u uređivaču ponašanja Zelenog Svemirca, dodirnite kategoriju "Interakcija", i iz popisa ponašanja na lijevoj strani, povucite ponašanje "Skok s Botunom". Baš kao i ponašanje Kontrolirano Joystickom, skakanje s botunom također će upravljati većinom vaših pokreta objekata za vas i automatski dodaje dugme u Globalni UI Layer.

Možete dodirnuti ponašanje skakanja kako biste pregledali njegova svojstva. Iz svojstava ponašanja skakanja možete promijeniti postavke poput zvuka koji se pušta, snage skokova i još mnogo toga. Za ovaj tutorial, ostavit ćemo sve isto, osim što ćemo promijeniti snagu.

Morala sam postaviti snagu na 18 kako bih mogla skočiti preko svih prepreka u razini stvorenoj za Dijel 3. Ako ste stvorili vlastitu razinu, možda ćete morati malo igrati s vrijednostima skakanja dok vam ne odgovara.

Ako sada pritisnete igru, možete vidjeti kako vaš igrač trči i skače. Međutim, možda ste primijetili da lik nastavlja hodati dok skače u zraku... Idemo to popraviti!

Započnimo s reprodukcijom animacije dok skakate.

Iz kategorije "Interakcija" dodajte ponašanje "Započeli Dodirivati", zatim dodirnite ponašanje koje ste upravo dodali kako biste pregledali svojstva.

Sada trebamo promijeniti ponašanje kako bi radilo samo kada počnete dodirivati dugme za skakanje. Iz svojstava ponašanja "Započeli dodirivati", dodirnite grafik Zelenog Svemirca u gornjem okviru.

Ovo vas dovodi do ekrana "Odabira objekta". Ovdje možete odabrati bilo koji objekt ili UI element u svojoj sceni. Vjerojatno ne možete odabrati dugme. To je zato što je Zeleni Svemirac bio na Glavnom Layeru, a dugme je na Globalnom UI Layeru. Iz trake slojeva na desnoj strani ekrana, jednostavno dodirnite Globalni UI layer. Sada možete odabrati dugme.

Sa odabranim dugmetom, dodirnite ikonu za prihvaćanje na dnu.

Sljedeće dodajte još jedno ponašanje Igraj Animaciju i povežite ga s ponašanjem Započeo Dodirivati koje smo ranije dodali.

Baš kao što ste ranije radili, možete preimenovati ponašanje, i odabrati animaciju iz Svojstava ponašanja.

Da biste preimenovali, dodirnite naslov ponašanja u svojstvima objekta i unesite novo ime. I ja sam koristila "Animacija Skakanja".

Poput onoga što ste učinili za animaciju hodanja, trebate odabrati ciklus za skakanje. Dodirnite drugi prazan okvir u svojstvima ponašanja i odaberite ciklus skakanja iz dostupnih animacija Zelenog Svemirca.

Također ćete morati isključiti prekidač "Ponovi Animaciju" i prekidač "Vrati Okvir".

Ako sada pritisnete igru, vidjet ćete kada skačete lik izgleda kao da skače! Međutim, postoje još 2 sitne probleme.

  1. Lik se ne vraća u svoju animaciju stajanja kada sleti

  2. Ako pomaknete lika dok je u zraku, lik igra animaciju hodanja u zraku.

Za prvi problem, prebacite na kategoriju ponašanja "Transformacija", i dodirnite naprednu tipku da biste pregledali napredna ponašanja.

Sada povucite ponašanje "Prestao Padati", i također povucite još jedno ponašanje "Igraj Animaciju" iz FX kategorije i povežite ga s "Prestao Padati".

Na "Igraj Animaciju" koju ste upravo dodali, odaberite "Stoji" animacijski ciklus Zelenog Svemirca, onemogućite "Vrati Okvir" i "Ponovi Animaciju" prekidače, i promijenite naziv ponašanja Igraj Animaciju u "Stajanje".

Zeleni Svemirac sada bi trebao moći skakati i izgledati kao da stoji kada sleti.

Za drugi problem, trebamo zaustaviti animaciju dok lik skače.

Prebacite se na kategoriju ponašanja "Prilagođeno" i povucite "Ponašanje Isključeno", i povežite ga s ponašanjem "Započeo Dodirivati" koje smo ranije dodali za Animaciju Skakanja.

Sad dodirnite "Ponašanje Isključeno", i dodirnite prazan okvir da biste odabrali ponašanje s popisa. Iz popisa, pronađite ponašanje "Igraj Animaciju" (Animacija Hodanja) koje je povezano s ponašanjima Joystick lijevo i desno.

Zatim dodajte "Ponašanje Uključeno", i povežite ga s ponašanjem "Prestao Padati" koje smo ranije dodali.

Opet dodirnite prazan okvir, i odaberite ponašanje Igraj animaciju (Animacija hodanja) koje igra animaciju hodanja.

Ako sada pritisnete igru, vaš lik bi trebao moći savršeno se kretati i skakati!

Pomicanje Ekrana:

Kao što ste vjerojatno primijetili, ako se pomaknete previše, lik izlazi sa ekrana. U tradicionalnim platformskim igrama ekran se obično pomiče s vašim igračem. Uzmite Mariju za primjer, Marija uvijek ostaje u sredini ekrana (s pomakom).

Napravimo da se ekran pomiče sa Zelenim Svemircem, tako da nikad ne može isći izvan ekrana.

Dok ste još uvijek u ponašanjima Zelenog Svemirca, prebacite se na kategoriju "Ekran" i dodajte ponašanje "Ekran Praćenje". Ponašanje "Ekran Praćenje" će pomaknuti ekran s vašim odabranim objektom.

Sljedeće otvorite svojstva ponašanja za Ekran Praćenje i isključite prekidač za "Praćenje Y". Ovo omogućava da ekran prati vašeg igrača lijevo ili desno, ali ne gore ili dolje.

U ovom trenutku, ako pritisnete igru, trebali biste moći prolaziti kroz svoju razinu s animiranim likom, i imati ekran koji se pomiče s vama.

Možete preuzeti završenu verziju Dijela 4 iz Huba i vidjeti sve to u akciji.

U Dijelu 5, započet ćemo dodavati malo više elemenata igre dodajući novčiće za prikupljanje i rezultat.