Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
MusketeerHo

Circular rotation is also accompanied by unwanted revolution

Recommended Posts

Hello GSAP Community! I am trying out the rotation type of Draggable, but my circular rotation on the center is also having a type of revolution of the complete image. I am sure I am doing something very silly here, but need some  help to find it out. Also another important question which I have is that in this following codepen 

See the Pen wvBYKXy by MusketeerHo (@MusketeerHo) on CodePen

  I can see that the image is having a similar(very small but visible) revolution along with the rotation. 

I have tried to get rid of it for almost a complete day now. Is it possible to get a simple rotation without revolution(zero revolution). If yes, please help me out here.
Thanks in advance.

See the Pen ZEYqMZO by MusketeerHo (@MusketeerHo) on CodePen

Edited by MusketeerHo

Share this post


Link to post
Share on other sites

Hey MustketeerHo. This is caused by the image not being perfectly symmetrical, not anything related to GSAP. There's no way to get rid of it other than to get a different (symmetrical) image.

  • Like 2

Share this post


Link to post
Share on other sites

Hey @ZachSaucier thanks for the prompt reply, but one of my mate who has some knowledge of unity, used this same image for rotation in unity, and later told me that the image was okay, also the knob image in the first codepen, is it asymmytrical as well? I am not trying to question your analysis on this, but just trying to confirm that are you sure that it is just a case of asymmytrical image, because out of all the examples I have seen on Gsap docs etc, I have noticed that they all had this revolution as well.

 

Share this post


Link to post
Share on other sites

Hey @ZachSaucier may be I am paranoid or something but I can still see that in the codepen example which you shared the second image is revolving a bit. I can even see a extremely little revolution in the first circle of your pen. Plus the text in my image was just placed to show the rotation, but if you see the image closely, you will see that the images are revolving just a tad.

Share this post


Link to post
Share on other sites

I think you're paranoid :) To prove you're not, maybe a screen share would be good? You can tell that there is not any offset by looking at where the two circles touch - they never stop touching.

  • Like 2

Share this post


Link to post
Share on other sites

Hey @MusketeerHo,

 

The change of colors, from light to dark, can deceive the eye.
It's like Zach says - 'they never stop touching'.

 

See the Pen zYxMmxo by mikeK (@mikeK) on CodePen

 

Trust the geometry and not the eyes.

Mikel

 

 

  • Like 3

Share this post


Link to post
Share on other sites

Hey @ZachSaucier  and @mikel , a big thanks for taking your time out and creating those pens. Now I can see, what was wrong. Many thanks again.

  • Like 1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

  • Recently Browsing   0 members

    No registered users viewing this page.

×