Maak 'n mobiele speletjie sonder kodering: 6 stappe

2024 Outeur: John Day | [email protected]. Laas verander: 2024-01-30 07:26

Die maak van speletjies kan baie afskrikwekkend lyk, of dit nou eenheid is om 3D -speletjies te skep of harde koderingspeletjies in tale soos Java. U het in elk geval baie ervaring agter u nodig, wat nie altyd lekker is vir iemand wat net begin nie. In hierdie projek gaan ons van begin tot einde 'n baie eenvoudige platformspel (soos Mario) maak.

Stap 1: Aan die gang

Die platform waarop ons ons spel gaan maak, heet AppShed; hierdie webwerf het 'n app -ontwikkelingsomgewing wat maklik is om te gebruik, maar het ook die Phaser -speletjie -enjin waarmee ons programme met speletjies kan bou!

Om aan die gang te kom, gaan ons na AppShed en klik op login (as u nie 'n rekening het nie, kan u dit gratis registreer). Op hierdie punt kry u twee opsies, AppBuilder en IoTBuilder, want ons wil hierdie keer 'n app maak, ons gaan op AppBuilder klik (kyk na ons ander projekte om te sien hoe u IoTBuilder kan gebruik om 'n app te maak wat kan beheerligte!)

As u eers in die AppBuilder is, moet u 'n gesimuleerde telefoon kry, dit is waar ons ons spel sal bou. Ons begin deur op die nuwe app aan die onderkant van die skerm te klik, wat dan 'n nuwe een sal skep; ons kan dit dan die naam "spel" gee.

Stap 2: Oor die Game Engine

Nou, voordat ons te diep in die spel kom, neem ons 'n oomblik om na die onderliggende spelmotor te kyk wat ons sal help om speletjies maklik te maak. Dit heet Phaser en werk op HTML 5 en Javascript, daarom kan ons speletjies in ons webblaaier maak en laat loop.

As u iets van Phaser weet, weet u dat u nog moet weet hoe u dit moet kodeer. Vir 'n absolute beginner is dit regtig nie ideaal nie. Dit is hier waar AppShed inkom, AppShed neem die Phaser -enjin en lê 'n sleep -en -los, eenvoudige bewerkingsfunksie waarmee ons speletjies kan maak sonder om te kodeer

Stap 3: Terug na die maak van die app

Op hierdie stadium het ons ons app 'n naam gemaak, maar ons app is heeltemal leeg. Om ons eerste speletjie by te voeg, moet ons op modules klik en dan in die soekbalk na 'speletjie' soek. U sien dan 'n klomp verskillende opsies (dit is almal verskillende speletjies op verskillende moeilikheidsvlakke), ons gaan op Platform -speletjie (Phaser) klik, aangesien dit die maklikste spel is om te wysig.

As u op die gebruikskliek klik, moet u sien dat u app skielik gevul is met 'n klomp beelde en name, dit is alles aspekte van ons spel. U sal sien dat daar 'n pyp, karakter, platforms en agtergronde is wat later die wêreld van die spel sal uitmaak. Heel bo, moet u 'n groot knoppie vir die begin van die spel sien, en dubbelklik daarop om die spel te begin.

Sodra die spel gelaai is, kan u die pyltjie sleutels gebruik of met die muis klik en sleep om rond te beweeg. In die spel moet u die pyp, platforms en al die ander aspekte wat ons in die vorige skerm gesien het, sien.

Stap 4: Bewerking van die spel

In die laaste stap het ons geleer dat al die beelde op die skerm die wêreld in die spel uitmaak, so as ons dit sou gaan wysig, sou dit dinge in ons spel verander.

Om hierdie te wysig, klik ons op wat ons wil wysig, so sê byvoorbeeld dat ons die posisie van een van die platforms wou verander; ons sou dit doen deur op een van die platforms te klik en dan op edit. Nou moet ons 'n tekskassie sien met 'n klomp waardes soos X, Y, breedte en hoogte. As ons die posisie van die platform wil verander, verander ons die X- en Y -waarde en as ons die grootte wil verander, verander ons die breedte- en hoogtewaarde.

Om die platform te skuif, verander ons die X -waarde na 100 en die Y -waarde na 70. Dan klik ons op Save en probeer die spel weer, dan moet ons sien dat die spel anders lyk. Ons kan hierdie waardes op alle aspekte van die spel verander om dit meer aangepas te maak.

Stap 5: Voeg meer by

Op hierdie stadium het ons geleer hoe die spel -enjin werk, hoe u by hierdie speletjies kan kom en hoe u die speletjies meer aangepas kan maak deur die grootte te verander en dinge te verskuif, nou gaan ons kyk hoe ons meer platforms en voorwerpe by ons spel kan voeg.

Die eerste ding wat ons gaan doen, is om terug te gaan na modules en weer na die speletjie te soek; in die lêer genaamd 'platformspel Phaser' moet u die opsie sien om 'n ander platform by te voeg; ons klik hierop en klik dan op gebruik. Nou moet u sien dat u spelskerm 3 pype het, maar as ons die spel begin, kan slegs 2 gesien word. Dit is omdat 2 van die pype dieselfde x- en y -waardes het, wat beteken dat hulle oorvleuel. Om dit reg te stel, verander ons net een van die waardes en dan kan al drie gesien word.

Stap 6: Kry dit op u telefoon en neem dit verder

So nou is ons spel gereed om te speel; om dit op ons fone te kry, klik ons op publiseer, gevolg deur begin, sodra hierdie proses voltooi is, klik ons op deel en dan QR -kode. Dit gee ons 'n QR -kode wat ons met ons telefoon kan skandeer, sodat ons ons speletjie op ons telefoon kan plaas. In 'n paar sekondes is die spel gelaai en kan ons nou op ons telefoon speel. Om die karakter te beheer, kan u óf u vinger oor die skerm sleep, óf u telefoon kan kantel in die rigting wat u wil beweeg.

En net so het ons 'n baie eenvoudige speletjie gebou en dit op ons telefoon geplaas. Dit is nou een van die eenvoudigste speletjies wat u kan bou, maar u kan dit baie verder neem as net 'n eenvoudige platformspeletjie. Kyk na hierdie ruimte -indringers -speletjie wat dit AppShed gebou het. Hier

As u enige vrae het, kan u gerus 'n opmerking lewer, en ons sal terugkom