Use draggable for scrolling/throw props but not actually dragging something...

[danehansen]

not sure the best way to clearly illustrate what i'm thinking but giving it my best try... i'm wondering if there is a way to use Draggable as the controller for something that is other than an item being dragged or scrolled on stage. specifically what i am after is that i have renderings of a 3D object with rotates 360 degrees. i plan to make a sprite sheet out of that and i figure i could place an invisible Draggable object of the top that when it gets scrolled/thrown, i read out those changes and use it to change which frame of the sprite i am on. is there a way to do this without having a transparent dragging object over the top? and if not, is there a way to have my invisible object be infinitely scrollable or would i just have to size the window as the size of my sprite and then have the thing inside just be 999999999px by 9999999999px? thank you.

[Rodrigo]

Hi,

 

Draggable has a trigger option that allows you to move the targeted element by using the drag/swipe on another area or element.

 

Check the API docs for more info in the configuration options part:

 

http://api.greensock.com/js/com/greensock/utils/Draggable.html

 

Also here's a very simple example regarding this:

 

See the Pen IiHgq by rhernando (@rhernando) on CodePen.

 

Feel free to fork and adapt it to your needs.

 

Rodrigo.

[jamiejefferson]

Figured this one would be fun to make, so I did:

See the Pen lykFn by jamiejefferson (@jamiejefferson) on CodePen.

[Rodrigo]

Great job Jamie!!

[Jonathan]

That is real cool Jamie.. nice job!

[jamiejefferson]

Cheers guys, thanks to Rodrigo for the idea of using a trigger though.