Talaan ng mga Nilalaman:

Paggawa ng isang Mobile Game Nang Walang Coding: 6 Mga Hakbang
Paggawa ng isang Mobile Game Nang Walang Coding: 6 Mga Hakbang

Video: Paggawa ng isang Mobile Game Nang Walang Coding: 6 Mga Hakbang

Video: Paggawa ng isang Mobile Game Nang Walang Coding: 6 Mga Hakbang
Video: How to MAKE YOUR OWN APP in just 5 MINUTES | No Coding Required | Andromo 2024, Disyembre
Anonim
Image
Image

Ang paggawa ng laro ay maaaring tila nakakatakot kung gumagamit ito ng pagkakaisa upang lumikha ng mga 3D na laro o mga hard coding na laro sa mga wika tulad ng Java. Alinmang paraan, kailangan mo ng maraming karanasan sa likuran mo na hindi palaging masaya para sa isang tao na nagsisimula pa lamang. Kaya sa proyektong ito, gagawa kami ng isang napaka-simpleng laro ng platformer (Tulad ng Mario) mula simula hanggang katapusan.

Hakbang 1: Pagsisimula

Nagsisimula
Nagsisimula
Nagsisimula
Nagsisimula

Ang platform na gagawin namin ang aming laro ay tinatawag na AppShed, ang website na ito ay may isang kapaligiran sa pagpapaunlad ng App na ginawa para sa madaling paggamit ngunit mayroon ding built na engine engine ng Phaser na nagpapahintulot sa amin na gumawa ng mga app na mayroong mga laro na maitayo ito!

Kaya upang makapagsimula ay magtungo kami sa AppShed at mag-click sa pag-login (kung wala kang isang account maaari kang magparehistro nang libre). Sa puntong ito, bibigyan ka ng dalawang pagpipilian, AppBuilder at IoTBuilder, dahil nais naming gumawa ng isang app sa oras na ito ay mag-click kami sa AppBuilder (suriin ang aming iba pang mga proyekto upang makita kung paano gamitin ang IoTBuilder upang makagawa ng isang app na maaaring control lights!)

Sa sandaling nasa AppBuilder ka dapat ay bibigyan ka ng isang kunwa telepono, dito namin bubuo ang aming laro. Nagsisimula kami sa pamamagitan ng pag-click sa bagong app sa ilalim ng screen na pagkatapos ay lilikha ng isang bago, maaari namin itong bigyan ng pangalang "laro".

Hakbang 2: Tungkol sa Game Engine

Tungkol sa Game Engine
Tungkol sa Game Engine

Ngayon bago tayo lumalim sa paggawa ng laro kumuha muna tayo ng isang segundo upang tingnan ang napapailalim na engine ng laro na makakatulong sa amin na makagawa ng mga laro nang madali. Tinawag itong Phaser at tumatakbo ito sa HTML 5 at Javascript, dahil dito pinapayagan kaming gumawa at magpatakbo ng mga laro sa aming web browser.

Ngayon kung may alam ka tungkol sa Phaser malalaman mo na kailangan mo pang malaman kung paano mag-code upang magamit ito. Kaya para sa isang ganap na nagsisimula, talagang hindi ito perpekto. Dito pumapasok ang AppShed, kinukuha ng AppShed ang Phaser engine at inilalagay ang isang drag at drop, madaling tampok sa pag-edit na pinapayagan kaming gumawa ng mga laro nang hindi gumagawa ng anumang pag-coding

Hakbang 3: Bumalik sa Paggawa ng App

Bumalik sa Paggawa ng App
Bumalik sa Paggawa ng App
Bumalik sa Paggawa ng App
Bumalik sa Paggawa ng App
Bumalik sa Paggawa ng App
Bumalik sa Paggawa ng App

Kaya sa puntong ito, gumawa kami ng aming app at binigyan namin ito ng isang pangalan ngunit ang aming app ay ganap na walang laman. Upang idagdag ang aming unang laro kailangan naming mag-click sa mga module at pagkatapos ay maghanap para sa "laro" sa search bar. Makikita mo pagkatapos ang isang bungkos ng iba't ibang mga pagpipilian (ito ang lahat ng iba't ibang mga laro sa iba't ibang mga antas ng kahirapan) mag-click kami sa laro ng Platform (Phaser) dahil ito ang pinakamadaling laro upang mai-edit.

Kapag na-click mo ang paggamit dapat mong makita ang iyong app biglang napunan ng isang bungkos ng mga imahe at pangalan, ito ang lahat ng mga aspeto ng aming laro. Makikita mo ngayon na mayroong isang Pipe, character, platform, at mga background na sa paglaon ay bubuo sa mundo ng laro. Sa tuktok, dapat mong makita ang isang malaking pindutan ng laro ng pagsisimula, magpatuloy at i-double click iyon upang simulan ang laro.

