Jump to content
Search Community

Rotating object to match Physics2D angle

Michael71
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Posted

Hello,

 

I would be interested to know if there is a way to dynamically know the rotation that is applied with Physics2D accelerationAngle, or angle in order to rotate the object and seem like its pointing along the animation path.

 

e.x if we have a rocket and we want it to be pointed towards the end of the animation point each each (second/frame) 

 

I have set an example here: 

See the Pen nfdBJ by netgfx (@netgfx) on CodePen.

 

What I want to achieve is to be able to rotate the rocket depending on the angle of the animation path.

 

Thanks in advance.

Posted

I think you'd need to use an onUpdate and track the previous and current x/y or top/left and then adjust the rotation accordingly with Math.atan2(). Not exactly simple, but doable. 

  • Like 2
Posted

Ok I got that, but how can I reset the rotation angle on each update? Or do I have to set a new tween each time?

Posted

You can use a TweenLite.set() like:

TweenLite.set(element, {rotation:YOUR_ROTATION});
  • Like 1

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...