[Draggable knob rotation limit output to 0 - 360 deg]

That's brilliant, I started to look into doing a modulus calculation, didn't realize I could do with something already part of the framework.

 

Thank you Jonathan.

[Draggable knob rotation limit output to 0 - 360 deg]

CodePen:

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

 

If you rotate a few times clockwise or anti clockwise then hit (Click here to rotate to 55 deg) you will see the behavior I'm trying to stop.

Thanks

[Draggable knob rotation limit output to 0 - 360 deg]

Hello,

 

I now have the membership and the ThrowProps plugin

 

With regards using: TweenMax.to(knob, 1, { rotation: deg, ease: Linear.easeNone });

 

I'm passing value between 0-360 to set the knob rotation, however after multiple user rotations of the knob the actual knob position is greater than 360, this will result in the knob spinning back around several times to settle between the specified value of 0-360.

 

What is the best way to set the knob rotation in this scenario to prevent this behavior?

 

Many Thanks

 

Damien

[Draggable knob rotation limit output to 0 - 360 deg]

Brilliant Jack thank you.

[Draggable knob rotation limit output to 0 - 360 deg]

Hello,

 

Sorry if this is a simple one but just wondered if anyone could help me with this demo:

See the Pen eDxKh by GreenSock (@GreenSock) on CodePen

 

I'm trying to limit the output to 0 - 360 the dial can have unlimted rotations backwards and forwards but not show a negative value, currently if the first rotation is anti clockwise the output is a negative value.

 

Thanks in advance and thanks to Carl for the initial demo.

[throwProps in CodePen demo pages]

Sorry 1 more question if I may, with the demo:

See the Pen eDxKh by GreenSock (@GreenSock) on CodePen

 

I noticed it will give a negative value for rotation on anti-clockwise movement if I don’t complete an initial clockwise rotation, is it simple just to limit to 0 - 360?
 

Many Thanks.

[throwProps in CodePen demo pages]

Thank you both that's a great explanation and makes complete sense.

 

Have a good day!

[throwProps in CodePen demo pages]

Hi Carl,

Thanks for the quick response, I soon realised this after reading the license statement at the top of the file, I’m just experimenting at the moment to see if this will be valid for our current project which I think it will.
 

Do you mind if I ask a couple of questions:
 

1. Will "snap" still work when not using ThrowProps, I can’t see that it does at the moment?
 

2. How would I reset the knob.rotation to 0 after complete turn so I am only dealing with the degrees 0 - 360 but yet still allowing multiple turns, i.e I don’t wan to just restrict to one turn?
 

Many Thanks

Damien

[throwProps in CodePen demo pages]

Hi,

 

Sorry I've only just started to look at this libary and have hit a problem looking at one of the demo pages:

See the Pen gnoDc by GreenSock (@GreenSock) on CodePen

 

If I take this and run it locally with no changes to the code the throwProps functionaility no longer works, I must be missing somthing really obvious, here is a hosted version of it: http://rdys.proofing5.brayleino.co.uk/ no console errors etc, unchanged but no throwProps function.

 

Thanks in advance.

 

Damo