Rotation is reversed on completing full cycle, Clicking during transition restarts the animation

[yeeloong001]

So I have 2 problems here,

 

1. For some reason, the rotation seems to reverse its direction for one of the increment upon completing a full circle. Currently I intend to have the circular blob move through every 30 angles on clicking the button.

 

2. When I click the button again during the transition, it resets the transition instead of chaining it. I was trying to find ways in which I can chain the animation so that it doesn't reset but allow the user to continue onto the next item.

 

Thanks for any help in advance.

See the Pen RNJWbG by anon (@anon) on CodePen

[GreenSock]

1) You were resetting the angle once it got to 390. So when you go from 390 back to 30, it'd go the other way. You can use a directional suffix if you want, like "30_cw" to go clockwise, or "30_ccw" for counter-clockwise.

 

2) Yep, you were restarting the tween which is why it went back like that. 

 

I think you meant to do something like this which would be simpler and more efficient: http://codepen.io/anon/pen/VYdvej?editors=001

[yeeloong001]

yeah, I wanted to reset the counter. wasn't sure why it only happens at that particular angle, think it was (90) after the first cycle. but the solution that you provided was exactly what I was looking for. thanks a bunch!