Animate CC and Draggable

[davidtardiveau]

Hello,

 

I'm trying to use the Draggable.create() method with an instance, in Animate CC (HTML), but i can't.

I can use TweenMax, but Draggable is not possible. Of course, i added the link (<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.1/utils/Draggable.min.js"></script>) to my web page.

 

Does anybody succeed in adding a drag and drop technic thanks to the Draggable.create() method?

 

David

Archive.zip

[GreenSock]

I'm pretty sure that's because Animate CC does everything in a <canvas>, thus the stuff you're moving/dragging aren't actually DOM elements. Draggable was made for DOM elements (like <div>, <img>, etc.) 

 

The only option at this point I can think of is to rig up some sort of proxy where you have an invisible <div> over your Animate CC object(s) and use an onDrag to set their x/y values accordingly. 

[PointC]

We had a similar question here:

 

https://greensock.com/forums/topic/15822-adobe-animate-cc-draggable-and-sortable-datagrid-with-scrollpane/