(Merk:. Jeg bruker streken i mine variabelnavn for å indikere private variabler).

Trinn 13: textBlocks
Setter Funksjon

Siden vår _textBlocks
variabelen er privat vi trenger en måte å få tilgang til den variabelen fra Hovedanmeldelser klassen hvor vi setter opp tekstblokker. Vi vil gjøre det ved å opprette en "setter" -funksjon. Legg dette til RPGText klassen rett under konstruktøren funksjon:
offentlig funksjon sett textBlocks (txt: Array): void {_textBlocks = txt;}

Den kule ting om settere i Flash er at vi kan få tilgang til denne funksjonen som om den var en felles egenskap ved RPGText klassen. Som er nøyaktig hva vi gjorde på linje 21 i den største klassen i trinn 11:
rpgText.textBlocks = textBlocks;
Trinn 14: Tilsett updateText
Funksjon

Legg til dette funksjon til RPGText Klasse:
privat funksjon updateText (e: Hendelses): void {if (txt.text.length < _currentTextBlock.length) {txt.text = _currentTextBlock.substr (0, txt.text.length + 1); } Else {removeEventListener (Event.ENTER_FRAME, updateText); fillText (); }}

Dette er kjernefunksjonaliteten i klassen, der bokstaven-by-brev typing finner sted. La oss ta en nærmere titt på hva som skjer her:

Linje 27:. Denne funksjonen godtar en hendelse som et parameter fordi vi skal kalle det ved hjelp av en ENTER_FRAME hendelse

Linje 28 : Vi sammenligner lengden (antall tegn) for tiden i txt
tekstfeltet til antall tegn i _currentTextBlock
String

Linje 29:. Hvis det er færre tegn i tekstfeltet da vi bruker substr
metode for å få alle tegn fra begynnelsen av _currentTextBlock
opptil én mer enn antall tegn for tiden i tekstfeltet. Vi legger alle disse tegnene i tekstfeltet, som har effekt av å legge til enda en karakter til slutten av teksten i tekstfeltet

Linje 31:. Hvis det er det samme antall tegn i teksten felt som i _currentTextBlock
String, fjerne ENTER_FRAME hendelse som kaller denne funksjonen

Linje 32:. Ring fillText
funksjon. Vi skal skrive denne funksjonen i neste trinn

Trinn 15:. Tilsett fillText
Funksjon

Legg denne funksjonen til RPGText klasse:
privat funksjon fillText (e: MouseEvent = null): void {txt.text = _currentTextBlock; if (_currentTextBlockIndex < _textBlocks.length-1) {addEventListener (MouseEvent.CLICK, nextTextBlock); }}

Hovedhensikten med denne funksjonen er å fylle txt
tekstfeltet med tekst fra _currentTextBlock plakater (linje 37). Hvis vi lar animasjonen spille gjennom, bør du updateText
funksjon ta seg av det, men det er godt å sørge for at ingenting gikk galt. Vi kan også koble denne funksjonen opp til vår "neste" -knappen for å tillate spillere å hoppe over tekst animasjon og omgivelser tekstfeltet med hele tekstblokk.

Legg merke til at denne funksjonen kan brukes med en MouseEvent som et argument, men vi setter sin standardverdien til null. Dette gir oss muligheten til å bruke denne funksjonen med en MouseEvent lytter, siden det vil akseptere hendelsen. Siden vi gi arrangementet en standardverdi kan vi også kalle funksjonen uten å sende en hendelse som vi gjør på slutten av updateText
funksjon.

Etter fyller vi tekstfeltet, gjør vi en sjekk for å se om dette er den siste tekstblokk i rekken (hvis _currentBlockIndex
er mindre enn antall elementer i _textBlock
utvalg). Hvis ikke, legger vi et KLIKK lytteren til å utløse en funksjon som heter nextTextBlock
som vi skal skrive neste

Trinn 16:. Om det Klikk List

Husker da vi opprettet "neste" -knappen, og jeg sa ikke å bekymre deg om å gi det en forekomst navn? La du merke til i det siste trinnet hvordan vi festet CLICK lytteren til hele RPGText MovieClip i stedet for knappen? Dette gjør det slik at spilleren kan klikke hvor som helst på MovieClip å avansere teksten. Vi trenger ikke engang på knappen, men jeg liker å sette en i så det er noen indikasjon på at du klikker for å gå videre i teksten.

Dette er selvfølgelig bare en personlig preferanse av meg. Hvis du ønsker du kunne gi knappen en forekomst navn og feste KLIKK lytteren til knappen i stedet. Jeg bare finne større hit området å være enklere å bruke

Trinn 17:. Tilsett nextTextBlock
Funksjon

