Lag din grunnleggende klassestrukturen for å begynne å skrive koden din
pakke {import flash.display.Sprite; public class Hoved strekker Sprite {offentlig funksjon main (): void {//konstruktør kode}}}

Dette er de klassene vi trenger å importere for vår klasse til å fungere. Importen Direktivet gjør eksternt definert klasser og pakker tilgjengelig i koden
import flash.display.Sprite;. Import flash.display.Shape, import flash.events.MouseEvent, import flash.events.Event; import com.greensock. TweenMax;

Dette er de variablene vi vil bruke; lese kommentarene i koden for å vite mer om dem:
private Var hastighet: Antall = 0; //den aktuelle hastigheten på wheelprivate Var padleåre. Vector < Sprite > = New Vector. ≪ Sprite > (); //en vektor som holder p1, p2 etc MCs i stageprivate Var linje: Shape; //linjen trukket som gest for å flytte wheelprivate Var lastPaddle: String; //vil oppdage den nåværende verdien av hjulet

Konstruktøren er en funksjon som kjøres når et objekt er opprettet fra en klasse, og er den første som skal utføres når du foreta en instans av et objekt. Siden dette er vår dokumentet klasse, vil den kjøre så snart SWF laster
offentlig endelige funksjonen main (). Void {//code...}

Først vi legger til de ulike padle movieclips til vektoren, og legge til lytterne - vi vil skrive lytterne () -funksjonen neste
offentlig endelige funksjonen main (). void {paddles.push (wheel.p1 , wheel.p2, wheel.p3, wheel.p4, wheel.p5, wheel.p6, wheel.p7, wheel.p8, wheel.p9, wheel.p10); lyttere ('legge');}

Denne funksjonen vil legge til eller fjerne lytterne i henhold til parameter. Muse Lyttere er satt til å trekke linjen som vil kontrollere hjulet
private endelige funksjons lyttere (action: String): void {if (handling == 'legge') {stage.addEventListener (MouseEvent.MOUSE_DOWN, startDraw);. stage.addEventListener (MouseEvent.MOUSE_UP, spinWheel); } Else {stage.removeEventListener (MouseEvent.MOUSE_DOWN, startDraw); stage.removeEventListener (MouseEvent.MOUSE_UP, spinWheel); }}

Den neste funksjonen starter å lage en linje basert på gjeldende musen posisjon, og plasserer den på scenen. Det er utløst når musen klikkes
privat endelige funksjon startDraw (e: MouseEvent): void {linje = new Shape ();. addChild (linje); line.graphics.moveTo (mouseX, mousey); line.graphics.lineStyle (8, 0x000000, 0,3); //du kan endre linjefargen og stil her stage.addEventListener (MouseEvent.MOUSE_MOVE, Drawline);}

Mens musen beveges, fortsetter linjen i den retningen
privat endelige funksjon Drawline (e: MouseEvent):. void {line.graphics.lineTo (mouseX, mousey);}

Den neste kode kjøres når museknappen slippes, etterbehandling linjen. Tegningen lyttere er fjernet for å unngå å trekke flere linjer, og hastigheten blir beregnet i henhold til høyden av linjen. Til slutt blir en enterframe arrangement som heter å faktisk roter hjulet
private endelige funksjon spinWheel (e: MouseEvent):. Void {stage.removeEventListener (MouseEvent.MOUSE_MOVE, Drawline); lyttere ('rm'); speed = line.height * 0,1; removeChild (linje); linje = null; stage.addEventListener (Event.ENTER_FRAME, spin);}

Dette er funksjonen som vil spinne hjulet og oppdage hvilken verdi den lander på:
privat endelige funksjon spin (e: Hendelses): void {/* Roter Wheel * /wheel.rotationZ + = hastighet;

Her har vi oppdage den nåværende verdien av hjulet basert på den siste åre det rørte Twitter /* Detect Verdi * /for (var i: int = 0; i < 10; i ++). {if (indicator.hArea.hitTestObject (padleåre [i])) { lastPaddle = paddles [i] .name; }}

Hjulet hastighet reduseres hver ramme til slutt stoppe spinnende Twitter /* Redusere hastighet * /hastighet - = 0,1;

Alle verdier tilbakestilles når hjulet stopper. En funksjon som skal kjøre en handling i henhold til den endelige verdien kalles Twitter /* Fjern lytteren og nullhastighet når hjulet stopper * /if (hastighet < = 0). {Stage.removeEventListener (Event.ENTER_FRAME, spin); speed = 0; setBarColor (lastPaddle); lyttere ('add'); }}

Denne funksjonen vil kjøre en egendefinert handling i henhold til den siste verdien av hjulet. I dette tilfellet endrer det farge på bunnlinjen, men du kan gjøre det gjøre noe annet
funksjon setBarColor. (Action: String): void {switch (handling) {case 'p1': TweenMax.to (colorMC, 0.5, {colorTransform: {tint: 0xF15D5D, tintAmount: 1}}); gå i stykker; case 'p2': TweenMax.to (colorMC, 0.5, {colorTransform: {tint: 0xC06CA8, tintAmount: 1}}); gå i stykker; case 'p3': TweenMax.to (colorMC, 0.5, {colorTransform: {tint: 0x644D9B, tintAmount: 1}}); gå i stykker; case 'p4': TweenMax.to (colorMC, 0.5, {colorTransform: {tint: 0x5E98C6, tintAmount: 1}}); gå i stykker; case 'p5': TweenMax.to (colorMC, 0.5, {colorTransform: {tint: 0x4789C2, tintAmount: 1}}); gå i stykker; case 'p6': TweenMax.to (colorMC, 0.5, {colorTransform: {tint: 0x55C4CB, tintAmount: 1}}); gå i stykker; case 'P7': TweenMax.to (colorMC, 0.5, {colorTransform: {tint: 0x57BC80, tintAmount: 1}}); gå i stykker; case 'p8': TweenMax.to (colorMC, 0.5, {colorTransform: {tint: 0x90CC6C, tintAmount: 1}}); gå i stykker; case 'P9': TweenMax.to (colorMC, 0.5, {colorTransform: {tint: 0xEBE666, tintAmount: 1}}); gå i stykker; case 'p10': TweenMax.to (colorMC, 0.5, {colorTransform: {tint: 0xF29C69, tintAmount: 1}}); gå i stykker; }}

Endre kode for å utføre dine egne handlinger!

Jeg håper du likte denne opplæringen, takk for lesing!