liquid stage: Targeting a new X postion?

[icekomo 5 Likes (Newbie)]

Hello,

I have a question, and it may be a simple one as I am no AS3 expert.

 

I have an object that is hooked up to a mouseOver event. When the mouse rolls over this object it moves it say 10 pixels to the left, and when it roll off, it moves that object back. The problem I ran into is that when i resize the window, it's still using the old x cords. So my question is what can I do to get the new x postion of that object each time the mouseEvent is called?

 

Do I use the update function for that info? And if so, how exactly.

 

Thanks!!

[GreenSock 17,900 Likes (Superhero)]

You're using LiquidStage I assume, right? And that tweening object is pinned with LiquidStage?

 

You could just do a relative tween by putting the value in quotes. Like to move 10 pixels greater than the current x value, you'd do:

 

TweenMax.to(mc, 0.5, {x:"10"});

 

And to make it 10 less than the current value, do:

 

TweenMax.to(mc, 0.5, {x:"-10"});

 

Maybe I didn't understand your question though.

[icekomo 5 Likes (Newbie)]

No you told me just what I was looking for. Thanks!!!!

 

The only problem I run into with doing it this way, is that if user rolls off of that object before it's animation is complete, it sends it back the other way past it's original start postion, because it's using the x postion of that object during it's animation. If that makes sense? And I want the user to have the ability to roll off of the object before it's complete if they so choose to do so.

 

Thanks.

[icekomo 5 Likes (Newbie)]

My thinking for this problem is to capture the the current X position of that movie clip at it's starting point, call this StartX, and when the user rolls off of that object to then capture that X position call this backX and then use backX number and subtract that from startX. But I can't seem to get this to work.

[GreenSock 17,900 Likes (Superhero)]

There are many ways to tackle this - here's one idea:

 

var xChange:Number = 10; //how much to change x on rollOver
var tween:TweenMax; //we need a reference to the tween to find out how far along it is.

function rollOverHandler(event:MouseEvent):void {
   var ratio:Number = (tween != null) ? tween.ratio : 1;
   tween = new TweenMax(mc, 1, {x:mc.x + ratio * xChange});
}

function rollOutHandler(event:MouseEvent):void {
   var ratio:Number = tween.ratio;
   tween = new TweenMax(mc, 1, {x:mc.x - ratio * xChange});
}