Strategy for integrating drag/throw and timeline concepts

[Justin Belcher]

Hello all,

 

I have a draggable/throwProp slider component that is working well. I'd like the progress of this slider to affect a few other things on the page, including the slider handle itself. 

 

It seems like creating a timeline to house those behaviors is a logical approach, since scrubbing the slider should basically behave like scrubbing a timeline, but I can't wrap my head around how to approach that without invalidating some of the behavior of the slide (such as its throw and a bit of its release logic).

 

Any suggestions? 

[Carl]

Hi and welcome to the forums,

 

Glad to hear you are having success with Draggable/ThrowProps.

 

I'm having a tough time visualizing and understanding what you need to accomplish. 

Not sure what you mean by the progress of the slider affecting the progress of the slider handle.

 

You can certainly have the progress() of a timeline tied to the progress of a slider component (demo). You can also use a ThrowProps tween to "throw" the time() of a tween or timeline.

There are lots of possibilities, just not 100% sure on your setup.

 

A very simplified code sample on CodePen that can illustrate the basic concept would go a long way: http://forums.greensock.com/topic/9002-read-this-first-how-to-create-a-codepen-demo/ We certainly wouldn't need to see your full production code. Just something to help us visualize what needs to happen.

[Justin Belcher]

Carl, actually your first link helps quite a bit. I believe I was unnecessarily complicating things since having drag and throw progress the timeline does everything I need it too. Thanks for your quick help!