Časť 4: Vytváranie vášho hráča | hyperPad Documentation

Loading...

Logo
DocumentationKompletný sprievodca - Tvorba plošinovkyČasť 4: Vytváranie vášho hráča
Kompletný sprievodca - Tvorba plošinovky

Časť 4: Vytváranie vášho hráča

Last updated September 19, 2015

V Časti 3 ste sa naučili, ako vytvoriť svoju prvú úroveň. V tomto návode začneme transformovať našu prázdnu úroveň na hru.

Platformer je hra ako Mario. Typicky platformery majú postavu, ktorú možno ovládať pomocou joysticku a môže skákať, aby vyriešila rôzne hádanky.

Táto časť sprievodcu nadväzuje na Časť 3 a predpokladá, že ste už vytvorili svoju úroveň pomocou prostriedkov z Platformer Starter Pack, ktorý si môžete stiahnuť z Obchodu s prostriedkami.

Pridanie hráča:

Najprv musíte pridať grafiku svojho hráča do docku objektov. Začnite navigovaním do priečinka Stiahnuté v Knižnici prostriedkov a nájdite animovaného Zeleného Space Man Charaktera.

Klepnúť na animovanú postavu v Knižnici prostriedkov vám ukáže všetky dostupné cykly animácie.

Keďže nechceme, aby hráč vyzeral, akoby chodil, aj keď stojí na mieste, použijeme "Stoj" animačný cyklus. Klepnite na "Stoj" animačný cyklus, aby ste ho pridali do docku.

Poznámka: Ak animovaná grafika, ktorú používate, nemá cyklus stojania alebo idle, môžete vždy vybrať jeden snímok animácie podržaním prsta na animačnom cykle a výberom "Zobraziť snímky" z ponuky prostriedkov.

Teraz, keď máte svoju postavu na Docku objektov, môžete ju jednoducho potiahnuť z doku do svojej scény.

Hybnosť hráča:

Teraz musíme oživiť postavu a spraviť ju ovládateľnou joystickom. hyperPad to robí veľmi jednoduché s priloženými správaním.

Najprv otvorte vlastnosti objektu klepnutím na postavu, ktorú ste práve potiahli na plátno.

Z "Fyzikálneho panelu" vlastností objektu spravte svoju postavu "Fyzickým typom" klepnutím na ikonu fyzikálneho objektu ( ) tesne pod tlačidlom "Správania".

Poznámka: Fyzikálne objekty budú dodržiavať zákony gravitácie a budú reagovať na iné objekty a sily.

Ďalej klepnite na tlačidlo Správania, aby ste otvorili editor správania a začali proces pridávania hrateľnosti vašej postave.

Editor správania má rôzne kategórie zobrazené pozdĺž hornej lišty a správanie v ľavom zozname.

Keďže ste pridali animačný cyklus, správanie "Prehrať animáciu" je už pridané na kanvas správania.

Z kategórie "interakcia" potiahnite správanie "Ovládanie joystickom" na váš kanvas.

Hneď ako je toto správanie pridané, automaticky sa vytvorí a pridá joystick na vašu GLOBÁLNU UI vrstvu. Ak ste už mali joystick pridaný na svoju UI vrstvu, toto správanie automaticky použije ten namiesto pridania nového.

V tomto bode môžete stlačiť play a spustiť svoju hru! Môžete si však všimnúť, že hráč sa len kĺže po obrazovke...

Animácie:

Urobme hru alebo lepšou pridaním niektorých animácií k našej postave.

Začneme tým, že našu postavu necháme chodiť, keď sa joystick posunie doľava alebo doprava.

Na to musíte zobraziť "pokročilé" interakčné správanie. Zatiaľ čo ste v kategórii "Interakcia", klepnite na možnosť "Pokročilé" na spodku zoznamu správania.

Zo zoznamu "pokročilé" pridajte "Joystick doľava" a "Joystick doprava" na kanvas.

Ďalej, zo kategórie "FX" pridajte správanie "Prehrať animáciu" a prepojte obe Joystick doľava a doprava na túto novo pridanú prehrať animáciu.

Teraz klepnite na správanie "Prehrať animáciu", aby ste zobrazili vlastnosti správania.

