开发者

scaling and positioning with tweenlite

I have a movieclip with the mesurements of a rectangle. When the application is launched the movieclip is being scaled before placed on the stage as following.

menu.width = 400;
menu.scaleY = menu.scaleX;

this is a smaller size than the original. the position of the movieclip at this moment is in the middle on the x and top of the stage on the y. when i click iti would like to do a tween with tweenlite wich scales it to its original(bigger) width and height and position it in the center of the stage on x and y.

the problem is when i position it with tweenlite, it gets done according t开发者_StackOverflow社区o its old scale and not according to its new(bigger) scale so the movieclip isnt placed in the exact center of the stage. Anyone know how i can resolve this?

I tried to compensate by adding a bigger number on the position so it gets positioned in the right way.

But when i click it again i would like it to rescale to its beginning scale and position so it would be very messy to compensate again. Is there any easier way to do this kind of tween?

I doubt that i'm being clear to what i want but i hope i am after all.


The easy and way of tween position and scale is probably to add the menu to a container. You would then on one hand tween the position of the container, and on the other apply the scale to the menu it self without having to recalculate the proportional position if the scale changes.

This way you can even control the registration point of the menu within the container. e.g. to always scale from the middle...

This can be done with a matrix as well if you want to avoid to stack objects, but honestly it can get really tricky whereas the container method is bullet-proof.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