Lägg till ActionScript i knappen för kuvertanimering

• Maj 3, 2024

Under de senaste tutorialerna avslutade vi animationen som fick kuvertet att flyga till centrum av scenen och lägga till vår osynliga knapp över frimärket på kuvertet. Det enda som återstår att göra under den första halvan av animationen är att lägga till några rader ActionScript på vår knapp. Denna kod säger Flash att helt enkelt stoppa animationen på Frame 80 och lyssna på knappen som ska klickas. När du klickar på knappen kommer ActionScript att flytta animationen till Frame 81 och andra halvan av animationen. Naturligtvis måste vi fortfarande bygga resten av animationen, men för tillfället kommer vi att arbeta med den kod som gör att vår knapp styr tidslinjen.

Öppna vår fla-fil i Flash CS3. Just nu har vi 80 bilder på tidslinjen. Vi kommer att arbeta med Frame 80 under denna tutorial.

1. Lås upp lagren Actions och InvButton. Högerklicka och lägg till en nyckelbild på ram 80 i åtgärdsskiktet. Klicka på Fönster, Åtgärder i menyraden för att öppna panelen Åtgärder.
   
   
2. Lägg till följande kod i panelen Åtgärder.
   
   sluta();
   
   InvButton1.addEventListener (MouseEvent.CLICK, open_Env);
   
   funktion open_Env (myevent: Event): void {
   InvButton1.removeEventListener (MouseEvent.CLICK, open_Env);
   spela();
   }
   
   Som ni ser har den här koden tre delar. Vi lägger först till stoppkoden () för att stoppa animationen och vänta på att knappen klickas. Eftersom koden finns på Frame 80 är det där animeringen kommer att stanna.
   
   Därefter lägger vi till en EventListener till InvButton1-instansen på vår osynliga stämpelknapp. Denna EventListener lyssnar efter musklick på knappen och anropar sedan open_Env-funktionen.
   
   Funktionen open_Env gör två saker. Först tar den bort EventListener och flyttar sedan animationen till Frame 81 med uppspelningskoden.
   
   
3. När du har lagt till ActionScript i panelen Åtgärder kan du stänga panelen Åtgärder.
   
   
4. Som ni kan se gjorde vi allt detta på Frame 80. Klicka på Control, Test Movie för att testa knappen. Du kommer att se att animationen inte automatiskt går tillbaka till början av tidslinjen efter ram 80 som tidigare. Nu stannar vår film och väntar på att någon klickar på knappen. Det beror på att vi nu kontrollerar tidslinjen med ActionScript.
   
   

Spara din fla-fil för nästa handledning när vi börjar arbeta med andra hälften av kuvertanimationen.

Copyright 2018 Adobe Systems Incorporated. Alla rättigheter förbehållna. Adobes produktskärmbild (ar) tryckta med tillstånd från 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, Fireworks, Contribute, Captivate, Flash Catalyst och Flash Paper är / är antingen [a] registrerat varumärke [s] eller ett varumärke [s] från Adobe Systems Incorporated i USA och / eller andra länder.