Hur man skapar en flash spel

Flash är ett populärt format för webbaserade videospel på webbplatser som Newsgrounds och Kongregate. Även om Flash-formatet förlorar popularitet på grund av framgången med mobila applikationer, produceras fortfarande många kvalitetsspel med denna teknik. Flash använder ActionScript, ett lättläst språk som ger dig kontroll över objekt på skärmen. Börja från steg 1 för att lära dig hur du skapar ett enkelt Flash-spel.

Del 1

Börja processen

Designa ditt spel. Innan du börjar skriva kod kan det vara bra att ha en vag idé om hur ditt spel fungerar. Flash passar bättre för enkla spel, så koncentrera dig på att skapa ett spel som bara kräver några mekaniker som spelaren måste oroa sig för. Försök att ha en genre och en del mekaniker i åtanke innan du börjar skapa din prototyp. De vanligaste Flash-spelen är:

Oändlig race: i dessa spel flyttar karaktären automatiskt, och spelaren behöver bara hoppa över hinder eller interagera på annat sätt med spelet. Spelaren har vanligtvis bara ett eller två kontrollalternativ.
Fighters: dessa spel rullar vanligtvis och spelaren måste besegra fiender att utvecklas. Karaktären har ofta flera drag till sitt förfogande för att besegra sina fiender.
Pussel: dessa spel kräver att spelaren ska lösa pussel för att övervinna varje nivå. Dessa kan vara spel som kräver att du skapar kombinationer av tre objekt, till exempel Bejeweled eller mer komplexa pussel som vanligtvis finns i äventyrsspel.
RPG: Dessa spel fokuserar på karaktärens utveckling och progression, och spelaren måste flytta i flera miljöer mot en mängd olika fiender. Kampmekanik varierar mycket från en RPG till en annan, men många är turbaserade. GDR kan vara mycket svårare att programmera än enkla actionspel.

Lär dig de bästa aspekterna av Flash. Flash är lämplig för 2D-spel. Det är möjligt att skapa 3D-spel i Flash, men avancerade tekniker och stor kunskap om språket krävs. Nästan alla framgångsrika Flash-spel finns i 2D.

Flash spel passar bättre för korta spel sessioner. Det beror på att de flesta som spelar Flash-videospel gör det när de har lite ledig tid, till exempel under en paus, vilket innebär att sessioner normalt är 15 minuter eller mindre.

Bli bekant med ActionScript3 (AS3). Flash-spel programmeras i AS3, och du måste förstå det grundläggande språket för att kunna skapa ett spel. Du kan skapa ett enkelt spel med en rudimentär nivå av förståelse för hur man programmerar i AS3.

På Amazon och i biblioteken kan du hitta många texter på ActionScript, liksom många guider och exempel på internet.

Ladda ner Flash Professional. Programmet betalas, men det är det bästa sättet att snabbt skapa Flash-program. Andra alternativ är tillgängliga, inklusive vissa öppna källor, men har ofta kompatibilitetsproblem eller kräver mer tid för att slutföra samma operationer.

Flash Professional är det enda programmet du behöver för att börja skapa spel.

Del 2

Skriv ett enkelt spel

Lär dig om de grundläggande byggelementen i AS3-koden. När du skapar ett enkelt spel, kommer du att använda många olika kodstrukturer. Det finns tre huvuddelar av någon AS3-kod:

Variabler - Här är dina data lagrade. Data kan vara siffror, ord (strängar), objekt och mer. Variabler definieras av var-koden och måste vara ett ord.

var Salutegiocatore: Nummer = 100 - // "var" indikerar att du definierar en variabel.// "saluteGiocatore" är namnet på variabeln.// "nummer" det är den typ av data.// "100" är värdet tilldelat variabeln.// Alla rader av actionscript slutar med "-"

Händelseshanterare - Händelseshanterare söker efter specifika händelser och när de händer meddelar de det till resten av programmet. De är viktiga för att hantera spelarens kontroller och för att upprepa kod. Händelseledare kan typiskt ringa upp funktioner.

