MoveOnPath Documentation

Author: Alex Uhlmann
Last Modified: 09/24/05 19:04:19


Summary

MoveOnPath class:

- description

MoveOnPath Methods:

- animate
- goto
- animationStyle
- orientToPath
- orientOnPath
- addChild
- removeChild
- accept
- getChildren
- roundResult
- forceEnd
- getOptimizationMode
- setOptimizationMode
- getTweenMode
- setTweenMode
- getDurationMode
- setDurationMode
- stop
- pause
- resume
- lock
- unlock
- isTweening
- getStartValue
- getEndValue
- getCurrentValue
- getCurrentPercentage
- getDurationElapsed
- getDurationRemaining
- addEventListener
- removeEventListener
- removeAllEventListeners
- eventListenerExists
- getID
- toString


MoveOnPath class

version: Documentation not provided.

description:

Moves a movieclip on along a path using Ivan Dembicki's com.sharedfonts.Path. This allows to animate an object very evenly along a path.

Example 1: (Example .swf)

			//draw the path for visualisation.
			new QuadCurve(400,100,100,0,100,100,true).draw();
			new QuadCurve(100,100,100,200,450,380,true).draw();
			new QuadCurve(450,380,0,100,400,100,true).draw();
		
			var myMoveOnQuadCurve1:MoveOnQuadCurve = new MoveOnQuadCurve(mc,400,100,100,0,100,100);
			var myMoveOnQuadCurve2:MoveOnQuadCurve = new MoveOnQuadCurve(mc,100,100,100,200,450,380);
			var myMoveOnQuadCurve3:MoveOnQuadCurve = new MoveOnQuadCurve(mc,450,380,0,100,400,100);
			
			var myMOP:MoveOnPath = new MoveOnPath(mc);
			myMOP.addChild(myMoveOnQuadCurve1);
			myMOP.addChild(myMoveOnQuadCurve2);
			myMOP.addChild(myMoveOnQuadCurve3);
			myMOP.animationStyle(4000,Linear.easeNone);
			myMOP.animate(0,100);
			

Example 2: (Example .swf) Orient the object towards the path while animating with Sine easing.

			//draw the path for visualisation.
			new QuadCurve(400,100,100,0,100,100,true).draw();
			new QuadCurve(100,100,100,200,450,380,true).draw();
			new QuadCurve(450,380,0,100,400,100,true).draw();
		
			var myMoveOnQuadCurve1:MoveOnQuadCurve = new MoveOnQuadCurve(mc,400,100,100,0,100,100);
			var myMoveOnQuadCurve2:MoveOnQuadCurve = new MoveOnQuadCurve(mc,100,100,100,200,450,380);
			var myMoveOnQuadCurve3:MoveOnQuadCurve = new MoveOnQuadCurve(mc,450,380,0,100,400,100);
			
			var myMOP:MoveOnPath = new MoveOnPath(mc);
			myMOP.addChild(myMoveOnQuadCurve1);
			myMOP.addChild(myMoveOnQuadCurve2);
			myMOP.addChild(myMoveOnQuadCurve3);
			myMOP.orientToPath(true);
			myMOP.animationStyle(8000,Sine.easeInOut);
			myMOP.animate(0,100);
			

Example 3: (Example .swf) Same like above except that the object will orientate itself on the path instead towards the path. This is like the rotation on a path works in the Flash IDE.

			//draw the path for visualisation.
			new QuadCurve(400,100,100,0,100,100,true).draw();
			new QuadCurve(100,100,100,200,450,380,true).draw();
			new QuadCurve(450,380,0,100,400,100,true).draw();
		
			var myMoveOnQuadCurve1:MoveOnQuadCurve = new MoveOnQuadCurve(mc,400,100,100,0,100,100);
			var myMoveOnQuadCurve2:MoveOnQuadCurve = new MoveOnQuadCurve(mc,100,100,100,200,450,380);
			var myMoveOnQuadCurve3:MoveOnQuadCurve = new MoveOnQuadCurve(mc,450,380,0,100,400,100);
			
			var myMOP:MoveOnPath = new MoveOnPath(mc);
			myMOP.addChild(myMoveOnQuadCurve1);
			myMOP.addChild(myMoveOnQuadCurve2);
			myMOP.addChild(myMoveOnQuadCurve3);
			myMOP.orientOnPath(true);
			myMOP.animationStyle(8000,Sine.easeInOut);
			myMOP.animate(0,100);
			

usage:

var myMOP:MoveOnPath = new MoveOnPath(mc);
var myMOP:MoveOnPath = new MoveOnPath(mc, duration);
var myMOP:MoveOnPath = new MoveOnPath(mc, duration, callback);
var myMOP:MoveOnPath = new MoveOnPath(mc, duration, easing, callback);

parameters:


MoveOnPath Methods:

animate

description: animates the contents of the composite.

usage:

myInstance.animate(start, end);

parameters:

returns: void

goto

description: jumps to a specific step of the animation and stays there.

usage:

instance.goto(percentage);

parameters:

returns: void

animationStyle

description: set the animation style properties for your animation. Notice that if your easing equation supports additional parameters you can send those parameters with the easing parameter in animationStyle. You have to send an Array as easing parameter. The first element has to be the easing equation in Robert Penner style. The following parameters can be your additional parameters. i.e.:

				var myRotation:Rotation = new Rotation(mc);
				myRotation.animationStyle(2000,[Back.easeOut,4]);
				myRotation.run(360);
				
See also "Customizable easing equations" in readme for more information.

usage:

myInstance.animationStyle(duration);
myInstance.animationStyle(duration, callback);
myInstance.animationStyle(duration, easing, callback);

parameters:

returns: Void.

orientToPath

description: offers the opportunity to rotate the object towards the curve while animating. Default is false. If true the object orientates towards the curve. If false the object's rotation will not be altered. See class documentation.

usage:

myInstance.orientToPath(rotateTo);

parameters:

returns: void

orientOnPath

description: offers the opportunity to rotate the object on the curve while animating. Default is false. If true the object orientates on the curve. If false the object's rotation will not be altered. See class documentation.

usage:

myInstance.orientToPath(rotateOn);

parameters:

returns: void

addChild

description: adds a primitive or composite to the composite instance of Parallel See class description.

usage:

myInstance.addChild(component);

parameters:

returns: IAnimatable class that was added.

removeChild

description: removes a primitive or composite from the composite instance of Parallel See class description.

usage:

myInstance.removeChild(component);

parameters:

returns: Void.

accept

description: Allow a visitor to visit its elements. See Visitor design pattern [GoF].

usage:

myInstance.accept(visitor);

parameters:

returns: Void.

getChildren

description: returns an Array of all children of the sequence. Could contain other Sequences.

usage: myInstance.getChildren();

returns: Array

roundResult

description: rounds animation results to integers. (might be usefull for animating pixelfonts). Default is false.

usage:

myInstance.roundResult(rounded);

parameters:

returns: Void.

forceEnd

description: Flash does not guaranteed that time-based tweening will reach the end value(s) of your animation. By default AnimationPackage guarantees that the end value(s) will be reached. The forceEnd method allows you to disable this guarantee and only accept the values from your easing equation. In certain situations this can lead to a smoother ending of the animation. Notice that in frame-based tweening the end value(s) will always be reached.

usage:

myInstance.forceEnd(forceEndVal);

parameters:

returns: Void.

getOptimizationMode

description: returns the optimization mode. See setOptimizationMode for more information.

usage: getOptimizationMode();

returns: Boolean

setOptimizationMode

description: Allows to explicitly remove parts of the animation that don't change during the animation. This can add additional performance to your animation. Note that setting this method to true has side effects. If all start and end values match, the animation won't start and will immediatly invoke an onEnd event. The order of values returned by getStartValue(s), getCurrentValue(s), getEndValue(s) and the value property of the eventObject returned by EventDispatcher might change if you set this method to true. You can still retrieve the parts of the animation that are actually animated if you access the Animator instance of your animation class via myAnimator. Ask myInstance.myAnimator.setter to retrieve all currently animated parts of the animation. See Animator documentation. Of cource, if you know your input values you would probably look at them.

Note that the AnimationCore class offers a static setOptimizationModes method (note the last "s" at the end) that allows you to remove parts of 'all' your animations that don't change during the animation.

