Vi vil først lage all den grafiske delen og bekymring bare med koden senere. Siden vi skal håndtere viktige kombinasjoner, la oss lage en knapp med et brev i det å representere en nøkkel. Vår knappen vil være svært enkel: tre sirkler med forskjellige farger og noen filtre i den. Det er hvordan jeg bygget min: en stor grå sirkel med en hvit sirkel på toppen av det, og en rød sirkel på toppen av den hvite. Etter det søkte jeg en glød og to Skygge filtre på den røde sirkelen for å få det endelige resultatet, som er inkludert i kildefilene.

For mer informasjon om hvordan knappen ble bygget, ta tak i kildefilene for denne opplæringen

Vi har nå for å gi vår knappen "opp" og "ned" bilder. Før du gjør det, må vi gjøre det til et symbol. La oss konvertere den til et symbol, gi den et navn på KeyButtonImage og eksportere den som "SWCAssets.KeyButtonImage". Vi legger den SWCAssets pakken i klassenavnet for organisasjonens formål når vi starter koding. Dette vil være mer tydelig senere.

På vår KeyButtonImage symbol, la oss lage en annen nøkkelbilde med det samme bildet av den første, og deretter snu vinkelen filtrene som vi bruker på den røde sirkelen. Vi trenger også å merke våre rammer for å identifisere dem i vår kode, så merkes det første bildet som "Up" og den andre rammen som "Down". Ned bildet skal se slik ut:

Nå som vi har vår knappen image klar, er det tid for å generere vår .swc fil og legge det til vår FlashDevelop prosjekt. For å publisere, trykk Alt + Faen + F12. Du vil merke at en .swc filen har blitt opprettet i samme katalog av flash-fil. Kopier denne filen og sette den i "lib" -mappen fra vår FlashDevelop prosjekt. Høyreklikk på den og velg "Legg til i bibliotek" for å gjøre FlashDevelop gjenkjenne filen. Navnet på filen vil bli blått når den er lagt til biblioteket

FlashDevelop er nå klar til å begynne å bruke knappen vår image

Vårt bilde er klar, så vi trenger for å lage en klasse for å holde bildet og legge funksjonaliteten til det. I FlashDevelop, legge til en ny klasse i src mappen, navn det KeyButton og sette flash.display.Sprite som base klassen

Siden vår KeyButton klassen arver fra Sprite klasse, kan det legge bilder til sin barnet skjerm listen. I dette trinnet vil vi legge til bildet i klassen vår, og la brevet teksten inni den. La oss hoppe til koden:
pakke {import flash.display.Sprite; import flash.text.TextField; import flash.text.TextFormat; import flash.text.TextFormatAlign; import SWCAssets.KeyButtonImage; public class KeyButton strekker Sprite {private Var _image: KeyButtonImage; private Var _text: Textfield; offentlig funksjon KeyButton (brev: String) {_image = new KeyButtonImage (); _image.stop (); addChild (_image); _text = new Textfield (); _text.defaultTextFormat = new tekstformat ("Verdana", 28, 0xFFFFFF, sant, null, null, null, null, TextFormatAlign.CENTER); _text.text = brev; _text.height = 38; _text.x = - (_ text.width /2); _text.y = - (_ text.height /2); _text.mouseEnabled = false; addChild (_text); }}}

I linjene 11 og 13, erklærer vi variabler som vil holde bildet av vår knappen og teksten i brevet, henholdsvis. I konstruktøren av vår klasse (linje 15) ber vi om en streng, som vil være det brevet som vår knappen vil representere.

Siden vår KeyButtonImage har to rammer, i linje 18 kaller vi det stopp () metoden å stoppe den fra looping gjennom dem. Vi vil definere bestemte øyeblikk for bildet for å bytte rammer senere. Linje 20 legger bildet til knappens barnet listen.

Fra linje 22 til linje 30, skaper vi vår tekstfeltet som skal inneholde et brev, plasser den og deaktivere den fra mus hendelser (ikke nødvendig, men godt å gjøre hvis tekstfeltet er ment å gjøre noe annet enn å vise teksten). Linje 32 legger teksten på knappens barnet liste

Vår KeyButton klasse kan allerede vise et bilde og representerer et brev, så i dette trinnet Vi vil legge til et par knapper på skjermen. Siden vi bygger bare et eksempel for å teste vår klasse, vil vi ikke legge alle bokstavene i eksempelet. I stedet vil vi jobbe bare med 4 bokstaver (men vår klasse vil være i stand til å oppdage komboer med noen taster!): A, S, D og F. Vi vil legge dem til vår skjerm nå:
private Var keyButtons: Array = []; private Var Taster: Array = ["A", "S", "D", "F"]; privat funksjon init (e: Hendelses = null): void {removeEventListener (Event.ADDED_TO_STAGE, init); Var i: int; for (i = 0; i < 4; i ++) {keyButtons [i] = nye KeyButton (keys [i]); KeyButton (keyButtons [i]) x = 100 + (100 * i).; KeyButton (keyButtons [i]) y = 50.; addChild (KeyButton (keyButtons [i])); }}