Tilbake til virksomheten. Legg denne funksjonen til RPGText Klasse:
privat funksjon nextTextBlock (e: MouseEvent): void {removeEventListener (MouseEvent.CLICK, nextTextBlock); txt.text = ""; //Fjerne teksten _currentTextBlockIndex ++; _currentTextBlock = _textBlocks [_currentTextBlockIndex] [TEKST]; //Satt teksten characterIcon.gotoAndStop (_textBlocks [_currentTextBlockIndex] [HØYTTALER]); //Setter karakter ikonet addEventListener (Event.ENTER_FRAME, updateText); //Start oppdatering teksten addEventListener (MouseEvent.CLICK, fillText);}

De tre første linjene er ganske enkel. Fjern MouseEvent lytteren, tømme tekstfeltet, og øke den _currentTextBlockIndex
Var å peke på den neste tekstblokk.

Linje 47 er med TEKST
konstant å få gjeldende tekststreng fra _textBlocks
array og tilordne den til _currentTextBlock
.

Neste vi bruke SPEAKER
konstant for å få navnet på karakter. Siden karakter navn matche ramme etiketter i vår characterIcon
MovieClip vi kan bruke gotoAndStop
å sende characterIcon
MovieClip til rammen som viser det tegnet ikonet.

Til slutt legger vi en hendelse lytteren til å begynne å skrive på den nye tekststreng og deretter legge en KLIKK lytteren til å kjøre fillText
når MovieClip klikkes

Trinn 18:. Legg startText
Funksjon

Vi er nesten ferdig, vi trenger bare å legge til en funksjon som vil få alt i gang. Vi skal gjøre det med en offentlig funksjon som heter "startText." Siden dette er en offentlig funksjon la oss si det nær toppen av RPGText klassen, like nedenfor textBlocks
Legger:
offentlig funksjon startText (): void {_currentTextBlock = _textBlocks [_currentTextBlockIndex] [TEKST]; characterIcon.gotoAndStop (_textBlocks [_currentTextBlockIndex] [HØYTTALER]); addEventListener (Event.ENTER_FRAME, updateText); addEventListener (MouseEvent.CLICK, fillText);}

Ser det kjent ut? Denne koden gjør nesten akkurat det samme som nextTextBlock
funksjon. Det setter den gjeldende tekst og karakter ikonet, og legger til hendelsen lyttere for updateText Hotell og fillText
. Siden denne funksjonen bare kjører når teksten først starter vi ikke trenger å bekymre deg for å tømme tekstfeltet eller økes _currentTextBlockIndex
som vi gjorde i nextTextBlock
.

Trinn 19: Start startText
Funksjon

Nå har vi en offentlig tilgjengelig måte å starte teksten. La oss sette den i bruk

Legg til denne linjen i bunnen av hoved klassen konstruktør funksjon:
rpgText.startText ();

Dette er bare å ringe startText funksjon inne i RPGText klassen.. Det burde få alt går

Trinn 20:. Legg Sound

Du bør være i stand til å teste filmen nå og se alt fungerer. Det er bare én ting mangler skjønt. Lyd

Finn (eller opprett) en lyd å spille som teksten er å skrive på. Når du velger en lyd for dette holder det veldig kort, siden denne lyden vil spille om og om igjen som typer tekst på. En liten "boop" eller knapp klikk fungerer best for denne effekten.

Importer lyden inn i biblioteket i Flash-fil, sjekk "Export for Action" og gi den klassen navnet "TypingSound." Anmeldelser

For å få denne lyden til å spille trenger vi bare å legge to linjer til RPGText klassen. Først må vi på å bruke lyd. Legg til denne linjen på toppen av klassen under de tre andre private variabler:
private Var _typingSound: Sound = new TypingSound ();

Nå hopper ned til updateText funksjon og legge til en linje som faktisk vil spille av lyden hver gang tekstoppdateringer (linje 38 er ny):
privat funksjon updateText (e: Hendelses): void {if (txt.text.length < _currentTextBlock.length) {txt.text = _currentTextBlock.substr (0, txt.text.length + 1); _typingSound.play (); } Else {removeEventListener (Event.ENTER_FRAME, updateText); fillText (); }}
Trinn 21: Ta den videre

Det er alt for demoen. Alt skal fungere på dette punktet, men hvis du ønsker å integrere dette inn i et spill, har du likevel fått en del arbeid foran deg.

Først, avhengig av hvordan spillet er satt opp vil du sannsynligvis ønske å trekke tekstblokker ut av dokumentet klassen. Du har kanskje en Scene klasse som du bruker til å sette opp individuelle samtaler som skjer i spillet ditt, eller en Strings klasse som inneholder all teksten for hver samtale.

For det andre, vil du ønsker å tenke på hvordan og når teksten modulen vises i spillet ditt. Du ønsker kanskje å legge en tween animasjon som gjør den gli inn og ut fra bunnen når en samtale starter og slutter. Du vil også være lurt å lytte til når samtalen er over, enten skjule teksten modul eller starte neste samtale.

Siden vi allerede sjekket for å se om den siste tekstblokken er nådd i fillText
funksjon, kan du enkelt legge til noe der som håndterer slutten av samtalen.

Jeg er ikke blant disse emnene i opplæringen fordi den måten du går om disse tingene vil være svært spesifikke spillet. Dette bør være nok til å komme i gang selv.

Jeg håper du likte det! Legg inn en kommentar og la meg vite hva du synes. Anmeldelser