Hoe om `n rekenaar spel te skep met behulp van Flash

Flash is `n baie gewilde formaat vir blaaier video speletjies wat jy kan vind op webwerwe soos Newgrounds en Kongregate. Alhoewel die Flash-formaat nie veel meer gebruik word nie as gevolg van die groot toename in mobiele toepassings, is daar nog baie speletjies van uitstekende warmte met die formaat. Flash gebruik ActionScript, `n maklik om te leer taal wat jou beheer oor voorwerpe op jou skerm. Hou aan om hierdie artikel te lees om `n baie eenvoudige Flash-speletjie te skep.

conținut

Stappe
Deel 1die proses begin
Deel 2skryf `n basiese spel
Deel 3leer gevorderde tegnieke

stappe

Deel 1
Die proses begin

Ontwerp jou speletjie. Voordat jy die kode begin skep, is dit goed om `n idee te hê van wat jy wil hê die spel moet doen. Die Flash-formaat word gebruik in eenvoudige speletjies, so fokus op die maak van `n speletjie met min meganika vir die spelers. Probeer om `n basiese genre en `n paar meganika in gedagte te hou voordat jy begin dink aan die prototipe. Lees hierdie gids vir meer besonderhede in die beplanningsfases van videospeletjies. Sommige soorte mees algemene Flash-speletjies is:

Eindelose hardlopers: hierdie speletjies beweeg outomaties die karakter en die speler is verantwoordelik vir die spring van hindernisse of interaksie met die spel. Die speler het slegs een of twee opsies as dit by die kontroles kom.
Veg: In hierdie speletjies gaan gewoonlik van een kant na die ander en die speler moet vyande verslaan soos dit vorder. Die karakter het dikwels `n paar beweeg wat hy kan maak om die vyande te verslaan.
Legkaart: hierdie speletjies vra die speler om raaisels op te los om elke vlak te klop. Dit kan wissel van Match-3-styl speletjies, soos Bejeweled, na meer komplekse legkaarte soos dié wat in avontuurspeletjies voorkom.
RPG: Hierdie speletjies fokus op karakterontwikkeling en progressie, en die karakter beweeg deur verskillende omgewings met `n verskeidenheid vyandsoorte. Die gevegsmeganika wissel van RPG na RPG, maar die meeste is gebaseer op beurt-gebaseerde gevegte. Dit kan `n bietjie moeiliker wees om die kode vir RPG-speletjies te skep as `n eenvoudige aksie spel.

Hier is wat die Flash-formaat vir staan. Flash is meer geskik vir 2D-speletjies. Dit is moontlik om 3D-speletjies in Flash te skep, maar dit is baie gevorderd en vereis `n goeie kennis van die taal. Byna al die Flash-speletjies wat suksesvol was, was 2D-speletjies.

Flash speletjies is goed vir vinnige sessies. Dit is omdat die meeste Flash-speletjies speel wanneer hulle `n bietjie vrye tyd het, soos tydens hul breek, wat beteken dat hul speletjies sowat 15 minute of minder duur.

Vertroud jouself met die ActionScript3 (AS3) taal. Flash-speletjies word in AS3 geprogrammeer en jy moet `n basiese kennis hê van hoe dit werk om `n suksesvolle speletjie te skep. Jy kan `n baie eenvoudige speletjie skep met `n elementêre kennis oor hoe om te skep kodes in AS3.

Daar is verskeie ActionScript-boeke beskikbaar by Amazon en ander winkels, saam met `n groot aantal aanlyngidse en voorbeelde.

Laai die program af "Flash Professional". Hierdie program kos baie geld, maar dit is die beste om vinnig Flash programme te skep. Ander opsies is beskikbaar, insluitend oopbronprogramme, maar het dikwels nie verenigbaarheid nie, of jy neem meer tyd om dieselfde take te verrig.

Flash Professional is die enigste program wat jy nodig het om speletjies te skep.

Deel 2
Skryf `n basiese spel

Verstaan die basiese beginsels van die boustene van die AS3-kode. As jy `n basiese spel gaan maak, is daar verskillende kode strukture wat jy gaan gebruik. Daar is drie hoof dele in enige AS3-kode:

Veranderlikes: so is inligting gestoor. Die inligting kan getalle, woorde (kettings), voorwerpe en meer wees. Die veranderlikes word deur die kode gedefinieer var en hulle moet `n woord wees.

Var speler Gesondheid: Nommer = 100 - / / "var" dui aan dat jy `n veranderlike definieer.// "playerHealth" is die naam van die veranderlike.// "aantal" dis die soort inligting. "100" is die waarde toegeken aan die veranderlike.// Alle reëls van aksiescript eindig met "-"

Event handlers: gebeurtenis hanteerders soek na spesifieke dinge om te gebeur en stel dan die res van die program in kennis. Dit is noodsaaklik vir die speler se inligting en vir die herhaling van die kode. Event handlers dui gewoonlik die funksies aan.

