direction of dragging !?...

[Diaco]

Hi guys

 

is there any way to find the direction of dragging !?

i mean that onDrag function return one of these value :

left / up-left / up / up-right / right / right-down / down / down-left !?

 

thanks in advance

[GreenSock]

No, there aren't any built-in functions for determining that, but you can certainly discern it by comparing the current x/y with the previous x/y. 

 

I'm not sure if you're trying to figure out the direction since the start of the drag (total delta) or the moment-by-moment velocity, but here's a demo that shows both:

http://codepen.io/GreenSock/pen/zyxgh?editors=001

 

Notice that if you have ThrowPropsPlugin, you can get the current velocity of any property that it's tracking (and Draggable automatically turns on velocity tracking for whatever properties it's controlling), so I use those values in a simple formula. The nice thing about the ThrowPropsPlugin velocity tracking is that it uses some algorithms to more accurately discern things without getting tripped up by some funky variations that you'd likely stumble on if you were only comparing the current x/y to the previous one, depending how frequently the mousemove/touchmove is firing. 

 

If you don't like either of those solutions, something like Hammer.js might help (I've never used it, but I thought I heard that it does this sort of thing). 

[Diaco]

Hi JACK 

 

WOW... that`s exactly what I've been looking for   .

 

thanks dude