Need help with some transition thingy

[trsh]

I want to move the blue rectangle to exact red rectangle position by also animating rotation back to 0. But because blue has already rotation, the calculations are some have not right and the blue rectangle is not covering red one. Can someone help please?

See the Pen JjYRObr by TrshMan (@TrshMan) on CodePen

[PointC]

Sounds like you may benefit from the getRelativePosition() method.

https://greensock.com/docs/v3/Plugins/MotionPathPlugin/static.getRelativePosition()

 

More info in this blog post.

 

[ZachSaucier]

If you don't need it to be so dynamic, you can simply set it up more nicely and then zero out the values: 

See the Pen QWjKOPE?editors=0010 by GreenSock (@GreenSock) on CodePen

 

But if you need it to be more dynamic, Craig's way of using the .getRelativePosition() is the way to go.

[PointC]

Good point Zach. I'm a huge fan of placing anything I possibly can at 0,0. It just makes things so much easier. 👍