Animating triangles along a path, equally spaced, looping.

Question

Hi There,Looking for some advice on the best way to achieve the below. I want the triangles to move along the path and be equally spaced and loop infinitely. I have them moving along the path but I'm having trouble finding the best way to ensure they are equally spaced (other than manually seperating them individually in a pre comp) is there an expression or a tutorial for how to achieve this.Thanks very much in advance!

Dan Ebberts · Answer

It's hard to say exactly, not knowing how you have things set up, but try this to get some ideas. Use the pen tool to draw your path. Then create one of your triangle layers (above the path layer in the timeline layer stack). Add this position expression to the triangles's position:

L = thisComp.layer("Shape Layer 1");
nTriangles = L.index - 1;
myNum = index;
loop = 5; // time to loop path (seconds)
path = L.content("Shape 1").content("Path 1").path
t = (time%loop)/loop;
myPct = (myNum-1)/nTriangles;
p = (myPct + t)%1;
L.toComp(path.pointOnPath(p));

Then duplicate the triangle layer a bunch of times.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.