Adobe Community: Message List - How to restrain the drag to an arc

Re: How to restrain the drag to an arc

forums_noreply@adobe.com — Tue, 20 Nov 2012 15:30:23 GMT

Tim's example on the link provided by Davide is perfect!

Thanks guys.

Re: How to restrain the drag to an arc

forums_noreply@adobe.com — Tue, 20 Nov 2012 14:40:36 GMT

Hi Jerry,

OK. I offseted the center point and it works great in dev in EA - I mean that when I drag the green dot it does rotate on the arc. However with draggable, there are 3 possibilities:

non restrain on x or y - the green dot can be dragged in any direction and does not stay on the arc
restrain on x - expected - the dot is limited to x (straight line left and right )
restrain on y - expected - the dot is limited to y (straight line up and down)

I posted a question on jqueryUI and we will see if they find a way there!

Re: How to restrain the drag to an arc

forums_noreply@adobe.com — Tue, 20 Nov 2012 14:15:54 GMT

Thank you both for your input. I will work on that today and will try to post my files when I am done in order to help anyone who want to do something similar - that is if I get it to work as I want.

Re: How to restrain the drag to an arc

forums_noreply@adobe.com — Tue, 20 Nov 2012 09:09:08 GMT

Hi!

Take a loook at this topic - about the circular dragging - I opened and Tim resolved: http://forums.adobe.com/message/4811284#4811284. You can find there also the project files!

Have a nice day!

Davide

Re: How to restrain the drag to an arc

forums_noreply@adobe.com — Tue, 20 Nov 2012 00:42:40 GMT

What if you offset the center point of the green dot artwork to the place where the red dot is? Then. instead of moving the green dot, you rotate the div. (Doing it this way I think you actually get the angle calculated for "free".)

How to restrain the drag to an arc

forums_noreply@adobe.com — Mon, 19 Nov 2012 19:54:50 GMT

Does anyone knows how I could restrain the drag position of a point to an arc.
Here is what I am trying to do. I want the student to be able to drag the green dot between point A and B and display the value of the resulting angle AOB. (O is the red dot).