Flash ActionScript 3 Tween Class

• Mei 18, 2024

Tweening is een fundamenteel onderdeel van Flash^R animatie. Als u een Flash-animatie in afzonderlijke delen opsplitst, krijgt u een beginpunt, een eindpunt en verschillende tussenliggende punten. Het aantal tussenliggende punten dat u krijgt, is afhankelijk van het type animatie dat u maakt.

De meeste Flash-ontwerpers gebruiken een van twee methoden om een ​​Flash-animatie te maken. De eerste methode die u leert gebruiken is Tijdlijn-tweening, waarbij u de Flash-tijdlijn gebruikt om de animatie te besturen. Dit is een eenvoudige manier om een ​​eenvoudige tween te maken. Maar deze tutorial gaat over de tweede en meer flexibele ActionScript-methode. U gebruikt deze methode als u iets meer controle over de tween nodig hebt dan met de tijdlijn. Het leuke is dat het grootste deel van de ActionScript-code is ingebouwd. Kortom, u hoeft Flash alleen maar te vertellen waar te beginnen, waar te eindigen en hoe lang u wilt dat de Tween meegaat. Laten we eens kijken hoe u uw Flash-project kunt instellen om ActionScript te gebruiken en de klasse Tween om een ​​Tween te maken.

Laten we eens kijken naar een voorbeeld dat een eenvoudige rechthoek van het ene punt op het podium naar het andere verplaatst. Start een nieuw ActionScript 3-project in Flash CS3.

1. Onze eerste stap is om de rechthoek op het podium te tekenen. We kunnen dit doen door ActionScript 3 en de Drawing API te gebruiken. Maar voor deze zelfstudie gebruiken we de tekengereedschappen om een ​​rechthoek overal op het podium te tekenen. Laten we Laag 1 in de tijdlijn hernoemen naar "Rechthoek". Klik vervolgens op het gereedschap Rechthoek en teken onze rechthoek.
   
   
2. Vervolgens moeten we de rechthoek omzetten in een filmclip. Selecteer de rechthoek en klik op Wijzigen - Converteren naar symbool in de menubalk om het dialoogvenster te openen. Laten we onze filmclip de naam "recMC" geven en het type instellen op filmclip.
   
   
3. Laten we ook de koppeling instellen voor deze filmclip. Klik op de knop Geavanceerd om het dialoogvenster Verborgen naar symbool uit te vouwen. Vink het vakje Exporteren voor ActionScript aan om Flash te vertellen een nieuwe recMC-klasse te maken. Sluit het dialoogvenster.
   
   Nu kunnen we de rechthoek verwijderen die we in het werkgebied hebben getekend omdat we deze in de bibliotheek hebben. Selecteer de rechthoek en klik op Bewerken - Knippen. Omdat we ActionScript gaan gebruiken om onze Tween-animatie te maken, is onze volgende stap het toevoegen van een nieuwe laag aan de tijdlijn en deze "Acties" te noemen. Open in frame 1 van de laag Actions het deelvenster Actions (Window - Actions) en kopieer / plak de onderstaande code.
   
   import fl.transitionss.Tween;
   import fl.transitions.TweenEvent;
   import fl.transitions.easing. *;
   
   Deze drie coderegels vertellen Flash dat we de ingebouwde code willen gebruiken voor de klassen Tween, TweenEvent en easing. Deze klassen helpen ons om onze doelfilmclip (redMC) te verplaatsen, van grootte te veranderen en te vervagen.
   
   

Volgende →

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.

Video-Instructies: Flash Actionscript Tutorials - Animation using ActionScript Tweens and Easing Class - 15 (Mei 2024).