Draggable controlling timeline

[sirhclluk]

Is this possible with Draggable?

In a banner I want to drag a road jpg horizontally, and have a car move along the road as I drag the road jpg.

So the car stays in the same spot horizontally, just moving up and down and turning as needed.

 

if it is possible could someone share a link related to it?

 

Thanks

[PointC]

Hi sirhclluk 

 

You just need an onDrag callback to control the progress of the timeline. I didn't have time to make a CodePen for you, but please check out this thread:

 

http://greensock.com/forums/topic/11161-control-timeline-through-rotation-draggable/

 

Rodrigo has a nice CodePen in his answer. That should get you started.

 

Happy tweening.

[ryanf]

If you have the whole sequence as a timeline, you can do something like this:  

 

See the Pen vOYrGe by rfenik (@rfenik) on CodePen

[sirhclluk]

Thank you both for the replies. PointC, I got it to work based on that example.

I had to change the bound to numbers and not just the name of the object. And on the progress line had to change it to t.progress( this.x/-484 );

 

Thank You GSAP!