Vi vil gjøre dette veldig raskt. Hvis du vil ha mer forklaring på hvordan du bruker Shape klassen for tegning, kan du sjekke min andre opplæringen.

Start med å lage en mouseIsDown variabel ...
//Sjekker for å se om musen er downprivate Var mouseIsDown: Boolean = false

Nå gå videre og legge til følgende hendelsen lyttere:
stage.addEventListener (MouseEvent.MOUSE_MOVE, drawDoodle) stage.addEventListener (MouseEvent.MOUSE_DOWN, mousedown) stage.addEventListener (MouseEvent.MOUSE_UP, mouseup )

Og her er de 3 funksjoner som er knyttet til de EventListeners:
privat funksjon mouseup (e: MouseEvent): void {mouseIsDown = false} privat funksjon mousedown (e: MouseEvent): void {mouseIsDown = true //Flytter musepekeren til muse myCanvas.graphics.moveTo (myCanvas.mouseX, myCanvas.mouseY); } Private funksjon drawDoodle (e: MouseEvent): void {//Hvis musen klikket if (mouseIsDown) {//Gjør tegning innstillingene riktig myCanvas.graphics.lineStyle (5, 0, 1) //Tegner doodle linje myCanvas. graphics.lineTo (myCanvas.mouseX, myCanvas.mouseY); }}

Nå kan du teste ut programmet, og det bør være å tegne fine. Men vi har fortsatt ikke begrenset tegningen løpet av vår lerret, så tegninger utenfor de myObject grenser fortsatt vise. I neste trinn, vil vi løse alt dette

I min forrige tutorial, prosessen med maskerings var veldig enkelt fordi hver maskerte objekt forblitt den samme gjennom hele programmet. Denne gangen må vi ha en maske som tilpasser seg hver MovieClip

La oss gå videre og Høyre Click >.; Kopiere vår myObject på scenen. Nå må vi Right Click > Lim inn Plasser objektet slik det er akkurat der vår myObject var. Nå endre forekomsten navnet til "myObjectAsMask." Bytt til den største klassen og legge til følgende linjer i konstruktøren:
//Dette bør alle være selvforklarende myCanvas.mask = myObjectAsMaskmyObjectAsMask.gotoAndStop (1)

Så langt masken skal bare jobbe for! første objektet. Vi trenger å justere changeObjectFrame funksjonen for å endre vår maske for å møte den nye formen myObject. Legg den merkede koden til changeObjectFrame funksjon:
privat funksjon changeObjectFrame (e: Hendelses): void {if (myComboBox.selectedLabel == "rektangel") {myObject.gotoAndStop (1)} if (myComboBox.selectedLabel == " Triangle ") {myObject.gotoAndStop (2)} if (myComboBox.selectedLabel ==" Circle ") {myObject.gotoAndStop (3)} //Fjerner doodle myCanvas.graphics.clear () //Synkroniserer myObject og myObjectAsMask rammer myObjectAsMask. gotoAndStop (myObject.currentFrame)}

Neste opp: vil vi legge til en lagringsknappen til søknaden vår. Senere vil dette spare alle våre myObject data inn i en Shared. Opprett en ny knapp og designe den slik du vil. Jeg har tatt med min egen knapp, men som viser deg hvordan du kan tegne en ikke er viktig.

Dra en forekomst av knappen på scenen og gi den forekomsten navnet "saveStuff". Deretter legger følgende hendelse lytteren til konstruktøren:
saveStuff.addEventListener (MouseEvent.CLICK, saveObjectData)

Deretter legger denne tomme funksjon som vi vil bruke til å legge vår kode som sparer objektet
privat funksjon. saveObjectData (e: MouseEvent): void {}

For å begynne å bruke Shared klasse, må vi lage en ny forekomst av Shared klasse . Hvis du ikke har noen gang brukt Shared klassen før, da dette ville være en god tid til å sjekke ut denne opplæringen på Arbeide med SharedObjects å få en grunnleggende idé om hvordan de fungerer. Bruk denne koden for å lage en Shared:
private Var mySaveData: Shared = SharedObject.getLocal ("SAVEDATA")

Gå inn i saveObjectData funksjon og legge til følgende kode for å begynne vår spare drift:
//Oppretter en ny rekke inne i programvar myDataArrayInProgram: Array = new Array () //Legger noen tilfeldige data til vår ArraymyDataArrayInProgram.push ("WhateverDataYouWant") //Oppretter en variabel inne i Shared //og setter det er verdi til verdien av vår lokale //arraymySaveData.data.myDataArray = myDataArrayInProgram //"Flush" dataene unna å bli lagret i //datamaskinen (selv om navnet tilsier noe annet, //dette faktisk lagrer data!) mySaveData.flush ()

Hvis du ønsker å sjekke for å se om denne koden er effektiv, bare legge denne kodebit til bunnen av din funksjon:
spore (mySaveData.data.myDataArray)

Så langt er alt bra. Vi har klart å skape en Shared og har blitt lagret noen byte med data i den. Det neste trinnet er å begynne å forberede vårt program for å rekonstruere vår MovieClip. I dette trinnet, vil vi legge til alle de nødvendige data til vår Shared for vår søknad til å rekonstruere MovieClip fra scratch.

For å gjøre dette, trenger vi å presse alle våre data inn i myDataArrayInProgram Array så det vil bli knyttet til vårt Shared. Jeg har endret saveObjectData funksjonen til å gjøre alt dette. Du kan se den nedenfor:
privat funksjon saveObjectData (e: MouseEvent): void {var myDataArrayInProgram: Array = new Array () //Legger objektets X plassering myDataArrayInProgram.push (myObject.x) //Legger objektets Y plassering myDataArrayInProgram.push (myObject.y) //Legger objektets currentFrame //(Den nåværende objekt valgt) myDataArrayInProgram.push (myObject.currentFrame) //Legger til gjeldende rammen av //nåværende objektets animasjon myDataArrayInProgram.push (myObject. getChildAt (0) .currentFrame) mySaveData.data.myDataArray = myDataArrayInProgram mySaveData.flush () trace (mySaveData.data.myDataArray)}

VIKTIG: getChildAt () gir tilgang til barn av objektet basert på deres indeks. Når det er bare ett objekt i en MovieClip, kan du være sikker på at getChildAt (0) vil få deg til det!

Enda viktigere: Ikke bekymre deg hvis du får følgende feilmelding:

1 119: Tilgang fra muligens udefinert eiendom currentFrame gjennom en referanse med statiske typen flash.display. Displayobject
< p> I så fall har du sannsynligvis Strict-modus aktivert i blitsinnstillingene. Problemet er at getChildAt () returnerer en Displayobject, og til å blinke, som kan være en Bitmap, Sprite, MovieClip, etc. Problemet med DisplayObject.currentFrame er at bare den MovieClip klasse har currentFrame eiendom, fordi ingen andre klasse har noen . animasjon

For å løse dette, kan du gå til: Fil > Publish Innstillinger > Action Innstillinger og fjern haken "Feil: Streng Mode"
Redaktør: Alternativt kunne du kastet
objektet returnert av getChildAt () som en MovieClip, som så: myDataArrayInProgram.push ((myObject.getChildAt (0 ) som MovieClip) .currentFrame)

Dette forteller Flash, "behandle dette objektet som
en MovieClip
"