usage:

myInstance.setOptimizationMode(optimize);

parameters:

returns: Void.

getTweenMode

description: returns the current tween mode used by the instance. Please check with AnimationCore.setTweenModes for more information.

usage: getTweenMode();

returns: String that specifies the tween mode. Either AnimationCore.INTERVAL or AnimationCore.FRAMES.

setTweenMode

description: sets the current tween mode used by the instance. Please check with AnimationCore.setTweenModes for more information.

usage: setTweenMode();

parameters:

returns: true if setting tween mode was successful, false if not successful.

getDurationMode

description: returns the current duration mode used by the instance. Please check with AnimationCore.setTweenModes for more information.

usage: getDurationMode();

returns: String that specifies the duration mode. Either AnimationCore.MS or AnimationCore.FRAMES.

setDurationMode

description: sets the current duration mode used by the instance. Please check with AnimationCore.setTweenModes for more information.

usage: setDurationMode();

parameters:

returns: true if setting duration mode was successful, false if not successful.

stop

description: stops the animation if not locked..

usage: myInstance.stop();

returns: true if instance was successfully stopped. false if instance could not be stopped, because it was locked.

pause

description: pauses the animation if not locked. Call resume() to continue animation.

usage: myInstance.pause();

parameters:

returns: true if instance was successfully paused. false if instance could not be paused, because it was locked.

resume

description: continues the animation if not locked.

usage: myInstance.resume();

returns: true if instance was successfully resumed. false if instance could not be resumed, because it was locked.

lock

description: locks the animation to prevent pausing, resuming and stopping. Default is unlocked.

usage: myInstance.lock();

returns: Void.

unlock

description: unlocks the animation to allow pausing, resuming and stopping. Default is unlocked.

usage: myInstance.unlock();

returns: Void.

isTweening

description: checks if the instance is currently animated.

usage: myInstance.isTweening();

returns: true if instance is tweening, false if instance is not tweening.

getStartValue

description: returns the original, starting value of the current tween. Percentage.

usage: myInstance.getStartValue();

returns: Number

getEndValue

description: returns the targeted value of the current tween. Percentage.

usage: myInstance.getEndValue();

returns: Number

getCurrentValue

description: returns the current value of the current tween. Percentage.

usage: myInstance.getCurrentValue();

returns: Number

getCurrentPercentage

description: returns the current state of the animation in percentage. Especially usefull in combination with goto().

usage: myInstance.getCurrentPercentage();

returns: Number

getDurationElapsed

description: returns the elapsed time or frames since the current tween started tweening.

usage: myInstance.getDurationElapsed();

returns: Number

getDurationRemaining

description: returns the remaining time or frames since the current tween started tweening.

usage: myInstance.getDurationRemaining();

returns: Number

addEventListener

description: Subscribe to a predefined event. The following standard EventDispatcher events are broadcasted

onStart, broadcasted when animation starts.
onUpdate, broadcasted when animation updates.
onEnd, broadcasted when animation ends.

The even object returned, contains the following properties:

type (String) event broadcasted.
target (Object) event source.
value (Number) value to animate.

usage:

myMOC.addEventListener(event, listener);
myMOC.addEventListener(event, listener, handler);

parameters:

returns: Void.

removeEventListener

description: Removes a listener from a subscribed event.

usage:

myMOC.removeEventListener(event, listener);
myMOC.removeEventListener(event, listener, handler);

parameters:

returns: Void.

removeAllEventListeners

description: GDispatcher specific feature. Removes all listeners for a specific event, or for all events.

usage:

myMOC.removeAllEventListeners();
myMOC.removeAllEventListeners(event);

parameters:

returns: Void.

eventListenerExists

description: GDispatcher specific feature. Checks if a listener is already subscribed to a certain event.

usage:

myMOC.eventListenerExists(event, listener);
myMOC.eventListenerExists(event, listener, handler);

parameters:

returns: true if event exists on listener. false if event doesn't exist on listener.

getID

description: returns a unique ID of the instance. Usefull for associative arrays.

usage: myInstance.getID();

returns: Number

toString

description: returns the name of the class.

usage: myInstance.toString();

returns: String




generated with AS2docGenerator beta 0.5.3