This tutorial we demonstrate how to add event listeners to Motion Tweens and we also show how the YoYo motion tween method works.
CLICK HERE FOR THE FIRST PART OF THIS TUTORIAL
DOWNLOAD THE SOURCE FILE:
Yoyo2
SEE THE ADOBE METHOD REFERENCE
CLICK HERE FOR A COMPLETE ACTIONSCRIPT 3.0 CARTOON SMART TUTORIAL
HERE IS THE SOURCE CODE!
// Avraham Saltoun
// solutions at say-web dot com
// FREE to USE, COPY and DISTRIBUTE
// Let’s start by importing libraries
import fl.transitions.Tween;
import fl.transitions.easing.*;
// This will import all eases
//Motion Tween events is a library that
//has to be imported
import fl.transitions.TweenEvent;
// Now we can start coding
var xTween : Tween;
// This is the variable that will hold the Tween
// in our case the “Tween” is the horizontal motion
// on stage
// This starts the animation on load
xTween = new Tween(boat_mc,”x”,None.easeNone, 10,450,7,true);
// boat_mc is the name of the symbol instance
// x is the tween type, this means horizontal movement
// none is the bounce and ease
// starts at coordinate 10 – that is the left side of the stage
//and finishes at 450, taking all together 7 seconds.
// the true states that we are counting seconds, not milliseconds…
// we have currently 3 buttons on stage
//Event Listeners – this will set the compiler
// waiting for button clicks
play_btn.addEventListener(MouseEvent.CLICK, playTween);
stop_btn.addEventListener(MouseEvent.CLICK, stopTween);
rewind_btn.addEventListener(MouseEvent.CLICK, rewindTween);
// Let’s add an event listener to the TWEEN!
xTween.addEventListener(TweenEvent.MOTION_FINISH, motionFinish);
//When the tween is finished will fire the motionFinish function
//Functions
//Play
function playTween (event:MouseEvent):void
{xTween.resume();}
//Stop
function stopTween (event:MouseEvent):void
{xTween.stop();}
//Rewind
function rewindTween (event:MouseEvent):void
{xTween.rewind();}
// This will stop the animation
// on the very beginning after it started
xTween.stop();
function motionFinish(event:TweenEvent):void
{
xTween.yoyo();
//The yoyo method will play back and foward
}
// Subscribe from the website
// Thanks for watching
// see you next tutorial



































Mon, Nov 9, 2009
ActionScript