Prvá krabica na vrchu je objekt, na ktorý chcete aplikovať animáciu. hyperPad automaticky vyberá aktuálny objekt.

Poznámka: Môžete tu klepnúť a vybrať akýkoľvek iný objekt vo svojej scéne, ak by ste chceli. Teraz to nechceme robiť, takže to necháme tak, ako je.

Ďalšia škatuľa nižšie predstavuje animáciu, ktorú chcete prehrať. Keďže neexistuje žiadna animácia na prehranie, je prázdne.

Klepnete na prázdnu škatuľku, aby ste vybrali animáciu.

Všimnite si, že sa na spodnej časti obrazovky objaví filmový pás. Klepnite na ikonu Knižnice prostriedkov, aby ste pridali cyklus animácie do filmového pásu.

Prejdite k animovanej "Zelenému spacemanovi" a vyberte cyklus "Chodiť". Všimnite si, že každý snímok animácie bol automaticky pridán na filmový pás. Klepnite na ľubovoľné miesto, aby ste zavreli filmový pás a vrátili sa k vlastnostiam.

Poznámka: Môžete tiež pridať jednotlivé obrázky alebo animované snímky do animačného filmového pásu. Nie ste obmedzení len na predpripravené animačné cykly.

Ďalej, z vlastností správania animácie chôdze vypnite prepínač "Cyklická animácia". Chceme, aby bol tento prepínač vypnutý, pretože Joystick doľava a doprava v podstate cyklujú našu animáciu, zatiaľ čo animácia sa bude diať len vtedy, ak je joystick doľava alebo doprava.

Nakoniec premenováme toto správanie, aby sa lepšie vyhľadávalo neskôr. Z vlastností správania klepnite na názov správania úplne navrchu. Tým sa zobrazí klávesnica a umožní vám zadať nové meno pre správanie. Nazvime to "Animácia chôdze"

Ak teraz stlačíte play, vaša postava by sa mala pohybovať joystickom a byť animovaná!

Skákanie:

Nemôžete mať platformovú hru bez skákania! V hyperPade je skákanie hráča veľmi jednoduché.

Keď ste stále v editore správania Zeleného spacemana, klepnite na kategóriu "Interakcia" a z ľavého zoznamu správania potiahnite správanie "Skok s tlačidlom". Rovnako ako správanie Ovládanie joystickom, skok s tlačidlom tiež zvládne veľa pohybov vašich objektov a automaticky pridá tlačidlo do Globálnej UI Vrstvy.

Môžete klepnúť na skokové správanie, aby ste zobrazili jeho vlastnosti. Z vlastností správania skoku môžete zmeniť nastavenia, ako je zvuk zapnutia, sila skokov a ďalšie. Pre tento návod necháme všetko rovnaké, až na zmenu sily.

Musel som nastaviť silu na 18, aby som mohol preskočiť všetky prekážky vo vytvorenej úrovni pre Časť 3. Ak ste si navrhli vlastnú úroveň, možno budete musieť hrať s hodnotou skoku, kým to pre vás nebude fungovať.

Ak stlačíte play teraz, uvidíte, ako vaša postava behá a skáče. Môžete si však všimnúť, že postava pokračuje v chôdzi, zatiaľ čo je vo vzduchu... Poďme to opraviť!

Začneme prehrávaním animácie, keď skáčete.

Z kategórie "Interakcia" pridajte správanie "Začaté dotyky", potom klepnite na správanie, ktoré ste práve pridali, aby ste zobrazili vlastnosti.

Teraz musíme zmeniť správanie, aby fungovalo len vtedy, keď začnete dotýkať sa tlačidla skoku. Z vlastností správania "Začaté dotyky" klepnite na grafiku spacemana v hornej krabici.

Toto vás presunie na obrazovku "Výber objektov". Odtiaľ si môžete vybrať akýkoľvek objekt alebo UI element vo svojej scéne. Pravdepodobne nemôžete vybrať tlačidlo. To je preto, lebo Zelený Spaceman bol na Hlavnej Vrstve, a tlačidlo je na Globálnej UI Vrstve. Z panelu vrstiev na pravej strane obrazovky, jednoducho klepnite na vrstvu "Globálna UI". Teraz môžete vybrať tlačidlo.

Keď máte tlačidlo vybrané, klepnite na ikonu prijatia na spodku.

