Fer un joc per a mòbils sense codificar: 6 passos

2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:15

La creació de jocs pot semblar descoratjadora, ja sigui si utilitza la unitat per crear jocs en 3D o jocs de codificació dura en llenguatges com Java. Sigui com sigui, necessiteu molta experiència al darrere que no sempre és divertida per a algú que tot just comença. Per tant, en aquest projecte, farem un joc de plataformes molt senzill (com Mario) de principi a fi.

Pas 1: Introducció

La plataforma en què farem el nostre joc es diu AppShed, aquest lloc web té un entorn de desenvolupament d’aplicacions per a un ús fàcil, però també el construeix el motor de joc Phaser que ens permet crear aplicacions que tinguin jocs.

Per començar, anirem a AppShed i farem clic a login (si no teniu cap compte, podeu registrar-vos gratuïtament). En aquest moment, se us presentaran dues opcions, AppBuilder i IoTBuilder, perquè volem crear una aplicació aquesta vegada farem clic a AppBuilder (consulteu els nostres altres projectes per veure com utilitzar IoTBuilder per crear una aplicació que pugui llums de control!)

Un cop estigueu a AppBuilder, se us haurà de presentar un telèfon simulat. Aquí és on construirem el nostre joc. Comencem fent clic a una nova aplicació a la part inferior de la pantalla per crear-ne una de nova, i després podem donar-li el nom de "joc".

Pas 2: Quant al motor de jocs

Ara, abans d’entrar massa en el joc, prenem un segon per examinar el motor subjacent que ens ajudarà a fer jocs fàcilment. Es diu Phaser i funciona amb HTML 5 i Javascript, per això ens permet fer i executar jocs al nostre navegador web.

Ara, si sabeu alguna cosa sobre Phaser, sabreu que encara heu de saber com codificar per utilitzar-lo. Per tant, per a un principiant absolut, no és ideal. Aquí és on entra AppShed, AppShed pren el motor Phaser i suposa una funció d'edició fàcil d'arrossegar i deixar anar, que ens permet fer jocs sense fer cap codificació

Pas 3: torneu a fer l'aplicació

Per tant, en aquest moment hem creat la nostra aplicació i li hem donat un nom, però la nostra aplicació està completament buida. Per afegir el nostre primer joc, hem de fer clic a mòduls i després cercar "joc" a la barra de cerca. A continuació, veureu un munt d'opcions diferents (tots són jocs diferents a diferents nivells de dificultat); farem clic a Joc de plataformes (Phaser), ja que és el joc més fàcil d'editar.

Un cop feu clic a Utilitza, hauríeu de veure que la vostra aplicació de sobte s'omple amb un munt d'imatges i noms, tots aquests aspectes del nostre joc. Veureu que hi ha un Pipe, un personatge, plataformes i fons que posteriorment conformaran el món del joc. A la part superior, hauríeu de veure un gran botó d’inici del joc, continuar i fer doble clic per iniciar el joc.

Un cop carregat el joc, podeu utilitzar les tecles de fletxa o fer clic i arrossegar amb el ratolí per moure’s. Al joc, hauríeu de veure la canonada, les plataformes i tots els altres aspectes que vam veure a la pantalla anterior.

Pas 4: Edició del joc

Així doncs, en l’últim pas, vam saber que totes les imatges de la pantalla formaven el món del joc, de manera que si anéssim a editar-les, canviaria les coses del nostre joc.

Per editar-los, vam fer clic esquerre sobre el que volem editar, per exemple, per exemple, volíem canviar la posició d'una de les plataformes, ho faríem fent clic a una de les plataformes i, a continuació, fem clic a Edita. Ara hauríem de veure un quadre de text amb un munt de valors com X, Y, amplada i alçada. Si volguéssim canviar la posició de la plataforma, canviaríem el valor X i Y i si volíem canviar la mida canviaríem el valor d’amplada i alçada.

De manera que, per moure la plataforma, canviem el valor X a 100 i el valor Y a 70. A continuació, fem clic a Desa i provem de nou el joc, hauríem de veure que el joc té un aspecte diferent. Podem canviar aquests valors en tots els aspectes del joc per fer-lo més personalitzat.

Pas 5: afegir-ne més

En aquest moment, hem après com funciona el motor de jocs, com arribar a aquests jocs i com fer que els jocs siguin més personalitzats redimensionant i movent les coses. Ara anem a veure com afegir més plataformes i objectes al nostre joc..

El primer que farem és tornar als mòduls i cercar el joc de nou, al fitxer anomenat "joc de plataformes Phaser" hauríeu de veure l'opció d'afegir una altra plataforma, farem clic sobre això i, a continuació, feu clic a utilitzar. Ara hauríeu de veure que la pantalla del joc té 3 canals, però si llancem el joc només se’n poden veure 2. Això es deu al fet que 2 de les canonades tenen els mateixos valors x i, cosa que significa que se superposen, per solucionar-ho, només canvieu un dels valors i es poden veure els 3.

Pas 6: Obtenir-lo al telèfon i portar-lo més enllà

Per tant, ara el nostre joc està a punt per jugar, per fer-lo arribar als nostres telèfons, fem clic a publica seguit d’inici, un cop finalitzat aquest procés, fem clic a compartir i després a QR Code. Això ens presentarà un codi QR que podem escanejar amb el nostre telèfon per posar el nostre joc al nostre telèfon. En qüestió de segons, el joc es carrega i ara podem jugar al nostre telèfon. Per controlar el personatge, podeu arrossegar el dit per la pantalla o inclinar el telèfon en la direcció que vulgueu moure.

I així, hem creat un joc molt senzill i el posem al nostre telèfon. Ara, aquest és un dels jocs més senzills que podeu construir, però podeu portar-lo molt més enllà d’un simple joc de plataformes. Mireu aquest joc Space Invaders que el va crear AppShed. Aquí

Si teniu alguna pregunta, no dubteu a deixar un comentari i us respondrem