Създаване на мобилна игра без кодиране: 6 стъпки

2024 Автор: John Day | [email protected]. Последно модифициран: 2024-01-30 07:53

Изработването на игри може да изглежда доста обезсърчително, независимо дали използва единство за създаване на 3D игри или игри за кодиране на твърди езици като Java. Така или иначе, имате нужда от много опит зад гърба си, което не винаги е забавно за някой, който тепърва започва. Така че в този проект ще направим много проста игра на платформинг (като Mario) от началото до края.

Стъпка 1: Първи стъпки

Платформата, в която ще правим нашата игра, се нарича AppShed, този уебсайт има среда за разработка на приложения, създадена за лесна употреба, но също така има изградената игра на Phaser, която ни позволява да правим приложения, които имат игри, които да я изграждат!

Така че, за да започнем, ще преминем към AppShed и щракнете върху вход (ако нямате акаунт, можете да се регистрирате безплатно). На този етап ще ви бъдат представени две опции, AppBuilder и IoTBuilder, тъй като този път искаме да направим приложение, ще кликнете върху AppBuilder (вижте другите ни проекти, за да видите как да използвате IoTBuilder, за да направите приложение, което може контролни светлини!)

След като сте в AppBuilder, трябва да ви бъде представен симулиран телефон, тук ще изградим нашата игра. Започваме, като щракнем върху ново приложение в долната част на екрана, което след това ще създаде ново, след което можем да му дадем името „игра“.

Стъпка 2: За Game Engine

Сега, преди да навлезем твърде дълбоко в създаването на играта, нека отделим секунда, за да разгледаме основния двигател на играта, който ще ни помогне лесно да правим игри. Нарича се Phaser и работи на HTML 5 и Javascript, поради което ни позволява да правим и изпълняваме игри в нашия уеб браузър.

Сега, ако знаете нещо за Phaser, ще знаете, че все още трябва да знаете как да кодирате, за да го използвате. Така че за абсолютно начинаещ, това наистина не е идеално. Тук идва AppShed, AppShed приема двигателя на Phaser и наслагва функцията за лесно редактиране с плъзгане и пускане, която ни позволява да правим игри, без да правим кодиране

Стъпка 3: Назад към създаването на приложението

Така че в този момент ние направихме нашето приложение и му дадохме име, но нашето приложение е напълно празно. За да добавим първата си игра, трябва да кликнете върху модули и след това да потърсите „игра“в лентата за търсене. След това ще видите куп различни опции (това са различни игри с различни нива на трудност), ще щракнем върху Платформена игра (Phaser), тъй като това е най -лесната игра за редактиране.

След като щракнете върху използване, трябва да видите приложението ви внезапно да се изпълни с куп изображения и имена, това са всички аспекти на нашата игра. Ще видите, че има Pipe, герой, платформи и фонове, които по -късно ще съставят света на играта. Най-отгоре трябва да видите голям бутон за стартиране на играта, продължете напред и щракнете двукратно върху него, за да започнете играта.

След като играта се зареди, можете да използвате клавишите със стрелки или да щракнете и плъзнете с мишката, за да се придвижвате. В играта трябва да видите тръбата, платформите и всички други аспекти, които видяхме в предишния екран.

Стъпка 4: Редактиране на играта

И така, в последната стъпка научихме, че всички изображения на екрана съставляват света в играта, така че ако трябва да ги редактираме, това ще промени нещата в нашата игра.

За да ги редактираме, щракнете с левия бутон върху това, което искате да редактирате, така че да кажем например, че искаме да променим позицията на една от платформите, щяхме да направим това, като кликнете върху една от платформите и след това щракнете върху редактиране. Сега трябва да видим текстово поле с куп стойности като X, Y, ширина и височина. Ако искахме да променим позицията на платформата, ще променим стойността X и Y, а ако искаме да променим размера, ще променим стойността на ширината и височината.

Така че, за да преместите платформата, ние променяме стойността X на 100 и стойността Y на 70. След това кликваме върху save и опитваме играта отново, след което трябва да видим, че играта изглежда различно. Можем да променим тези стойности във всички аспекти на играта, за да я направим по -персонализирана.

Стъпка 5: Добавяне на още

На този етап ние се научихме как да работи двигателят на играта, как да стигнем до тези игри и как да направим игрите по -персонализирани чрез преоразмеряване и преместване на нещата, сега ще разгледаме как да добавим още платформи и обекти към нашата игра.

Първото нещо, което ще направим, е да се върнем към модулите и да потърсим отново играта, във файла, наречен „платформа на играта Phaser“, трябва да видите опцията за добавяне на друга платформа, ще кликнете върху това и след това щракнете върху използвай. Сега трябва да видите, че екранът на играта ви има 3 тръби, но ако стартираме играта, могат да се видят само 2. Това е така, защото 2 от тръбите имат еднакви стойности x и y, което означава, че се припокриват, за да поправим това, просто променяме една от стойностите и след това всички 3 могат да се видят.

Стъпка 6: Вземете го на телефона си и го направете по -нататък

Така че сега нашата игра е готова за игра, за да я поставим на нашите телефони, кликваме върху Публикуване, последвано от стартиране, след като този процес приключи, кликваме върху споделяне и след това QR код. Това ще ни представи QR код, който можем да сканираме с нашия телефон, че поставяме нашата игра на нашия телефон. След секунди играта се зарежда и вече можем да играем на телефона си. За да контролирате знака, можете или да плъзнете пръста си по екрана, или да наклоните телефона си в посоката, в която искате да се преместите.

И точно така създадохме много проста игра и я поставихме на телефона си. Сега, това е една от най -простите игри, които можете да създадете, но можете да отидете далеч по -далеч от обикновена игра на платформинг. Вижте тази игра за космически нашественици, създадена от нея AppShed. Тук

Ако имате въпроси, не се колебайте да оставите коментар и ние ще се свържем с вас