Vytvorenie mobilnej hry bez kódovania: 6 krokov

2024 Autor: John Day | [email protected]. Naposledy zmenené: 2024-01-30 11:59

Tvorba hier sa môže zdať dosť skľučujúca, či už používa jednotu na vytváranie 3D hier alebo hry s tvrdým kódovaním v jazykoch, ako je Java. Tak či onak, potrebujete za sebou veľa skúseností, ktoré nie sú vždy zábavné pre niekoho, kto práve začína. V tomto projekte teda urobíme veľmi jednoduchú plošinovku (ako Mario) od začiatku do konca.

Krok 1: Začíname

Platforma, na ktorej sa chystáme hrať našu hru, sa nazýva AppShed. Táto webová stránka má prostredie na vývoj aplikácií navrhnuté pre jednoduché použitie, ale má tiež zabudovaný herný engine Phaser, ktorý nám umožňuje vytvárať aplikácie, ktoré majú hry!

Na začiatku teda prejdeme na AppShed a klikneme na prihlásenie (ak nemáte účet, môžete sa bezplatne zaregistrovať). V tomto mieste sa vám zobrazia dve možnosti, AppBuilder a IoTBuilder, pretože tentokrát chceme vytvoriť aplikáciu, klikneme na AppBuilder (pozrite sa na naše ďalšie projekty a zistite, ako pomocou IoTBuilder vytvoriť aplikáciu, ktorá dokáže kontrolné svetlá!)

Keď ste v AppBuilderi, mal by sa vám predstaviť simulovaný telefón, tu budeme stavať našu hru. Začneme kliknutím na novú aplikáciu v spodnej časti obrazovky, ktorá potom vytvorí novú, potom jej môžeme dať názov „hra“.

Krok 2: O hernom engine

Teraz, než sa dostaneme príliš hlboko do hry, urobme si chvíľu na to, aby sme sa pozreli na základný herný engine, ktorý nám pomôže ľahko vytvárať hry. Hovorí sa mu Phaser a beží na HTML 5 a Javascripte, preto nám umožňuje vytvárať a prevádzkovať hry v našom webovom prehliadači.

Teraz, keď viete niečo o Phaseri, budete vedieť, že stále musíte vedieť, ako ho kódovať, aby ste ho mohli používať. Takže pre úplného začiatočníka to naozaj nie je ideálne. Tu prichádza AppShed, AppShed preberá procesor Phaser a prekrýva funkciu drag and drop, jednoduchú úpravu, ktorá nám umožňuje vytvárať hry bez kódovania.

Krok 3: Späť na vytvorenie aplikácie

V tomto bode sme teda vytvorili našu aplikáciu a pomenovali ju, ale naša aplikácia je úplne prázdna. Ak chcete pridať našu prvú hru, musíme kliknúť na moduly a potom vo vyhľadávacom paneli hľadať „hru“. Potom uvidíte veľa rôznych možností (všetky sú to rôzne hry na rôznych úrovniach obtiažnosti) klikneme na plošinovku (Phaser), pretože je to najľahšia hra na úpravu.

Keď kliknete na položku Použiť, mali by ste vidieť, že vaša aplikácia je zrazu plná množstva obrázkov a mien, to všetko sú aspekty našej hry. Uvidíte, že existuje rúra, postava, platformy a pozadia, ktoré neskôr budú tvoriť svet hry. Úplne hore by ste mali vidieť tlačidlo veľkého spustenia hry, pokračujte a dvojitým kliknutím hru spustíte.

Po načítaní hry sa môžete pohybovať pomocou klávesov so šípkami alebo kliknutím a ťahaním myšou. V hre by ste mali vidieť potrubie, platformy a všetky ostatné aspekty, ktoré sme videli na predchádzajúcej obrazovke.

Krok 4: Úprava hry

V poslednom kroku sme sa teda dozvedeli, že všetky obrázky na obrazovke tvoria svet v hre, takže ak by sme ich šli upravovať, zmenilo by to veci v našej hre.

Aby sme ich mohli upraviť, klikli sme ľavým tlačidlom myši na to, čo chceme upraviť. Povedzme napríklad, že by sme chceli zmeniť pozíciu jednej z platforiem, urobili by sme to kliknutím na jednu z platforiem a potom kliknutím na položku Upraviť. Teraz by sme mali vidieť textové pole so súborom hodnôt ako X, Y, šírka a výška. Ak by sme chceli zmeniť polohu platformy, zmenili by sme hodnoty X a Y a ak by sme chceli zmeniť veľkosť, zmenili by sme hodnotu šírky a výšky.

Aby sme platformu presunuli, zmeníme hodnotu X na 100 a hodnotu Y na 70. Potom klikneme na tlačidlo uložiť a vyskúšame si hru znova, potom by sme mali vidieť, že hra vyzerá inak. Tieto hodnoty môžeme zmeniť vo všetkých aspektoch hry, aby bola viac prispôsobená.

Krok 5: Pridanie ďalších

V tomto bode sme sa naučili, ako funguje herný engine, ako sa k týmto hrám dostať a ako ich prispôsobiť tým, že zmeníme veľkosť a presunieme veci. Teraz sa pozrieme na to, ako do našej hry pridať ďalšie platformy a objekty.

Prvá vec, ktorú urobíme, je vrátiť sa späť k modulom a znova vyhľadať hru, v súbore s názvom „plošinovka Phaser“by ste mali vidieť možnosť pridať ďalšiu platformu, klikneme na ňu a potom na tlačidlo Použiť. Teraz by ste mali vidieť, že vaša herná obrazovka má 3 potrubia, ale ak hru spustíme, uvidíte iba 2. Dôvodom je, že 2 potrubia majú rovnaké hodnoty x a y, čo znamená, že sa prekrývajú, aby sme to vyriešili, stačí zmeniť jednu z hodnôt a potom sú viditeľné všetky 3.

Krok 6: Získajte ho do telefónu a vezmite ho ďalej

Teraz je naša hra pripravená hrať, aby sme ju dostali do našich telefónov, klikneme na tlačidlo Publikovať a potom na Štart. Po dokončení tohto procesu klikneme na zdieľanie a potom na QR kód. To nám poskytne QR kód, ktorý môžeme naskenovať pomocou telefónu a vložíme do telefónu svoju hru. V priebehu niekoľkých sekúnd sa hra načíta a teraz môžeme hrať na telefóne. Postavu môžete ovládať buď potiahnutím prsta po obrazovke, alebo môžete telefón nakloniť v smere, ktorým sa chcete pohybovať.

A práve tak sme vytvorili veľmi jednoduchú hru a vložili ju do telefónu. Teraz je to jedna z najjednoduchších hier, ktoré môžete vytvoriť, ale môžete to dotiahnuť oveľa ďalej, než je jednoduchá platformová hra. Pozrite sa na túto hru Space Invaders postavenú na AppShed. Tu

Ak máte akékoľvek otázky, neváhajte zanechať komentár a my sa vám ozveme