• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Animating triangles along a path, equally spaced, looping.

New Here ,
Sep 26, 2024 Sep 26, 2024

Copy link to clipboard

Copied

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!

 

susannek2841198_0-1727381401350.png

 

TOPICS
Expressions , How to , Resources

Views

32

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 26, 2024 Sep 26, 2024

Copy link to clipboard

Copied

LATEST

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.

 

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines