Comments on: TweenLite Introduction

By: subbu

subbu — Mon, 21 Jun 2010 10:51:50 +0000

Awesome. I just started learning Flash/ActionScript3.0 the hard way. This was a real nice article on tweening. Looking forward for more of these.

subbu

By: Rich

Rich — Wed, 24 Feb 2010 15:56:10 +0000

@priya, I’m afraid you’ve got a bit of a mess on your hands there. THe first code is an excerpt from an AS3 class, and the second excerpt is from an AS2 procedural script. You’ll have to update your second snippet to AS3 and then choose whether you want a class or a function.

As a start, I can guess at an AS3 version of the second snippet, although this is definitely untested:

addEventListener(Event.ENTER_FRAME, onFrameEnter, false, 0, true);
function onFrameEnter(evt:Event):void {
	var xMouse:Number = mouseX;
	var yMouse:Number = mouseY;
	if (Math.abs(xMouse - ball_mc.x) < 1) {
		ball_mc.x = xMouse;
		ball_mc.y = yMouse;
	} else {
		ball_mc.x -= (ball_mc.x-xMouse) / 6;
		ball_mc.y -= (ball_mc.y-yMouse) / 6;
	}
}

By: priya

priya — Fri, 29 Jan 2010 10:14:59 +0000

i need to mix 2 codes together but coming up with errors, i have to made tween object follow cursor and my code is

// this creates tween
public function startTween():void
		{
TweenLite.to( this, 2, { delay:1, x:getX(this), y:getY(this), ease:Elastic.easeOut, onComplete:startTween} );
				}else{
TweenLite.to( this, 2, { delay:1, x:x, y:y, ease:Elastic.easeOut, onComplete:startTween} );
				}
			//}
		}

this code makes object follow curser, how can i join it in above code so it comes without errors

ball_mc.onEnterFrame = function() {
	var xMouse = _root._xmouse;
	var yMouse = _root._ymouse;
	if(Math.abs(xMouse - this._x) < 1) {
		this._x = xMouse;
		this._y = yMouse;
	} else {
		this._x -= (this._x-xMouse) / 6;
		this._y -= (this._y-yMouse) / 6;

By: Gayle Van Wely

Gayle Van Wely — Fri, 06 Nov 2009 21:48:15 +0000

Awesome. I’m sure it will be great.

Thank you!
Gayle

By: Rich

Rich — Wed, 28 Oct 2009 23:05:03 +0000

@Gayle, yes. I think both Zevan and I will write about the new version. I know I am planning a thing or two about it and, if I’ve correctly gauged Zevan’s appreciation for the classes, he will probably follow up this great post with something new at some point.

By: Rich

Rich — Wed, 28 Oct 2009 23:02:24 +0000

@Yarden, you’re welcome!

By: Rich

Rich — Wed, 28 Oct 2009 23:01:54 +0000

@Steve, Flash isn’t optimized for playing the timeline backwards, so your performance may vary. Here’s one way to do it. (This is a simplified example that doesn’t use any buttons.)

//frame 1
var movement:String = "forward";

this.addEventListener(Event.ENTER_FRAME, onEnter, false, 0, true);
function onEnter(evt:Event):void {
	if (movement == "forward") {
		play();
	} else if (movement == "backward") {
		gotoAndStop(currentFrame-1);
	}
}

//frame 10
stop();
movement = "backward";

The file starts out in “forward” mode and just plays the timeline. When it reaches frame 10, the movement variable is set to “backward” and the file just goes to one frame at a time, the currentFrame - 1, unitil the variable is reset to again. In otherwords, every frame, you’re telling the playhead to go to the frame before it.

In your case, you can change the variable value with buttons or the frames in which you have stop actions.

By: Gayle Van Wely

Gayle Van Wely — Wed, 28 Oct 2009 21:04:51 +0000

Will you be putting up some examples of the updated version v11.

Looking forward to seeing some.

Best,
Gayle

By: Yarden Refaeli

Yarden Refaeli — Thu, 08 Oct 2009 23:55:45 +0000

Thank you for this helpful guide! your blog design is AMAZING too =]
Added to my iGoogle reader…

-Yarden

By: Steve

Steve — Mon, 21 Sep 2009 00:59:13 +0000

Hello,

I am a student from AIO and working on my portfolio. I have been learning a lot just from your postings. I have a question about using tweenlite for a reverse frame animation.

I have an animation with 50 frames at every 10 frames I have a stop action.
I have two button forward and backward, the forward button plays the timeline till the next stop action. Then you press the forward button and again plays till the next stop action.

I need the backward button to play the timeline in reverse order till it hits a stop()action

Could you give any suggestion.

THANKS YOU FOR ANY HELP!