Vytvoření mobilní hry bez kódování: 6 kroků

2024 Autor: John Day | [email protected]. Naposledy změněno: 2024-01-30 08:22

Vytváření her se může zdát docela skličující, ať už pomocí jednoty vytváří 3D hry nebo hry s pevným kódováním v jazycích, jako je Java. Ať tak či onak, potřebujete za sebou spoustu zkušeností, což není vždy zábava pro někoho, kdo právě začíná. V tomto projektu tedy uděláme velmi jednoduchou plošinovku (jako Mario) od začátku do konce.

Krok 1: Začínáme

Platforma, na které se chystáme vyrábět naši hru, se nazývá AppShed, tato webová stránka má prostředí pro vývoj aplikací vytvořené pro snadné použití, ale také má postavený herní engine Phaser, který nám umožňuje vytvářet aplikace, které mají hry, stavět to!

Abychom mohli začít, přejdeme na AppShed a klikneme na přihlášení (pokud nemáte účet, můžete se zdarma zaregistrovat). V tomto okamžiku se vám zobrazí dvě možnosti, AppBuilder a IoTBuilder, protože tentokrát chceme vytvořit aplikaci, klikneme na AppBuilder (podívejte se na naše další projekty a zjistěte, jak pomocí IoTBuilderu vytvořit aplikaci, která dokáže kontrolní světla!)

Jakmile jste v AppBuilderu, měl by vám být představen simulovaný telefon, zde budeme stavět naši hru. Začneme kliknutím na novou aplikaci ve spodní části obrazovky, která následně vytvoří novou, poté jí můžeme dát název „hra“.

Krok 2: O Game Engine

Nyní, než se dostaneme příliš hluboko do tvorby hry, pojďme se na chvíli podívat na základní herní engine, který nám pomůže snadno vytvářet hry. Jmenuje se Phaser a běží na HTML 5 a Javascriptu, díky čemuž nám umožňuje vytvářet a spouštět hry v našem webovém prohlížeči.

Nyní, pokud víte něco o Phaseru, budete vědět, že stále musíte vědět, jak kód používat. Pro úplného začátečníka to tedy opravdu není ideální. Zde přichází na řadu AppShed, AppShed využívá modul Phaser a překrývá přetahování, funkce snadných úprav, která nám umožňuje vytvářet hry bez kódování

Krok 3: Zpět k vytvoření aplikace

V tomto okamžiku jsme vytvořili naši aplikaci a pojmenovali ji, ale naše aplikace je zcela prázdná. Abychom mohli přidat naši první hru, musíme kliknout na moduly a poté do vyhledávacího pole vyhledat „hru“. Poté uvidíte spoustu různých možností (všechny jsou to různé hry na různých úrovních obtížnosti) klikneme na plošinovou hru (Phaser), protože je to nejjednodušší hra, kterou lze upravit.

Jakmile kliknete na použít, měli byste vidět, že se vaše aplikace najednou naplní spoustou obrázků a jmen, to jsou všechny aspekty naší hry. Uvidíte, že existuje Pipe, postava, platformy a pozadí, které budou později tvořit svět hry. Úplně nahoře byste měli vidět velké tlačítko pro spuštění hry, pokračujte a dvojitým kliknutím hru spustíte.

Jakmile je hra načtena, můžete se pohybovat pomocí kláves se šipkami nebo kliknutím a tažením myší. Ve hře byste měli vidět potrubí, platformy a všechny další aspekty, které jsme viděli na předchozí obrazovce.

Krok 4: Úpravy hry

V posledním kroku jsme se tedy dozvěděli, že všechny obrázky na obrazovce tvoří svět ve hře, takže pokud bychom je šli upravit, změnilo by to věci v naší hře.

Chcete -li je tedy upravit, klikněte levým tlačítkem myši na to, co chceme upravit, řekněme například, že jsme chtěli změnit polohu jedné z platforem, provedli bychom to kliknutím na jednu z platforem a poté kliknutím na upravit. Nyní bychom měli vidět textové pole se spoustou hodnot jako X, Y, šířka a výška. Pokud bychom chtěli změnit polohu platformy, změnili bychom hodnoty X a Y a pokud bychom chtěli změnit velikost, změnili bychom hodnotu šířky a výšky.

Abychom přesunuli platformu, změníme hodnotu X na 100 a hodnotu Y na 70. Poté klikneme na uložit a zkusíme hru znovu, měli bychom pak vidět, že hra vypadá jinak. Tyto hodnoty můžeme změnit ve všech aspektech hry, aby byla více přizpůsobená.

Krok 5: Přidání dalších

V tomto okamžiku jsme se naučili, jak funguje herní engine, jak se k těmto hrám dostat a jak je přizpůsobit hrám přizpůsobením velikosti a přesunu věcí. Nyní se podíváme na to, jak do naší hry přidat další platformy a objekty.

První věc, kterou uděláme, je vrátit se zpět k modulům a znovu vyhledat hru, v souboru s názvem „platformová hra Phaser“by se vám měla zobrazit možnost přidat další platformu, my na ni klikneme a poté klikneme na použít. Nyní byste měli vidět, že vaše herní obrazovka má 3 potrubí, ale pokud hru spustíme, uvidíte pouze 2. Důvodem je, že 2 z trubek mají stejné hodnoty x a y, což znamená, že se překrývají, abychom to vyřešili, stačí změnit jednu z hodnot a pak jsou vidět všechny 3.

Krok 6: Získejte jej do telefonu a vezměte jej dále

Nyní je naše hra připravena hrát, abychom ji dostali do našich telefonů, klikneme na publikovat a poté na start, jakmile bude tento proces dokončen, klikneme na sdílení a poté na QR kód. Tím se nám zobrazí QR kód, který můžeme naskenovat pomocí telefonu a vložíme do něj naši hru. Během několika sekund je hra načtena a nyní můžeme hrát na telefonu. Postavu můžete ovládat buď tažením prstu po obrazovce, nebo můžete telefon naklonit ve směru, kterým se chcete pohybovat.

A právě tak jsme vytvořili velmi jednoduchou hru a dali ji do svého telefonu. Nyní je to jedna z nejjednodušších her, které můžete vytvořit, ale můžete to vzít mnohem dál než jen jednoduchou plošinovou hru. Podívejte se na tuto hru Space Invaders postavenou na AppShed. Tady

Pokud máte nějaké dotazy, neváhejte zanechat komentář a my se vám ozveme