Det siste vi må gjøre før vi begynner koding er tildele forekomstnavn. Sett eksempel navn på rutene som square0, square1, square2, square3, fra venstre. Neste angi eksempel navn på ryggen i henhold til tilsvarende med kvadratet av samme farge. Så goldBack ville få forekomstnavnet back0 fordi goldSquare har forekomstnavnet square0

Nå som vi er ferdig med å opprette og posisjonere movieclips vi kan begynne å sette opp de to klassene som vi vil bruke

Først gå til din Flash filens egenskaper og sette sin klasse MenuBounce.; Deretter oppretter du en ny Actionscript 3.0-fil og lagre den som MenuBounce.as

Nå kopiere følgende kode inn i den.; Jeg vil forklare det etter:
pakke {import flash.display.MovieClip; import flash.events.Event; public class MenuBounce strekker MovieClip {public Var menuBounceMC: MenuBounceMC = new MenuBounceMC (); offentlig funksjon MenuBounce () {addChild (menuBounceMC); }}}

Dette er et grunnleggende dokument klasse som vi har lagt til litt ekstra kode som oppretter en forekomst av MenuBounceMC og legger det til scenen.

Nå opprette en ny Actionscript 3.0-fil og lagre det som MenuBounceMC.as. Nå kopiere følgende kode inn i den, slik at vi kan sette den opp
pakke {import flash.display.MovieClip.; import flash.display.Sprite; import flash.events.Event; import flash.events.MouseEvent; public class MenuBounceMC strekker MovieClip {public Var activeSquare: MovieClip; offentlig Var activeBack: MovieClip; offentlig Var squaresArray: Array = new Array (); offentlig Var backsArray: Array = new Array (); offentlig Var hastighet: Number = 20; offentlig funksjon MenuBounceMC () {}}}

Hver variabel har et bestemt formål:

activeSquare: Hvilke torget blir rullet over

activeBack: Hvilke sikkerhets har blitt valgt ut til å flytte

squaresArray: En rekke inneholder alle de firkantede movieclips

backsArray: En rekke inneholder alle rygg movieclips

hastighet: Hvor mange piksler ryggen er flyttet av hvert ramme

Alle disse variablene har blitt satt, med unntak av topSquare (som er innstilt i andre funksjoner) og oppstillingene. Så vi må presse alle movieclips på tabellen. Legg til følgende linjer inne i konstruktøren:
squaresArray = [square0, square1, square2, square3]; backsArray = [back0, back1, back2, back3];

Men denne metoden kan være litt kjedelig hvis du skal bruke et høyt antall movieclips i menyen - si 50. Et alternativ vil være å skape movieclips helt gjennom koden og presse dem når du legger dem til menyen. Men for vårt formål med å bruke bare åtte movieclips det fungerer fint.

Det siste settet med ting vi trenger å legge til for å fullføre oppsettet er vårt arrangement lyttere, noe som vil utløse alle overganger og rulle over effekter. Legg disse linjene under trykk () linjer
addEventListener (MouseEvent.MOUSE_OVER, bounceOver),. AddEventListener (MouseEvent.MOUSE_OUT, bounceOut), addEventListener (MouseEvent.CLICK, bounceClick), addEventListener (Event.ENTER_FRAME, bounceUpdate); < hr>
Trinn 5: Opprette Mouseevent Handlers

La oss starte med å lage de tre enklere funksjoner:
offentlig funksjon bounceOver (event: Mouseevent): void {} offentlig funksjon bounceOut (event: Mouseevent ): void {} offentlig funksjon bounceClick (event: Mouseevent): void {}

Inne i bounceOver () -funksjonen start ved å legge til en if-setning for å sørge for at ingen tilbake er for tiden "aktiv" - det vil si overgangen i , overgangen ut, eller sitter på toppen:
if (activeBack == null) {}

resten av all koden i bounceOver () -funksjonen vil bli skrevet inne at if-statement. Nå regner vi ut om objektet rullet over (den event.target) er en firkant, ved å sjekke om det er i squaresArray []: (! SquaresArray.indexOf (event.target) = -1)
om {} < p> Antar det er, gjør vi virkelige kjøtt av funksjonen:
activeSquare = event.target som MovieClip; activeSquare.gotoAndStop (2); setChildIndex (activeSquare, numChildren - 1);

Først satt vi variabelen activeSquare å peke på torget i spørsmålet. Etter at vi stanse denne plassen animasjon på den andre rammen, som viser sin "rollover" image. Til slutt vi flytte sprite å være på toppen av alt annet, ved hjelp setChildIndex ().

Vi har nå flytte inn i bounceOut () -funksjonen. Denne gangen får vi ved å sjekke om objektet som musen blir rullet ut er den aktive torget
:
if (event.target == activeSquare) {}

Inne i hvis -blokk legge til følgende kode; stopper den plassen animasjon på det første bildet på nytt, og deretter setter activeSquare tilbake til null, slik at vi kan rulle over en annen:
activeSquare.gotoAndStop (1); activeSquare = null;

Så gå til bounceClick () -funksjonen. Denne funksjonen vil bli brukt til å initiere alle overganger. Begynn med å sjekke om det allerede finnes en aktiv tilbake:
if (activeBack == null) {}

Dette hindrer at brukeren klikker på en annen torget i en overgangs. Hvis det er en aktiv tilbake, da et klikk skal angre dette, slik at vi kan klikke annet kvadrat:
if (activeBack == null) {} else {activeBack = null; }

Antar det er ingen aktive tilbake, nok en gang legge til en if-blokken for å sjekke om objektet klikket var en firkant:
if (activeBack == null) {if (squaresArray.indexOf (event.target)! = -1) {}} else {activeBack = null; }

Hvis brukeren gjorde Klikk en firkant, vi må stille tilsvarende tilbake som "aktiv" tilbake. Siden indeksen for hvert element i backsArray [] matcher indeksen for hvert element i squaresArray, dette er enkel: (! SquaresArray.indexOf (event.target) = -1)
if (activeBack == null) {if { activeBack = backsArray [squaresArray.indexOf (event.target)] som MovieClip; }} Else {activeBack = null; }

Nå trenger vi bare å flytte den aktive tilbake slik at det er på toppen av alt annet:
if (activeBack == null) {if (! SquaresArray.indexOf (event.target) = -1) {activeBack = backsArray [squaresArray.indexOf (event.target)] som MovieClip; setChildIndex (activeBack, numChildren - 1); }} Else {activeBack = null; }