More sophisticated events for move/drag

[koenbok]

https://www.facebook.com/groups/framerjs/permalink/547915885335487/

• delta
• angle
• velocity

[koenbok]

One thing to think about is that I now calculate the velocity over the last 100 milliseconds for more precision. Not sure how to expose that onto an event. Maybe some property on the draggable?

https://github.com/koenbok/Framer/blob/master/framer/LayerDraggable.coffee#L56
https://github.com/koenbok/Framer/blob/master/framer/LayerDraggable.coffee#L26

[jordandobson]

Here's some inspiration: http://hammerjs.github.io/api/#event-object

[jordandobson]

^ From that list I typically use:

• center
• target
• preventDefault
• direction, offsetDirection
• deltaX, deltaY, deltaTime
• velocityX, velocityY, velocity
• distance

[koenbok]

It's basically just a matter of calculating those and setting them on event here:
https://github.com/koenbok/Framer/blob/master/framer/LayerDraggable.coffee#L48

[tisho]

I'd add distance, too.

[jordandobson]

Oops! Missed Distance... yes that too. Added it above.

[ThinkHap]

i need direction, drag x and drag y

[edwardsanchez]

How do I simulate press and hold? And then press+hold+drag?

[koenbok]

We should also sanitize events for mobile and desktop.

https://www.facebook.com/groups/framerjs/permalink/561406183986457/