Kapag na-load na ang laro maaari mong gamitin ang mga arrow key o mag-click at i-drag gamit ang mouse upang lumipat. Sa laro, dapat mong makita ang tubo, platform at lahat ng iba pang mga aspeto na nakita namin sa nakaraang screen.

Hakbang 4: Pag-edit ng Laro

Pag-edit ng Laro
Pag-edit ng Laro
Pag-edit ng Laro
Pag-edit ng Laro
Pag-edit ng Laro
Pag-edit ng Laro
Pag-edit ng Laro
Pag-edit ng Laro

Kaya sa huling hakbang, nalaman namin na ang lahat ng mga imahe sa screen ay binubuo ang mundo sa laro kaya kung nais naming i-edit ang mga ito mababago ang mga bagay sa aming laro.

Kaya upang mai-edit ang mga ito ay iniwan namin ang pag-click sa kung ano ang gusto naming i-edit, kaya sabihin halimbawa na nais naming baguhin ang posisyon ng isa sa mga platform, gagawin namin ito sa pamamagitan ng pag-click sa isa sa mga platform at pagkatapos ay i-click namin ang pag-edit. Ngayon ay dapat nating makita ang isang text box na may maraming mga halaga tulad ng X, Y, lapad at taas. Kung nais naming baguhin ang posisyon ng platform babaguhin namin ang halagang X at Y at kung nais naming baguhin ang laki ay babaguhin namin ang lapad at taas na halaga.

Kaya upang ilipat ang platform binago namin ang X na halaga sa 100 at ang Y na halaga sa 70. Pagkatapos ay na-click namin ang i-save at subukang muli ang laro, dapat nating makita na ang laro ay mukhang magkakaiba. Maaari nating baguhin ang mga halagang ito sa lahat ng aspeto ng laro upang gawing mas pasadya.

Hakbang 5: Pagdaragdag ng Higit Pa

Nagdaragdag pa
Nagdaragdag pa
Nagdaragdag pa
Nagdaragdag pa

Sa puntong ito, natutunan namin kung paano laruin ang mga engine engine, kung paano makarating sa mga larong ito at kung paano gawing mas pasadya ang mga laro sa pamamagitan ng pagbabago ng laki at paglipat ng mga bagay, ngayon titingnan namin kung paano magdagdag ng maraming mga platform at object sa aming laro.

Ang unang bagay na gagawin namin ay bumalik sa mga module at maghanap muli ng laro, sa file na tinatawag na "platform game Phaser" dapat mong makita ang pagpipilian upang magdagdag ng isa pang platform, mag-click kami dito at pagkatapos ay i-click ang paggamit. Ngayon dapat mong makita ang iyong screen ng laro ay may 3 mga tubo ngunit kung ilulunsad namin ang laro 2 lamang ang makikita. Ito ay dahil ang 2 sa mga tubo ay may parehong mga halaga ng x at y na nangangahulugang sila ay magkakapatong, upang ayusin ito binago lang natin ang isa sa mga halaga at pagkatapos ay makita ang lahat ng 3.

Hakbang 6: Pagkuha nito sa Iyong Telepono at Dadalhin Ito Dagdag

Pagkuha nito sa Iyong Telepono at Dadalhin Ito Dagdag
Pagkuha nito sa Iyong Telepono at Dadalhin Ito Dagdag
Pagkuha nito sa Iyong Telepono at Dadalhin Ito Dagdag
Pagkuha nito sa Iyong Telepono at Dadalhin Ito Dagdag
Pagkuha nito sa Iyong Telepono at Dadalhin Ito Dagdag
Pagkuha nito sa Iyong Telepono at Dadalhin Ito Dagdag
Pagkuha nito sa Iyong Telepono at Dadalhin Ito Dagdag
Pagkuha nito sa Iyong Telepono at Dadalhin Ito Dagdag

Kaya't ang aming laro ay handa nang maglaro, upang makuha ito sa aming mga telepono na nag-click kami sa i-publish na sinusundan ng pagsisimula, sa sandaling makumpleto ang prosesong ito nag-click kami sa pagbabahagi at pagkatapos ay ang QR Code. Ipapakita sa amin ito ng isang QR Code na maaari naming mai-scan sa aming telepono na inilalagay namin ang aming laro sa aming telepono. Sa loob ng ilang segundo, ang laro ay na-load na at maaari na tayong maglaro sa aming telepono. Upang makontrol ang character na maaari mong i-drag ang iyong daliri sa screen o maaari mong ikiling ang iyong telepono sa direksyon na nais mong ilipat.

At tulad nito ay nakabuo kami ng isang napaka-simpleng laro at inilagay ito sa aming telepono. Ngayon, ito ay isa sa pinakasimpleng mga laro na maaari mong buuin ngunit maaari mo itong gawin nang mas malayo pa sa isang simpleng laro ng platformer. Suriin ang laro ng space invaders na ito na binuo sa AppShed. Dito

Kung mayroon kang anumang mga katanungan mangyaring huwag mag-atubiling mag-iwan ng isang komento at babalikan ka namin

Inirerekumendang: