Tworzenie mobilnej gry bez kodowania: 6 kroków

2024 Autor: John Day | [email protected]. Ostatnio zmodyfikowany: 2024-01-30 11:31

Tworzenie gier może wydawać się dość zniechęcające, niezależnie od tego, czy używa się jedności do tworzenia gier 3D, czy gier z twardym kodowaniem w językach takich jak Java. Tak czy inaczej, potrzebujesz dużo doświadczenia za sobą, co nie zawsze jest zabawne dla kogoś, kto dopiero zaczyna. W tym projekcie od początku do końca stworzymy bardzo prostą platformówkę (jak Mario).

Krok 1: Pierwsze kroki

Platforma, na której będziemy tworzyć naszą grę, nazywa się AppShed. Ta strona internetowa ma łatwe w użyciu środowisko do tworzenia aplikacji, ale ma również wbudowany silnik gry Phaser, który pozwala nam tworzyć aplikacje, które są zbudowane z gier!

Aby rozpocząć, przejdziemy do AppShed i klikniemy login (jeśli nie masz konta, możesz zarejestrować się za darmo). W tym momencie zostaną Ci przedstawione dwie opcje, AppBuilder i IoTBuilder, ponieważ chcemy stworzyć aplikację, tym razem klikniemy na AppBuilder (sprawdź nasze inne projekty, aby zobaczyć, jak wykorzystać IoTBuilder do stworzenia aplikacji, która może lampki kontrolne!)

Gdy znajdziesz się w AppBuilder, powinieneś otrzymać symulowany telefon, w którym będziemy budować naszą grę. Zaczynamy od kliknięcia nowej aplikacji na dole ekranu, która następnie utworzy nową, następnie możemy nadać jej nazwę „gra”.

Krok 2: O silniku gry

Teraz, zanim zagłębimy się w tworzenie gier, poświęćmy chwilę, aby przyjrzeć się podstawowemu silnikowi gry, który pomoże nam łatwo tworzyć gry. Nazywa się Phaser i działa na HTML 5 i Javascript, dzięki czemu pozwala nam tworzyć i uruchamiać gry w naszej przeglądarce internetowej.

Teraz, jeśli wiesz coś o Phaserze, będziesz wiedział, że nadal musisz wiedzieć, jak go kodować, aby go używać. Więc dla absolutnie początkującego, to naprawdę nie jest idealne. W tym miejscu pojawia się AppShed, AppShed przejmuje silnik Phaser i nakłada funkcję przeciągania i upuszczania, łatwej edycji, co pozwala nam tworzyć gry bez konieczności kodowania

Krok 3: Powrót do tworzenia aplikacji

W tym momencie stworzyliśmy naszą aplikację i nadaliśmy jej nazwę, ale nasza aplikacja jest całkowicie pusta. Aby dodać naszą pierwszą grę, musimy kliknąć moduły, a następnie wyszukać "gra" w pasku wyszukiwania. Zobaczysz wtedy kilka różnych opcji (są to różne gry na różnych poziomach trudności), które klikniemy Gra platformowa (Phaser), ponieważ jest to najłatwiejsza do edycji gra.

Gdy klikniesz użyj, powinieneś zobaczyć, że Twoja aplikacja nagle zostanie wypełniona mnóstwem obrazów i nazw, to wszystko są aspekty naszej gry. Zobaczysz, że jest fajka, postać, platformy i tła, które później tworzą świat gry. Na samej górze powinieneś zobaczyć duży przycisk rozpoczęcia gry, kliknij go dwukrotnie, aby rozpocząć grę.

Po załadowaniu gry możesz użyć klawiszy strzałek lub kliknąć i przeciągnąć myszą, aby się poruszać. W grze powinieneś zobaczyć rurę, platformy i wszystkie inne aspekty, które widzieliśmy na poprzednim ekranie.

Krok 4: Edycja gry

Tak więc w ostatnim kroku dowiedzieliśmy się, że wszystkie obrazy na ekranie tworzą świat w grze, więc gdybyśmy mieli je edytować, zmieniłoby to sytuację w naszej grze.

Aby je edytować, klikamy lewym przyciskiem to, co chcemy edytować, czyli powiedzmy na przykład, że chcemy zmienić pozycję jednej z platform, zrobimy to, klikając jedną z platform, a następnie klikamy edytuj. Teraz powinniśmy zobaczyć pole tekstowe z wieloma wartościami, takimi jak X, Y, szerokość i wysokość. Gdybyśmy chcieli zmienić położenie platformy, zmienilibyśmy wartości X i Y, a gdybyśmy chcieli zmienić rozmiar, zmienilibyśmy wartość szerokości i wysokości.

Aby przenieść platformę, zmieniamy wartość X na 100 i wartość Y na 70. Następnie klikamy zapisz i próbujemy grę ponownie, wtedy powinniśmy zobaczyć, że gra wygląda inaczej. Możemy zmienić te wartości we wszystkich aspektach gry, aby była bardziej spersonalizowana.

Krok 5: Dodawanie kolejnych

W tym momencie nauczyliśmy się, jak działa silnik gry, jak dostać się do tych gier i jak sprawić, by gry były bardziej niestandardowe poprzez zmianę rozmiaru i przenoszenie rzeczy, teraz przyjrzymy się, jak dodać więcej platform i obiektów do naszej gry.

Pierwszą rzeczą, jaką zrobimy, jest powrót do modułów i ponowne wyszukanie gry, w pliku o nazwie „gra platformowa Phaser” powinna pojawić się opcja dodania kolejnej platformy, klikamy na to, a następnie klikamy użyj. Teraz powinieneś zobaczyć, że ekran gry ma 3 rury, ale jeśli uruchomimy grę, widać tylko 2 rury. Dzieje się tak dlatego, że 2 z rur mają te same wartości x i y, co oznacza, że zachodzą na siebie, aby to naprawić, po prostu zmieniamy jedną z wartości, a następnie wszystkie 3 są widoczne.

Krok 6: Pobieranie go na telefon i kontynuowanie

Więc teraz nasza gra jest gotowa do gry, aby przenieść ją na nasze telefony, klikamy na publikację, a następnie start, po zakończeniu tego procesu klikamy na udostępnij, a następnie na kod QR. Dzięki temu otrzymamy kod QR, który możemy zeskanować telefonem, a następnie umieścić naszą grę na naszym telefonie. W ciągu kilku sekund gra się ładuje i możemy teraz grać na naszym telefonie. Aby sterować postacią, możesz przeciągnąć palcem po ekranie lub przechylić telefon w kierunku, w którym chcesz się poruszać.

I tak po prostu zbudowaliśmy bardzo prostą grę i umieściliśmy ją na naszym telefonie. Jest to jedna z najprostszych gier, jakie możesz zbudować, ale możesz posunąć się znacznie dalej niż zwykła platformówka. Sprawdź tę grę Space Invaders zbudowaną z AppShed. Tutaj

Jeśli masz jakieś pytania, zostaw komentarz, a my skontaktujemy się z Tobą