addEventListener (MouseEvent.CLICK, slashSpas) - // "addeventlistener ()" definierar händelsehanteraren .// "Mouseevent" är kategorin av inmatning som förväntas.// ".Klicka" är den specifika händelsen i kategorin MouseEvent.// "fendenteSpada" är den funktion som heter när händelsen inträffar.

Funktioner - Kodsektionerna tilldelas ett sökord som kan ringas senare. Funktionerna hanterar de flesta spelets programmering, och komplexa spel kan ha hundratals funktioner, medan de enklare bara har några. De kan skrivas i vilken ordning som helst, eftersom de bara fungerar när de kallas.

funktion sfendenteSpada (e: MouseEvent): void - {// Här måste du ange koden} // "funktion" är det nyckelord som visas i början av varje funktion.// "fendenteSpada" är namnet på funktionen.// "e: Mouseevent" är en ytterligare parameter som visar att //-funktionen heter av en händelsehanterare.// ": void" är det värde som returneras av funktionen. Om inget värde // ska returneras, använd: void.

Skapa ett objekt. ActionScript används för att påverka objekt i Flash. För att skapa ett spel måste du skapa objekt som spelaren kan interagera med. Enligt de guider du läser kan objekt kallas sprites, skådespelare eller filmklipp. För det här enkla spelet skapar du en rektangel.

Öppna Flash Professional om du inte redan har gjort det. Skapa ett nytt ActionScript 3-projekt.

Klicka på ritningsverktyget Rectangle från Verktyg-panelen. Denna panel kan vara i olika positioner enligt konfigurationen av Flash Professional. Rita en rektangel i ditt scenfönster.

Välj rektangeln med markeringsverktyget.

Tilldela egenskaper till objektet. När du har valt din nyskapade rektangel öppnar du Redigera-menyn och väljer "Konvertera till symbol". Du kan också trycka på F8 som en genväg. I fönstret "Konvertera till symbol" ge objektet ett namn som är lätt att känna igen, som "fiende".

Hitta fönstret Egenskaper. Överst i fönstret ser du ett tomt textfält definierat "Instansnamn" när du flyttar musen på den. Skriv samma namn som du angav när du konverterade till en symbol ("fiende"). Detta skapar ett unikt namn som det kommer att vara möjligt att interagera med AS3-koden.

varje "exempel" Det är ett separat objekt som kan påverkas av koden. Du kan kopiera den redan skapade instansen flera gånger genom att klicka på fliken Bibliotek och dra instansen till scenen. När du lägger till en kommer namnet att ändras för att indikera att det är ett separat objekt ("fiende", "nemico1", "nemico2", etc.).

När du hänvisar till objekten i koden, använd bara förekomstnamnet, i det här fallet "fiende".

Lär dig hur du ändrar egenskaperna för en instans. När en instans har skapats kan du ändra dess egenskaper med AS3. På så sätt kan du flytta objektet på skärmen, ändra storlek på det och så vidare. Du kan ändra egenskaperna genom att skriva instansen, följd av en punkt ".", följt av egendomen och slutligen av värdet:

nemico.x = 150- Detta ändrar fiendens objekt på X-axeln.

nemico.y = 150- Detta kommando ändrar fiendens objekt på Y-axeln. Y-axeln beräknas från scenens övre sida.

nemico.rotation = 45- Rotera fiendens objekt 45 ° medurs.

enemy.scaleX = 3- Utvid objektets bredd med en faktor 3. Ett tal (-) kommer att invertera objektet

enemy.scaleY = 0.5- Minskar objektets höjd i hälften.

Undersök kommandot spår (). Detta kommando returnerar det aktuella värdet av de angivna objekten och är användbart för att förstå om allt är gjort korrekt. Du får inte inkludera spårningskommandot i den slutliga koden, men det är användbart vid felsökning.

Skapa ett enkelt spel med den information som lämnats till dags dato. Nu när du har en grundläggande förståelse för huvudfunktionerna kan du skapa ett spel där en fiende ändrar sin storlek varje gång du klickar på den tills din hälsa löper ut.

var saluteNemico: Number = 100 - // ställa hälsan hos fienden 100.var attaccoGiocatore: Number = 10 - // ställa in kraften i spelaren kommer att attackera när click.nemico.addEventListener (MouseEvent.CLICK, attaccaNemico) - // Genom att lägga till den här funktionen direkt till fiendens objekt, // kommer funktionen bara att ringas när objektet själv är klickat // och inte någon annanstans på skärmen .setName () - // Detta kommando anropar följande funktion för att placera fiende // på skärmen. Detta är början på gioco.function setposizioneNemico (): void {nemico.x = 200 - // placera fienden på 200 pixlar från vänster på schermonemico.y = 150 - // placera fienden på 150 bildpunkter från toppen av schermonemico.rotation = 45 - Fienden roterar 45 ° medsols ("fiendens x-värde är", fiende.x, "och fiendens y-värde är", Nemico.y) - // Visa den aktuella positionen för fienden efter fel attaccaNemico} funktion (e: Mouseevent): void // Detta kommando skapar attacken funktionen när den klickas på fienden {saluteNemico = saluteNemico - attaccoGiocatore- // Subtrahera attackvärdet till hälsovärdet // ge det nya hälsovärdet.nemicoy.scaleX = healthNemic / 100 - // Ändra fiendens bredd baserat på hans hälsa. // Värdet är uppdelat för 100 för att göra det till decimal.nemico.scaleY = healthFemale / 100 - // Ändra fjällens höjd baserat på hans hälsa."Fienden har", healthNemico) - // Ge hälsan av fienden}

Prova spelet. När du har skapat koden kan du prova ditt nya spel. Klicka på kontrollmenyn och välj filmhuvud. Spelet börjar, och du kan klicka på fiendens objekt för att ändra storlek. I utmatningsfönstret ser du resultaten av spårningskommandot.

Del 3

Lär dig avancerade tekniker

Lär dig hur paket fungerar. ActionScript är baserat på Java och använder ett mycket liknande paketsystem. Paket låter dig lagra variabler, konstanter, funktioner och annan information i separata filer och sedan importera dessa filer till ditt program. Detta är särskilt användbart om du vill använda ett paket som utvecklats av någon annan och det kommer att förenkla skapandet av ditt spel.

Skapa projektmappar. Om du skapar ett spel med många bilder och ljudklipp, bör du skapa en mappstruktur för ditt spel. Detta gör att du enkelt kan arkivera de olika elementen, samt lagra de olika paket som du vill ringa.

Skapa en grundläggande mapp för ditt projekt. I basmappen ska du skapa en mapp "img" för alla grafiska komponenter, en mapp "snd" för alla ljud och en mapp "src" för alla spelpaket och kod.

Skapa en mapp "spel" i mappen "src" för att behålla dina Constants-filer.

Denna speciella struktur är inte nödvändig, men det gör att du enkelt kan beställa ditt arbete och dina material, särskilt vid större projekt. För det enkla spelet som beskrivs ovan behöver du inte skapa några mappar.

Lägg till ljudet till ditt spel. Ett spel utan ljud eller musik kommer snabbt att borra spelaren. Du kan lägga till ljud i objekt i Flash med hjälp av verktyget Lag.

Skapa en Constants-fil. Om ditt spel har många värden som inte ändras under ett spel kan du skapa en Constants-fil för att hålla dem alla på ett ställe, så att du enkelt kan återkalla dem. Konstanter kan innehålla värden som gravitation, spelarens hastighet och andra värden som du måste ringa upprepade gånger.

Om du skapar en Constants-fil måste du placera den i en mapp på ditt projekt och sedan importera det som ett paket. Tänk dig att du skapade en Constants.as-fil och sparade den i mappen Spel. För att importera det måste du använda följande kod:

paket {import spel. * -}

Studera andras spel Även om många utvecklare inte beskriver koden för sina spel finns det många guider och andra öppna projekt som låter dig se koden och hur den interagerar med spelobjekten. Det är ett utmärkt sätt att lära sig avancerade tekniker som kan få ditt spel att sticka ut.

Dela på sociala nätverk:

Relaterade