Flash ActionScript 3 skalaY for at åbne en konvolut

• Kan 18, 2024

Nu hvor vi har programmeret konvolutklappen i vores Flash^R animation for at vises helt åben over konvolutten, når der klikkes på frimærke-knappen, vi er nødt til at forfine animationen for at få det til at se ud, at klappen langsomt åbner. Vi gør dette ved at kontrollere to egenskaber på flappen. Husk, at det nyeFlap-objekt er en variabel, der refererer til FlapAni-filmklippet i biblioteket. Vi bruger denne var til at få klaffen til at vises på scenen.

Som en hurtig gennemgang programmerede vi i den sidste tutorial en funktion kaldet openFlap for at tilføje et nytFlap-objekt til displaylisten. Vi gjorde dette med addChild-koden. Vi indstiller også den oprindelige position for egenskaberne newFlap.x og newFlap.y. Dette placerede bunden af ​​klaffen i den øverste kant af konvolutten. Som nævnt tidligere kan dine værdier for x- og y-positionen på scenen variere afhængigt af størrelsen og placeringen af ​​din konvolut.

Den første ting, vi skal gøre, er at eksperimentere for at finde en nyFlap.y-værdi, der vil placere klappen under den øverste kant af konvolutten og derfor ude af syne i starten af ​​animationen. Faktisk ønsker vi, at punktet på den trekantede klap skal være lige under den øverste kant af konvolutten. Mens du eksperimenterer, kan det være lettere at flytte klaffen 100 pixels til højre ved at indstille newFlap.x til 300 (en tilføjelse på 100). Dette vil gøre flappen delvist synlig på højre side af konvolutten. Efter at have eksperimenteret fandt jeg, at en newFlap.y-værdi på 200 var det, jeg havde brug for. Dette er vores nye udgangsposition til klappen. Glem ikke at sætte værdien newFlap.x tilbage til den oprindelige værdi, før du går videre til næste trin.

1. Vi er nødt til at ændre den eksisterende kode fra den sidste tutorial for at afspejle vores nye newFlap.y-værdi på 200. Test din film, når du har foretaget denne ændring, og du skal ikke se flappen, når du klikker på stempelknappen.
   
   newFlap.y = 200;
   
   Til vores animation ønsker vi, at flappen langsomt bevæger sig opad til over konvolutten. Samtidig bliver vi nødt til at skalere flappen åben fra en indledende skalaværdi på nul. Ved at starte med skalaen indstillet til nul, kan vi nedsætte skalaen til at åbne helt. Y-værdien flytter klappen opad, men det er skalaværdien, der får klaffen til at åbne.
   
   
2. Den næste ændring af funktionen er tilføjelsen af ​​koden, der sætter skalaenY til nul og udflader klaffen.
   
   newFlap.scaleY = 0;
   
   Nu skal vi arbejde på den del af animationen, der åbner klaffen. Der er flere måder at gøre dette med ActionScript. I denne tutorial vil vi bruge en Event Listener knyttet til scenen til at køre en anden funktion, som vi kalder skalaFlap. Vi placerer denne anden funktion i openFlap-funktionen.
   
   
3. Under koden skalaY, lad os tilføje Event Listener til scenen. Dette er, hvad der kører skalaFlap-funktionen.
   
   stage.addEventListener (Event.ENTER_FRAME, scaleFlap);
   
   
4. Tilføj derefter den anden funktion. Kopier og indsæt denne kode i openFlap-funktionen.
   
   funktion skalaFlap (begivenhed: Begivenhed): ugyldig
   {
   if (newFlap.scaleY> = 1)
   {stage.removeEventListener (Event.ENTER_FRAME, scaleFlap); }
   andet
   {newFlap.scaleY + =. 05;
   newFlap.y - = 2,9;}
   }
   
   Lad os undersøge koden. Den første hvis sætning vil kontrollere skalaY-værdien for at se, om den er større end eller lig med 1. Tallet 1 repræsenterer en skalaværdi på 100%). Hvis betingelsen er sand, fjerner vi Event Listener og stopper animationen.
   
   Hvis betingelsen er falsk, fortsætter vi animationen ved at øge skalaY-værdien med 0,05 og flytte klappen opad med en negativ 2,9. (På Flash-scenen bevæger vi os opad ved at sænke talværdien for Y-positionen.) Dette fortsætter med hver nye ramme, indtil betingelsen for if-sætningen er sand.
   
   Igen kan disse antal værdier være forskellige for din film på grund af størrelsen på din konvolut og placeringen af ​​din konvolut på scenen. Her er den endelige animation.

Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse fra Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, fyrværkeri, Bidrage, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.

Video Instruktioner: Adobe Flash ActionScript 3.0 - Simple Navigation (Kan 2024).