addEventListener (MouseEvent.CLICK, swingSword) - // "addEventListener ()" definieer die gebeurtenis hanteerder.// "MouseEvent" is die kategorie van die inskrywing wat aangedui word. "meer Info" is die spesifieke gebeurtenis in die MouseEvent-kategorie. "swingSword" Dit is die funksie wat sal gebeur wanneer die gebeurtenis plaasvind.

Funksie: Funksies is gedeeltes van die kode wat toegeken word aan sleutelwoorde wat later gebruik kan word. Funksies hanteer die meeste van die spel se programmering en komplekse speletjies kan honderde funksies hê, terwyl eenvoudige speletjies min kan hê. Hulle kan in enige volgorde wees aangesien hulle net werk wanneer hulle gevra word.

funksie swingSword (e: MouseEvent): void - {// Die kode gaan hierheen} // "funksie" is die sleutelwoord wat aan die begin van elke funksie verskyn .// "swingSword" is die naam van die funksie .// "e: MouseEvent" is `n bykomende parameter, wat toon dat die //-funksie deur die gebeurtenishandler aangevra word. ": void" is die waarde wat deur die funksie teruggestuur word. As daar geen waarde is nie / / wat teruggegee word, gebruik: void.

Skep `n voorwerp ActionScript word gebruik om voorwerpe in Flash te beïnvloed. Om `n spel te maak, moet jy voorwerpe skep waarmee die speler kan kommunikeer. Afhangende van die gidse wat u lees, kan die voorwerpe na verwys word as "sprites", "akteurs" of "video clips". Vir hierdie eenvoudige voorbeeld spel, sal jy `n reghoek skep.

open "Flash Professional" As jy dit nog nie gedoen het nie. Skep `n nuwe ActionScript 3-projek.

Klik op die reghoek-tekeninstrument in die paneel "gereedskap". Hierdie paneel kan op verskillende plekke wees, afhangende van die opstelling van die program "Flash Professional". Trek `n reghoek in die venster "toneel".

Kies die reghoek deur die kiesmiddel te gebruik.

Ken eienskappe toe aan die voorwerp. As jy die reghoek gekies het wat jy pas geskep het, maak die spyskaart oop "verandering" en kies "Skakel na simbool". U kan ook die sleutel druk F8 as `n kortpad. In die venster "Skakel na simbool", stel `n naam maklik om te erken, soos "vyand" (Vyand).

Vind die venster "eienskappe". Aan die bokant van die venster word `n leë teksveld genoem "Instans naam" wanneer jy die wyser daarop plaas. Gee dit dieselfde naam as die een wat jy in die venster gebruik het "Skakel na simbool" (Vyand). Dit skep `n unieke naam waarmee u deur die AS3-kode kan kommunikeer.

elke "byvoorbeeld" Dit is `n aparte voorwerp wat deur die kode geraak kan word. U kan die instansie wat u `n paar keer geskep het, kopieer deur op die oortjie te klik "biblioteek" en sleep die voorbeeld na die toneel. Elke keer as jy een byvoeg, sal die naam verander om aan te dui dat dit `n ander voorwerp is ("vyand", "enemy1", "enemy2", ens.).

As u na die voorwerpe in die kode verwys, moet u die voornaamnaam gebruik, in hierdie geval is dit "vyand".

Leer hoe om die eienskappe van `n instansie te verander. Sodra jy die instansie gemaak het, kan jy die eienskappe deur AS3 aanpas. Dit sal jou toelaat om die voorwerp oor die skerm te skuif, die grootte van die voorwerp en ander opsies te verander. U kan ook die eienskappe aanpas deur die naam van die instansie in te vul, gevolg deur `n periode ".", gevolg deur eiendom en waarde:

vyand.x = 150- Dit beïnvloed die posisie van die vyandobjek op die X-as.

vyand.y = 150- Dit beïnvloed die posisie van die vyandobjek op die Y-as. Die Y-as word bereken vanaf die bokant van die toneel.

vyand.rotasie = 45- Draai die vyand voorwerp 45º na regs.

enemy.scaleX = 3- Strek die breedte van die vyand voorwerp met `n faktor van 3. `n Negatiewe getal (-) sal die voorwerp flip.

enemy.scaleY = 0.5- Kruip die voorwerp tot die helfte van die hoogte.

Ondersoek die opdrag spoor (). Hierdie opdrag sal die huidige waardes vir spesifieke voorwerpe terugbesorg en is baie handig om vas te stel dat alles werk soos dit behoort. Dit is nie nodig om die opdrag in te sluit nie "spoor" in die finale kode, maar dit is baie handig om te ontfout.

Bou `n basiese speletjie deur die bogenoemde inligting te gebruik. Aangesien jy `n basiese begrip van die primêre funksies het, kan jy `n speletjie skep waar die grootte van die vyande verander elke keer as jy op die vyand kliek, totdat hulle op gesondheidspunte raak.

var enemyHP: Number = 100 - // pas die HP (gesondheid) van `n vyand op 100 aan die begin .var playerAttack: Number = 10 - // pas die aanval krag van die speler aan deur op die enemy.enemy.addEventListener te klik (MouseEvent.CLICK, attackEnemy) - // Deur hierdie funksie direk by die vyandvoorwerp te voeg, / / die funksie verskyn net wanneer die voorwerp gekliek word, / / en nie wanneer jy op `n ander deel van die skerm klik nie.setEnemyLocation () - / / Dit dui op die volgende funksie wat `n vyand moet op die skerm plaas. Dit gebeur wanneer die spel begin. Funksie ingestelEnemyLocation (): void {enemy.x = 200 - // beweeg die vyand na 200 pixels van die linkerkant van die screennemy.y = 150 - // beweeg die vyand 150 pixels van die bo van die screenenemy.rotation = 45 - // draai die vyand 45º na die regstreekse beweging ("vyand se x-waarde is", vyand.x, "en vyand se en-waarde is", enemy.y) - / / Wys die huidige posisie van die vyand om die kode te ontfouter funksie aanvalEnemy (e: MouseEvent): void // Dit skep `n aanval funksie vir wanneer die vyand gekliek word (enemyHP = enemyHP - playerAttack - // trek die waarde van die HP aanval (gesondheid punte) van die vyand af, // wat lei tot `n nuwe waarde van HP.enemy.scaleX = enemyHP / 100 - // Verander die vyand se breedte gebaseer op die nuwe waarde van HP.// Dit word gedeel deur 100 om dit te omskep na `n decimal.enemy.scaleY = enemyHP / 100 - // Verander die waarde van die hoogte gebaseer op die nuwe waarde van HPtrace ("die vyand het", vyandHP, "HP wat jy verlaat het") - / Dui aan hoeveel HP die vyand verlaat het.)

Probeer dit Sodra jy die kode geskep het, kan jy jou nuwe speletjie probeer. Klik op die spyskaart "beheer" en kies "Toets film". Die spel sal begin en jy kan op die vyand voorwerpe kliek om hul grootte te verander. Die resultate van die opdrag "spoor" sal in die venster verskyn "uitset".

Deel 3
Leer gevorderde tegnieke

Leer hoe pakkette werk. ActionScript is gebaseer op Java en gebruik `n baie soortgelyke pakketstelsel. Met die pakkette kan u veranderlikes, konstantes, funksies en ander inligting in verskillende lêers stoor en dan hierdie lêers in u program invoer. Dit is baie handig as jy iemand anders se pakket wil gebruik om dit makliker te maak om jou speletjie te skep.

Lees hierdie gids Om meer te leer oor hoe Java-pakkette werk.

Skep die dopgehou van jou projek. As jy `n speletjie wil maak met verskeie beelde en klankfragmente, moet jy `n gidsstruktuur vir jou spel skep. Dit sal jou toelaat om maklik verskillende items te berg, asook om verskillende pakkette te gebruik om te gebruik.

Skep `n basisvouer vir jou projek. In die basismap moet u `n gids hê "img" Met al die beelde, `n gids genaamd "snd" vir alle klanke en `n gids genaamd "src" met al die spel pakkette en die kode.

Skep `n gids genaamd "game" (spel) in die gids "src" om al u lêers te stoor "konstantes".

Hierdie spesifieke struktuur is nie nodig nie, maar dit maak dit makliker om jou werk en materiaal te organiseer, veral in groter projekte. As die spel wat jy gaan skep, eenvoudig soos die vorige voorbeeld is, hoef jy nie meer dopgehou te skep nie.

Voeg klank by jou speletjie. `N Spel sonder klank of musiek word vinnig vervelig. Jy kan klanke by voorwerpe in Flash gebruik deur die instrument te gebruik "lae".

Skep `n "konstante lêer". As jou spel baie waardes het wat nie tydens die spel sal verander nie, kan jy `n "konstante lêer" om alle lesoswaarde op een plek op te slaan wat maklik toeganklik sal wees. die "konstante lêers" Hulle kan waardes insluit soos swaartekrag, die spoed van die speler en enige ander waarde wat u verskeie kere moet gebruik.

As jy `n "konstante lêer", moet jy dit in `n gids in jou projek plaas om dit as `n pakket in te voer. Byvoorbeeld, kom ons sê jy skep `n lêer genaamd "constants.as" en jy sit dit in die gids "game". Om dit in te voer, kan jy die volgende kode gebruik:

pakket {invoer spel. * -}

Kyk na ander mense se speletjies. Alhoewel baie skeppers nie die kode van hul speletjies wys nie, is daar `n groot verskeidenheid tutoriale en ander projekte wat jou toelaat om die kode te sien en hoe dit met die voorwerpe van die spel in wisselwerking is. Dit is `n goeie manier om gevorderde tegnieke te leer wat jou spel kan uitstaan.

Deel op sosiale netwerke:

Verwante