ActionScript toevoegen aan knop voor envelopanimatie

• April 27, 2024

In de laatste paar tutorials hebben we de animatie voltooid waardoor de envelop naar het midden van het podium vloog en onze onzichtbare knop over de stempel op de envelop toegevoegd. Nu is het enige dat u nog hoeft te doen voor de eerste helft van de animatie, een paar regels ActionScript aan onze knop toevoegen. Deze code vertelt Flash om de animatie op Frame 80 eenvoudig te stoppen en te luisteren naar de knop waarop moet worden geklikt. Wanneer op de knop wordt geklikt, verplaatst ActionScript de animatie naar frame 81 en de tweede helft van de animatie. Natuurlijk moeten we nog steeds de rest van de animatie bouwen, maar voorlopig werken we aan de code waarmee onze knop de tijdlijn bestuurt.

Open ons fla-bestand in Flash CS3. Op dit moment hebben we 80 frames op de tijdlijn. Tijdens deze tutorial zullen we aan Frame 80 werken.

1. Ontgrendel de lagen Actions en InvButton. Klik in frame 80 van de laag Actions met de rechtermuisknop en voeg een keyframe toe. Klik op de menubalk op Venster, Acties om het deelvenster Handelingen te openen.
   
   
2. Voeg de volgende code toe aan het deelvenster Handelingen.
   
   hou op();
   
   InvButton1.addEventListener (MouseEvent.CLICK, open_Env);
   
   functie open_Env (myevent: Event): void {
   InvButton1.removeEventListener (MouseEvent.CLICK, open_Env);
   Speel();
   }
   
   Zoals u ziet, bestaat deze code uit drie delen. We voegen eerst de code stop () toe om de animatie te stoppen en wachten tot op de knop wordt geklikt. Omdat de code op frame 80 staat, stopt de animatie daar.
   
   Vervolgens voegen we een EventListener toe aan het exemplaar InvButton1 van onze knop voor onzichtbare stempels. Deze EventListener luistert naar de muisklik op de knop en roept vervolgens de functie open_Env aan.
   
   De open_Env-functie doet twee dingen. Eerst wordt de EventListener verwijderd en wordt de animatie vervolgens naar Frame 81 verplaatst met de code play ().
   
   
3. Nadat u ActionScript aan het deelvenster Handelingen hebt toegevoegd, kunt u het deelvenster Handelingen sluiten.
   
   
4. Zoals u kunt zien, hebben we dit allemaal gedaan op Frame 80. Klik op Besturing, Film testen om de knop te testen. U zult zien dat de animatie niet automatisch teruggaat naar het begin van de tijdlijn na frame 80 zoals voorheen. Nu stopt onze film en wacht tot iemand op de knop klikt. Dit komt omdat we nu de tijdlijn besturen met ActionScript.
   
   

Sla uw fla-bestand op voor de volgende zelfstudie wanneer we aan de tweede helft van de envelopanimatie gaan werken.

Copyright 2018 Adobe Systems Incorporated. Alle rechten voorbehouden. Schermafbeeldingen van Adobe-producten herdrukt met toestemming van 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 en Flash Paper is / zijn ofwel [a] gedeponeerd handelsmerk [s] of een handelsmerk [s] van Adobe Systems Incorporated in de Verenigde Staten en / of andere landen.