Následne pridajte ďalšie správanie "Prehrať animáciu" a prepojte ho so správaním Začaté dotyky, ktoré sme predtým pridali.

Rovnako ako ste to urobili predtým, môžete premenovať správanie a zvoliť animáciu z Vlastností správania.

Aby ste premenovali, klepnite na názov správania vo vlastnostiach objektu a zadajte nové meno. Použil som "Animácia skoku".

Rovnako ako ste to urobili pre animáciu chôdze, musíte vybrať cyklus pre skok. Klepnite na druhú prázdnu škatuľku vo vlastnostiach správania a vyberte cyklus animácie skoku z dostupných animácií Zeleného Spaceman.

Budete tiež musieť vypnúť prepínač "Cyklická animácia" a "Obnoviť rámec".

Ak teraz stlačíte play, uvidíte, že keď skáčete, postava vyzerá, akoby skákala! Avšak, stále existujú 2 malé problémy.

  1. Postava sa nevracia do svojej animácie pešej chôdze, keď dopadne

  2. Ak pohýbate postavou, zatiaľ čo je vo vzduchu, postava prehráva chodskú animáciu vo vzduchu.

Pre prvý problém prepnite na kategóriu správania "Transformovať" a klepnite na pokročilé tlačidlo, aby ste zobrazili pokročilé správanie.

Teraz potiahnite správanie "Prestalo padať" a tiež potiahnite ďalšie správanie "Prehrať animáciu" z kategórie FX a prepojte ho na "Prestalo padať".

Na "Prehrať animáciu", ktorú ste práve pridali, vyberte cyklus animácie stojania Zeleného Spaceman, vypnite prepínače "Obnoviť rámec" a "Cyklická animácia" a premenovať správanie Prehrať animáciu na "Stojí"

Zelený spaceman by mal teraz byť schopný skákať a vyzerať, akoby stál, keď dopadne.

Pre druhý problém musíme zastaviť animáciu od prehrávania, zatiaľ čo postava skáče.

Prepnite na "Vlastné" správanie a potiahnite "Správanie Vypnúť" a prepojte ho so správaním "Začaté dotyky", ktoré sme pridali predtým pre Animáciu skoku.

Teraz klepnite na "Správanie Vypnúť" a klepnite na prázdnu škatuľku, aby ste vybrali správanie zo zoznamu. Z zoznamu nájdite správanie "Prehrať animáciu" (Animácia chôdze), ktoré je prepojené so správaním Joystick doľava a doprava.

Následne pridajte "Správanie Zapnúť" a prepojte ho so správaním "Prestalo padať", ktoré sme pridali predtým.

Znova klepnite na prázdnu škatuľku a vyberte správanie Prehrať animáciu (Animácia chôdze), ktoré prehráva animáciu chôdze.

Ak teraz stlačíte play, vaša postava by mala byť schopná pohybovať a skákať dokonale!

Pohyb obrazovky:

Ako ste si pravdepodobne všimli, ak sa pohnete príliš ďaleko, postava ide mimo obrazovku. V tradičných platformových hrách sa obrazovka zvyčajne pohybuje s vaším hráčom. Vezmite si Mariona ako príklad, Mario vždy ostáva v strede obrazovky (s malou odchýlkou).

Urobme obrazovku pohybujúcou sa so Zeleným spacemanom, aby sa nikdy nedostal mimo obrazovku.

Stále v správaní Zeleného spacemana prepnite na kategóriu "Obrazovka" a pridajte správanie "Sledovanie obrazovky". Správanie "Sledovanie obrazovky" posunie obrazovku s vybraným objektom.

Ďalej otvorte vlastnosti správania pre Sledovanie obrazovky a vypnite prepínač pre "Sleduje Y". To spôsobí, že obrazovka bude sledovať vášho hráča doprava a doľava, ale nie nahor a nadol.

V tomto bode, ak stlačíte play, mali by ste byť schopní prechádzať svojej úrovni s animovanou postavou a nechať obrazovku pohybovať sa spolu s vami.

Môžete si stiahnuť hotovú verziu Časti 4 z Hubu a vidieť to všetko v akcii.

V Časti 5 začneme pridávať ďalšie herné prvky pridaním mincí na zdvihnutie a skóre.