Gör ett mobilspel utan kodning: 6 steg

2024 Författare: John Day | [email protected]. Senast ändrad: 2024-01-30 12:45

Speltillverkning kan verka ganska skrämmande om det använder enhet för att skapa 3D -spel eller hårda kodningsspel på språk som Java. Hur som helst behöver du mycket erfarenhet bakom dig som inte alltid är roligt för någon som precis har börjat. Så i det här projektet kommer vi att göra ett mycket enkelt plattformsspel (som Mario) från början till slut.

Steg 1: Komma igång

Plattformen vi ska göra vårt spel i kallas AppShed, den här webbplatsen har en App -utvecklingsmiljö som är enkel att använda men har också Phaser -spelmotorn byggd som gör att vi kan skapa appar som har spel som bygger den!

Så för att komma igång ska vi gå över till AppShed och klicka på inloggning (om du inte har ett konto kan du registrera dig gratis). Vid denna tidpunkt kommer du att presenteras med två alternativ, AppBuilder och IoTBuilder, eftersom vi vill göra en app den här gången kommer vi att klicka på AppBuilder (kolla in våra andra projekt för att se hur man använder IoTBuilder för att göra en app som kan kontrollampor!)

När du väl är i AppBuilder bör du presenteras med en simulerad telefon, det är här vi ska bygga vårt spel. Vi börjar med att klicka på ny app längst ner på skärmen som sedan skapar en ny, vi kan sedan ge den namnet "spel".

Steg 2: Om spelmotorn

Nu innan vi går för djupt in i spelet, låt oss ta en sekund för att titta på den bakomliggande spelmotorn som hjälper oss att enkelt göra spel. Den heter Phaser och den körs på HTML 5 och Javascript, på grund av detta tillåter den oss att skapa och köra spel i vår webbläsare.

Om du nu vet något om Phaser vet du att du fortfarande måste veta hur du kodar för att använda det. Så för en absolut nybörjare är det verkligen inte perfekt. Det är här AppShed kommer in, AppShed tar Phaser -motorn och överlagrar en dra och släpp, enkel redigeringsfunktion så att vi kan göra spel utan att göra några kodningar

Steg 3: Tillbaka till att göra appen

Så vid denna tidpunkt har vi gjort vår app och gett den ett namn men vår app är helt tom. För att lägga till vårt första spel måste vi klicka på moduler och sedan söka efter "spel" i sökfältet. Du kommer då att se en massa olika alternativ (det här är alla olika spel med olika svårighetsgrader) vi kommer att klicka på plattformsspel (Phaser) eftersom detta är det enklaste spelet att redigera.

När du klickar på användning ska du se att din app plötsligt fylls med ett gäng bilder och namn, det här är alla aspekter av vårt spel. Du ser att det finns en rör, karaktär, plattformar och bakgrunder som senare kommer att utgöra spelets värld. Högst upp bör du se en stor startspelknapp, fortsätt och dubbelklicka på den för att starta spelet.

När spelet är laddat kan du använda piltangenterna eller klicka och dra med musen för att flytta runt. I spelet bör du se röret, plattformarna och alla andra aspekter vi såg i föregående skärm.

Steg 4: Redigera spelet

Så i det sista steget fick vi veta att alla bilder på skärmen utgjorde världen i spelet, så om vi skulle redigera dessa skulle det förändra saker i vårt spel.

Så för att redigera dessa vänsterklickade vi på det vi vill redigera, så säg till exempel att vi ville ändra positionen för en av plattformarna, vi skulle göra detta genom att klicka på en av plattformarna och sedan klicka på redigera. Nu ska vi se en textruta med ett gäng värden som X, Y, bredd och höjd. Om vi ville ändra plattformens position skulle vi ändra X- och Y -värdet och om vi ville ändra storleken skulle vi ändra bredd- och höjdvärdet.

Så för att flytta plattformen ändrar vi X -värdet till 100 och Y -värdet till 70. Sedan klickar vi på spara och försöker spelet igen, vi ska då se att spelet ser annorlunda ut. Vi kan ändra dessa värden på alla aspekter av spelet för att göra det mer anpassat.

Steg 5: Lägga till mer

Vid denna tidpunkt har vi lärt oss hur spelmotorn fungerar, hur man kommer till dessa spel och hur man gör spelen mer anpassade genom att ändra storlek och flytta saker, nu ska vi titta på hur man lägger till fler plattformar och objekt i vårt spel.

Det första vi ska göra är att gå tillbaka till moduler och söka spel igen, i filen som heter "plattformsspel Phaser" ska du se alternativet att lägga till en annan plattform, vi kommer att klicka på detta och sedan klicka på använd. Nu ska du se att din spelskärm har 3 pipor men om vi startar spelet kan bara 2 ses. Detta beror på att 2 av rören har samma x- och y -värden vilket innebär att de överlappar varandra, för att fixa detta ändrar vi bara ett av värdena och sedan kan alla 3 ses.

Steg 6: Få det på din telefon och ta det vidare

Så nu är vårt spel klart att spela, för att få det till våra telefoner klickar vi på publicera följt av start, när denna process är klar klickar vi på dela och sedan QR -kod. Detta kommer att ge oss en QR -kod som vi kan skanna med vår telefon så att vi lägger vårt spel på vår telefon. På några sekunder laddas spelet och vi kan nu spela på vår telefon. För att styra karaktären kan du antingen dra fingret över skärmen eller så kan du luta telefonen i den riktning du vill flytta.

Och precis som det har vi byggt ett mycket enkelt spel och lagt det på vår telefon. Nu är detta ett av de enklaste spelen du kan bygga men du kan ta det mycket längre än bara ett enkelt plattformsspel. Kolla in detta space invaders -spel som byggde det AppShed. Här

Om du har några frågor är du välkommen att lämna en kommentar så återkommer vi till dig