Animate a path appearance

I'm tearing my hair out here trying to achieve what should be a really basic thing! All I'd like to do it animate a simple arrow line from its start point to its finish point, as shown below.:

I can't for the life of me figure it out. It's dead easy without the curve to the path, but I can't figure out how to 'reveal' the path as if the line is drawing itself.

Any help would be greatly appreciated!

you can use an existing vectorpath as animationpath for another element. But i'd guess it'll some fiddling anyway :slight_smile:


I'm not very familiar with using the vector shapes in Hype, but wouldn't it be easy to make a separate layer for the Line and a separate layer for the arrow tip?

I drafted something up real quick to show what I mean (don't mind my badly drawn arrow tip) (15.0 KB)


You're s STAR! Thank you.

I've used Hype for years but never spotted the 'Line Draw' option - this is exactly what I was looking for. So much easier when I have a document to explore rather than an explanation in the post. Thanks for taking the time to do that, much appreciated.


Thanks for this, I'll have a watch!

also very good: Hype Motion Paths · worldoptimizer/HypeCookBook Wiki · GitHub

1 Like