Izrada mobilne igre bez kodiranja: 6 koraka

2024 Autor: John Day | [email protected]. Zadnja promjena: 2024-01-30 09:36

Izrada igara može izgledati prilično zastrašujuće, bez obzira koristi li jedinstvo za stvaranje 3D igara ili igara za teško kodiranje na jezicima poput Jave. U svakom slučaju, potrebno vam je puno iskustva iza vas što nije uvijek zabavno za nekoga tko tek počinje. Tako ćemo u ovom projektu od početka do kraja napraviti vrlo jednostavnu platformersku igru (Like Mario).

Korak 1: Početak

Platforma na kojoj ćemo stvarati našu igru naziva se AppShed, ova web stranica ima okruženje za razvoj aplikacija za jednostavnu upotrebu, ali ima i izgrađen Phaser engine za igru koji nam omogućuje izradu aplikacija koje imaju igre za izradu!

Stoga ćemo za početak prijeći na AppShed i kliknuti na prijavu (ako nemate račun, možete se besplatno registrirati). U ovom trenutku bit će vam predstavljene dvije opcije, AppBuilder i IoTBuilder, jer želimo napraviti aplikaciju ovaj put ćemo kliknuti na AppBuilder (pogledajte naše druge projekte da vidite kako koristiti IoTBuilder za izradu aplikacije koja može kontrolna svjetla!)

Nakon što ste u AppBuilderu, trebao bi vam biti predstavljen simulirani telefon, tu ćemo graditi našu igru. Počinjemo klikom na novu aplikaciju pri dnu zaslona koja će zatim stvoriti novu, a zatim joj možemo dati naziv "igra".

Korak 2: O Game Engineu

Prije nego što se previše upustimo u izradu igara, odvojimo trenutak da pogledamo temeljni engine za igre koji će nam pomoći da lako napravimo igre. Zove se Phaser i radi na HTML 5 i Javascript, zbog toga nam omogućuje izradu i pokretanje igara u našem web pregledniku.

Ako znate bilo što o Phaseru, znat ćete da još uvijek morate znati kodirati da biste ga koristili. Dakle, za apsolutnog početnika, to stvarno nije idealno. Ovdje dolazi AppShed, AppShed preuzima Phaserov motor i prekriva funkciju povlačenja i ispuštanja, jednostavnu za uređivanje koja nam omogućuje stvaranje igara bez kodiranja

Korak 3: Natrag na izradu aplikacije

Tako smo u ovom trenutku napravili našu aplikaciju i dali joj ime, ali naša je aplikacija potpuno prazna. Da bismo dodali našu prvu igru, moramo kliknuti na module, a zatim tražiti "igru" u traci za pretraživanje. Tada ćete vidjeti hrpu različitih opcija (sve su to različite igre na različitim razinama težine). Kliknuti ćemo na Platform igru (Phaser) jer je ovo najjednostavnija igra za uređivanje.

Nakon što kliknete upotrijebiti, trebali biste vidjeti da je vaša aplikacija odjednom ispunjena hrpom slika i imena, sve su to aspekti naše igre. Vidjet ćete da postoji cijev, lik, platforme i pozadina koji će kasnije sačiniti svijet igre. Pri samom vrhu trebali biste vidjeti veliki gumb za početak igre, samo naprijed i dvaput kliknite na njega za početak igre.

Kada se igra učita, možete se koristiti tipkama sa strelicama ili kliknuti i povući mišem za kretanje. U igri biste trebali vidjeti cijev, platforme i sve ostale aspekte koje smo vidjeli na prethodnom ekranu.

Korak 4: Uređivanje igre

Tako smo u posljednjem koraku naučili da sve slike na ekranu čine svijet u igri pa bi, ako bismo ih išli uređivati, to promijenilo stvari u igri.

Dakle, da biste ih uredili, kliknite lijevo na ono što želite urediti, pa recimo na primjer da smo htjeli promijeniti položaj jedne od platformi, to bismo učinili klikom na jednu od platformi, a zatim kliknite Uredi. Sada bismo trebali vidjeti tekstualni okvir s hrpom vrijednosti poput X, Y, širine i visine. Ako želimo promijeniti položaj platforme, promijenili bismo vrijednost X i Y, a ako bismo željeli promijeniti veličinu, promijenili bismo vrijednost širine i visine.

Dakle, za pomicanje platforme mijenjamo vrijednost X na 100, a vrijednost Y na 70. Zatim kliknemo Spremi i isprobamo igru ponovno, tada bismo trebali vidjeti da igra izgleda drugačije. Te vrijednosti možemo promijeniti u svim aspektima igre kako bismo je učinili prilagođenijom.

Korak 5: Dodajte još

U ovom smo trenutku naučili kako funkcionira engine za igre, kako doći do tih igara i kako učiniti igre prilagođenijima promjenom veličine i pomicanjem stvari, sada ćemo pogledati kako dodati više platformi i objekata u našu igru.

Prvo što ćemo učiniti je vratiti se na module i ponovo pretraživati igru, u datoteci koja se zove "platforma igra Phaser" trebali biste vidjeti opciju za dodavanje druge platforme, mi ćemo kliknuti na ovo, a zatim kliknuti na korištenje. Sada biste trebali vidjeti da vaš zaslon ima 3 cijevi, ali ako pokrenemo igru, mogu se vidjeti samo 2. To je zato što 2 cijevi imaju iste vrijednosti x i y, što znači da se preklapaju. Da bismo to popravili, samo promijenimo jednu od vrijednosti i tada se mogu vidjeti sve 3.

Korak 6: Preuzmite ga na svoj telefon i nastavite dalje

Dakle, sada je naša igra spremna za igranje, da bismo je prenijeli na svoje telefone, kliknemo na objavi, nakon čega slijedi početak, nakon što je ovaj proces završen, kliknemo na dijeljenje, a zatim na QR kôd. To će nam predstaviti QR kôd koji možemo skenirati telefonom da stavimo igru na telefon. Za nekoliko sekundi igra se učitava i sada možemo igrati na svom telefonu. Za upravljanje likom možete povući prst po ekranu ili nagnuti telefon u smjeru u kojem se želite pomaknuti.

I upravo tako, izgradili smo vrlo jednostavnu igru i stavili je na svoj telefon. Ovo je jedna od najjednostavnijih igara koje možete izgraditi, ali možete otići puno dalje od obične igre na platformi. Pogledajte ovu igru svemirskih osvajača koja je izgradila AppShed. Ovdje

Ako imate bilo kakvih pitanja, slobodno ostavite komentar, a mi ćemo vam se javiti