MusketeerHo

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.

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.

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.

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 https://codepen.io/MusketeerHo/pen/wvBYKXy 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.

Hi @ZachSaucier, thank you for the reply, I saw the membership part of your answer just now. Will surely do. Many thanks for the reply again.

First Codepen (The target) Second Codepen (What I managed to achieve) I saw the smooth knob rotation as shown in first codepen . I tried to achieve it so I created another codepen but all I could manage was the two kinds of rotation: 1) the knob rotation is set to 45 degrees but it too quick and not smooth and slow like the first codepen. 2) the second knob rotation is more free flowing but is not set to 45 degrees which is what I was targetting. What's even more confusing is that the code for the first figure in the second codepen is exactly like the first codepen but the rotation still is not that smooth. Can anyone help me out here, where did I went wrong? EDIT: The first codepen is the link at the very start of the question.

I am trying to use gsap's Draggable plugin to rotate a two images of a wheel. I was able to use the draggable plugin with simple dom objects but I wanted to use it with canvas in html. I have tried to do it without Draggable , but the animation is not smooth, plus at some points it is wrong (the rotation is in the opposite direction of finger drag direction). I am targeting mobile devices, but to make it understandable I have given the same functionality on the two buttons also. I am having hard time trying to understand if and how can I use Draggable with canvas to rotate these two circles using draggable's rotate method.