Linje 1 skaper en matrise for å inneholde alle knappene i vår skjerm. Dette vil være svært nyttig senere, fordi den vil gi oss sløyfe gjennom matrisen stedet for å kontrollere knapp av knappen. Linje 2 definerer hvilke taster som vi skal jobbe med (som sagt, A, S, D og F). Lines 12-16 er inne i en løkke som vil skape de 4 knapper og plassere dem på skjermen

Nå kan du kompilere prosjektet og se knappene i skjermbildet.

Vi er klar nå til å begynne å jobbe på påvisning av kombinasjoner. For det, vil vi lage en ComboHandler klasse. Bare følg de samme trinnene du gjorde for å opprette KeyCombo klassen, men denne gangen vår ComboHandler klassen vil ikke ha en base klasse.

Hva bør være den første delen av ComboHandler klassen? Vel, vil vi først må oppdage når en tast er trykket. For å gjøre det, må vi legge til en hendelse lytteren til scenen (husk: som foreslått av Actionscript 3 referanse, for å høre globalt for KeyboardEvent hendelsen lyttere, bør de legges til scenen
pakken { import flash.display.Stage, import flash.events.KeyboardEvent; public class ComboHandler {public static funksjonen initialize (stageReference: Stage): void {stageReference.addEventListener (KeyboardEvent.KEY_DOWN, onkeydown);} private static funksjon onkeydown (e: KeyboardEvent ): void {}}}

Denne koden bare bygger grunnstrukturen av ComboHandler klassen Mange flere vil bli lagt til senere merke til at vi bare brukte statiske metoder Det er fordi vi vil bare ha én ComboHandler klasse i vår.!. eksempel. Noen forslag på forbedringer på denne klassen er tilgjengelige i konklusjonen trinn.

Vår ComboHandler klasse må klargjøres gjennom initialize () metode for å få lytteren lagt til scenen. I vår hoved klasse bør vi initial klassen før du arbeider med det. La oss dra til Main.as og gjøre det:
privat funksjon init (e: Hendelses = null): void {removeEventListener (Event.ADDED_TO_STAGE, init); Var i: int; for (i = 0; i < 4; i ++) {keyButtons [i] = nye KeyButton (keys [i]); KeyButton (keyButtons [i]) x = 100 + (100 * i).; KeyButton (keyButtons [i]) y = 50.; addChild (KeyButton (keyButtons [i])); } ComboHandler.initialize (scene);}

Vi har den grunnleggende strukturen i ComboHandler klassen bygget, så nå må vi legge ting til det. Det første er å registrere combos i klassen, så det kan oppdage en combo.

Nå, hvordan skal vi lagre kombinasjoner i denne klassen? Du har kanskje hørt om Dictionary klassen. Denne klassen kan holde noen verdi basert på en nøkkel. I klassen vår, er tastene skal være combo navn, og verdien vil være en matrise, med hver indeks er en nøkkel fra combo. Koden for det (forklart nedenfor):
private Static Var komboer: ordbok; public static funksjonen initialize (stageReference: Stage): void {combos = new ordbok (); stageReference.addEventListener (KeyboardEvent.KEY_DOWN, onkeydown);} public static funksjon registerCombo (comboName: String, comboKeys: Array): Boolean {if (combos [comboName]) {return false; } Komboer [comboName] = comboKeys; return true;}

I linje 1, skaper vi ordlisten som vi snakket om. Linje 5 initialiserer den, og funksjonen registerCombo () registrerer en combo i ordlisten. Denne funksjonen vil returnere true hvis combo ble registrert, eller usant om det var allerede en combo med det navnet i klassen (i så fall må du kanskje fjerne den gamle combo - se trinn 19 for det)
.

En annen ting som vår klasse skal ha et maksimalt intervall tid mellom hvert tastetrykk. I noen spill som har komboer, har du sannsynligvis lagt merke til at når du trykker på tasten A, for eksempel, må du vente et sekund og trykker på tasten B (forutsatt at det er "AB" combo), vil ingen combo bli oppdaget, fordi du ventet for mye å trykke på B-knappen. Det skjer fordi det er en maksimal intervall tid mellom hvert tastetrykk. Det er akkurat hva vi vil gjøre i vår klasse. Så, i ComboHandler Klasse:
private Static Var pressedKeys: Array, privat statisk konst MAX_INTERVAL: int = 250; //Millisecondsprivate Static Var intervall: int; public static funksjonen initialize (stageReference: Stage): void {combos = new ordbok (); intervall = 0; stageReference.addEventListener (KeyboardEvent.KEY_DOWN, onkeydown);} private static funksjon onkeydown (e: KeyboardEvent): void {if (getTimer () - intervall > MAX_INTERVAL) {pressedKeys = []; } Intervall = getTimer (); pressedKeys.push (e.keyCode);}

I linje 1, skaper vi en rekke kalt pressedKeys. Denne matrisen vil inneholde alle tastene trykkes av brukeren, med intervalltiden mellom to taster blir mindre enn den maksimale intervall.

Lines 3 og 4 definerer en MAX_INTERVAL konstant, noe som vil være vår høyeste intervall, og intervall variabel, som vil hjelpe oss å beregne hva som var intervalltiden mellom to tastetrykk

onkeydown () -funksjonen er nesten ferdig nå. i det, vi først oppdage om intervalltiden mellom dagens tastetrykk og den siste tastetrykk er høyere enn den maksimale intervall. Hvis det er, så vi nullstille vår pressedKeys array, for å slette alle nøkler som var i den. Etter det, oppdaterer vi intervallet variabelen til gjeldende tid (se dokumentasjonen for getTimer () for mer informasjon om hvordan vi beregner intervall) og push () gjeldende nøkkelen til pressedKeys array.

En siste ting som mangler i vår ComboHandler sin onkeydown () funksjon: evnen til å kontrollere om, etter at en tast er trykket, en combo ble utført av brukeren. Dette er hva vi skal gjøre nå:
privat statisk funksjon onkeydown (e: KeyboardEvent): void {if (getTimer () - intervall > MAX_INTERVAL) {pressedKeys = []; } Intervall = getTimer (); pressedKeys.push (e.keyCode); checkForCombo ();} private static funksjon checkForCombo (): void {var i: int; Var comboFound: String = ""; for (var comboName: String i kombinasjoner) {if (pressedKeys.join ("") .indexOf ((combos [comboName] som Array) .join ("")) > -1) {comboFound = comboName; gå i stykker; }} //Combo Funnet if (comboFound = "") {pressedKeys = []; }}

Linje 12 er den eneste endringen som vi har gjort i vår onkeydown () -funksjonen: ringe checkForCombo () -funksjonen. Dette vil sjekke om en combo er utført eller ikke

Måten vi kontrollere om en combo er utført er veldig interessant. Vi jobber med strenger. Arbeide med strenger, i dette tilfelle gjør det mulig å påvise det som ville ha vært vanskeligere uten å arbeide med dem. For eksempel, tenk om vi hadde en combo med tastene asdf, men pressedKeys utvalg har følgende sekvens av taster: ASFDASDF. Selv om brukeren har trykket de første fire nøkler ("asfd", som ikke
tilsvare en combo) innen fristen, skal dette ikke endre det faktum at brukeren har utført en combo, som antydet med de siste 4 tastene ("asdf"). . Uten strenger, kan vårt arbeid har vært mye lengre

Ideen om å jobbe med strenger er dette: vi sette alle nøklene pressedKeys inne i en streng, skille hver indeks av et mellomrom (derav pressedKeys.join ( "") funksjonskall), så sjekk om det er en spesiell treng inni den. Denne spesielle substring er en streng dannet av nøklene til en combo, også med hver tast atskilt med et mellomrom. Hvis denne delstreng blir funnet, så det betyr at en combo er utført

Du kan teste dette selv med noen kode som dette:.
PressedKeys = ["A", "S", "F" "D", "A", "S", "D", "F"]; checkForCombo ();

... men du vil også være lurt å legge en midlertidig trase (comboFound) samtale i checkForCombo ( ) for å se resultatet.

Innkalling imidlertid at denne metoden ikke vil fungere på alle saker. Det vil ikke fungere om, i stedet for å ha en rekke Strings, hadde vi en rekke objekter, for eksempel. Hvis vi hadde en rekke Object, standard toString () funksjon som kalles når delta () kalles ville skrive "[objekt Object]", og dermed alle våre objekter i matrisen vil være den "samme" i strengen opprettet . Hvis du likevel ønsker å gjøre det, bare overstyre standard toString () funksjon og sette en egendefinert tekst der. I trinn 14 vil vi gjøre det på ComboEvent klassen - ta en titt på det for en referanse

Nå vil vi slutte å fokusere på ComboHandler klasse og jobbe igjen på knappene som vi har skapt. (Ta testen koden du har lagt til.)