Realizarea unui joc mobil fără codificare: 6 pași

2024 Autor: John Day | [email protected]. Modificat ultima dată: 2024-01-30 11:45

Crearea jocurilor poate părea destul de descurajantă, fie că folosește unitatea pentru a crea jocuri 3D sau jocuri de codare dură în limbi precum Java. Oricum ar fi, ai nevoie de multă experiență în spatele tău, care nu este întotdeauna distractiv pentru cineva care abia începe. Deci, în acest proiect, vom face un joc de platformă foarte simplu (ca Mario) de la început până la sfârșit.

Pasul 1: Introducere

Platforma în care vom face jocul nostru se numește AppShed, acest site web are un mediu de dezvoltare a aplicațiilor pentru o utilizare ușoară, dar are și motorul de joc Phaser construit, care ne permite să creăm aplicații care au jocuri!

Deci, pentru a începe, vom merge la AppShed și vom face clic pe login (dacă nu aveți un cont, vă puteți înregistra gratuit). În acest moment, vi se vor prezenta două opțiuni, AppBuilder și IoTBuilder, deoarece vrem să realizăm o aplicație de data aceasta vom face clic pe AppBuilder (consultați celelalte proiecte pentru a vedea cum să utilizați IoTBuilder pentru a crea o aplicație care poate lumini de control!)

Odată ce vă aflați în AppBuilder, ar trebui să vi se prezinte un telefon simulat, aici ne vom construi jocul. Începem făcând clic pe aplicație nouă din partea de jos a ecranului, care va crea apoi o nouă, apoi îi putem da numele de „joc”.

Pasul 2: Despre motorul de joc

Acum, înainte de a ne adânci prea mult în joc, să luăm o secundă să ne uităm la motorul de bază care ne va ajuta să facem jocuri cu ușurință. Se numește Phaser și rulează pe HTML 5 și Javascript, din această cauză ne permite să realizăm și să rulăm jocuri în browserul nostru web.

Acum, dacă știți ceva despre Phaser, veți ști că trebuie să știți cum să codificați pentru a-l utiliza. Deci, pentru un începător absolut, chiar nu este ideal. Aici intervine AppShed, AppShed preia motorul Phaser și suprapune o funcție de editare ușoară, care ne permite să facem jocuri fără a face nicio codare

Pasul 3: Înapoi la Realizarea aplicației

Deci, în acest moment, ne-am creat aplicația și i-am dat un nume, dar aplicația noastră este complet goală. Pentru a adăuga primul nostru joc, trebuie să facem clic pe module și apoi să căutăm „joc” în bara de căutare. Veți vedea apoi o grămadă de opțiuni diferite (toate acestea sunt jocuri diferite la diferite niveluri de dificultate) vom face clic pe jocul Platformă (Phaser) deoarece acesta este cel mai ușor joc de editat.

După ce faceți clic pe utilizați, ar trebui să vedeți că aplicația dvs. este brusc umplută cu o grămadă de imagini și nume, toate acestea sunt aspecte ale jocului nostru. Veți vedea că există o țeavă, un personaj, platforme și fundaluri care vor forma ulterior lumea jocului. În partea de sus, ar trebui să vedeți un buton mare pentru a începe jocul, continuați și faceți dublu clic pe acesta pentru a începe jocul.

Odată ce jocul este încărcat, puteți utiliza tastele săgeată sau faceți clic și trageți cu mouse-ul pentru a vă deplasa. În joc, ar trebui să vedeți conducta, platformele și toate celelalte aspecte pe care le-am văzut în ecranul anterior.

Pasul 4: Editarea jocului

Deci, în ultimul pas, am aflat că toate imaginile de pe ecran alcătuiau lumea din joc, așa că, dacă ar fi să le edităm, ar schimba lucrurile din jocul nostru.

Deci, pentru a le edita, am făcut clic stânga pe ceea ce vrem să edităm, așa că, de exemplu, am vrut să schimbăm poziția uneia dintre platforme, am face acest lucru făcând clic pe una dintre platforme și apoi facem clic pe editare. Acum ar trebui să vedem o casetă de text cu o grămadă de valori precum X, Y, lățime și înălțime. Dacă am dori să schimbăm poziția platformei, am schimba valoarea X și Y și dacă am dori să schimbăm dimensiunea, am schimba valoarea lățimii și înălțimii.

Deci, pentru a muta platforma, schimbăm valoarea X la 100 și valoarea Y la 70. Apoi facem clic pe salvare și încercăm din nou jocul, ar trebui să vedem că jocul arată diferit. Putem schimba aceste valori pe toate aspectele jocului pentru a-l face mai personalizat.

Pasul 5: Adăugarea mai multor

În acest moment, am învățat cum funcționează motorul de joc, cum să ajungem la aceste jocuri și cum să facem jocurile mai personalizate prin redimensionarea și mutarea lucrurilor, acum vom analiza cum să adăugăm mai multe platforme și obiecte în jocul nostru.

Primul lucru pe care îl vom face este să ne întoarcem la module și să căutăm din nou jocul, în fișierul numit „platform platform game Phaser” ar trebui să vedeți opțiunea de a adăuga o altă platformă, vom face clic pe aceasta și apoi faceți clic pe use. Acum ar trebui să vedeți că ecranul jocului dvs. are 3 conducte, dar dacă lansăm jocul, doar 2 pot fi văzute. Acest lucru se datorează faptului că 2 dintre țevi au aceleași valori x și y ceea ce înseamnă că se suprapun, pentru a remedia acest lucru, doar schimbăm una dintre valori și apoi toate cele 3 pot fi văzute.

Pasul 6: Porniți-l pe telefonul dvs. și duceți-l mai departe

Așadar, acum jocul nostru este gata de joc, pentru a-l primi pe telefoanele noastre, facem clic pe publicare urmată de start, odată ce acest proces este finalizat, facem clic pe share și apoi pe QR Code. Acest lucru ne va oferi un cod QR pe care îl putem scana cu telefonul pe care îl punem pe telefon. În câteva secunde, jocul este încărcat și acum putem juca pe telefonul nostru. Pentru a controla caracterul, puteți trage degetul pe ecran sau puteți înclina telefonul în direcția în care doriți să vă deplasați.

Și exact așa am construit un joc foarte simplu și l-am pus pe telefonul nostru. Acum, acesta este unul dintre cele mai simple jocuri pe care le poți construi, dar îl poți duce mult mai departe decât un simplu joc platformer. Verificați acest joc Space Invaders construit AppShed. Aici

Dacă aveți întrebări, vă rugăm să ne lăsați un comentariu și vă vom răspunde