Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
dMurphy

Animation scrubber that follows curved playhead.

Recommended Posts

Hi there,

New to forums in general but here goes. Would it be possible to create a Playerhead or scrubber that followed a pre-set path? For instance could you drag an MC along a curved line that also controlled the playback of an animation instead of a traditional horizontal playhead?

 

Thanks!

Link to post
Share on other sites

Absolutely, but this isn't a trivial thing at all, and there's no simple canned solution I can offer you. Ultimately it has to do with mapping x/y coordinates to the path and then figuring out the progress value that represents along the path, then feeding that to the progress() of the tween/timeline. 

 

One idea that may simplify things a bit is to do a bezier tween of the scrubber along that path, and then you map the x-coordinate progress to the progress of that tween. For example, if the curve starts at x:0 and ends at x:100, on mouseDown you could start a MOUSE_MOVE listener that watches the x position of the mouse and calculates the progress. Like if x is at 40, that means the progress is 0.4 and you feed that to the tween's progress to move the scrubber appropriately (tween.progress(0.4)). And of course you could also feed that progress value to a complex TimelineLite where you have a bunch of animations synchronized. Just a thought. 

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×