haukeg

Excellent, thanks! I had not looked at the .invalidate() method yet, appreciate the pointer @mikel!

Thank you @mikel for your response! I have reviewed the documentation quite a bit, and unfortunately .play(0) and .restart() are not the outcome I am looking for. If I use of those methods, the animation goes back to x: 0 before animating to position 1. What I am aiming for is to get the box to animate from position 2 (x:350) to position 1 (x: 750) on my second tap of the position 1 button. I guess I should say I want to know if it is possible to create tweens that go from wherever the object is to a specific destination when the tween is run? Sorry if I did not make that clear in my original post. Thanks again.

Hi! I am jumping into GSAP and loving it! I hope you won't mind this super simple beginner question... I am only a couple days in and most things are making sense, but I must have the concept wrong in my example pen. My expectation was that my tween "position 1" would animate to my x location. Then after animating "position 2" it would go to that position. All that works as expected. My assumption was that it I hit "position 1" after that, my object would tween to the same position as the first tap of that button. It just jumps to that position instead of animating. I am sure there is something super simple I am missing (maybe shouldn't be using .play() or other?) and would appreciate a quick explanation from someone. I should also state that I do not want to use Timeline sequencing as I am looking for interactive tween solutions. Thank you!

Cool, thanks so much for the pointers. Too bad it has to be done this way, hope Adobe updates this at some point, its an annoying little bug.

On further investigation, it looks like it is an artifact of Flash and the (pseudo) 3D transforms? I changed my file to simply add a rotationY = 0; on click of the card and the same issue happens as the previous tweened example (see attached). Sorry to add this post here since it seems it isn't related to the GreenSock tween engine, but if anyone has any general solutions/tricks in mind I would appreciate it. Thanks. CardFlip2.fla.zip

It should be noted - I tried the onComplete function to scale it and position it and it did not change anything. I then tried removing the rotationY properties in the tween call and simply scaled the card and it worked as expected (no issues). So I am assuming this has something to do with throwing the object into (pseudo) 3D with the rotationY tween change?

Hi, I am trying to create an application where cards flip in 3D using TweenMax to change the rotationY properties of a movieClip. However, I am noticing that if I tween a card in scale + rotationY (to "flip it up") and then tween it back down (to "flip it down") - it doesn't land in the exact position as it was before I "flipped it up." The application I am building requires precision on this because my cards will be in a tightly aligned grid, this difference is noticeable and unwanted. I have attached a sample of the issue - click on the lighter blue card in the center of the grid and then again to flip it back. Notice the bottom and right gutters between that card and the others is overlapped now - like the card nudged 1px right and down after tweening. If anyone has any thoughts? My gut tells me this is just the cost for using a plugin to tween (which by the way I LOVE these plugins) - but maybe there is some way to get more precision through TweenMax on the final placement of the MovieClip. Also - I know I can place an onComplete call to a function that resizes/positions my movie clip after it tweens, but I am hoping to avoid that. Many thanks in advance! CardFlip.fla.zip