-
Controlling Trim Paths End percentage based on a changing number in the same comp
Hi folks,
I’ve lurked here for years but never posted before, but I think I finally have a question worth of your time!
I’d like to have a circle that grows using Trim Paths as the 0-100 number it surrounds goes up. So for example if the number is 83 then 83% of the circle will be outlined.
The problem is that the number is pulled by Templater 2 from a Google Sheet and is then animated by the following expression (that I grabbed from Google, I still can’t get my head around making my own expressions)
start=parseInt(thisLayer.text.sourceText="0");
end=parseInt(text.sourceText);
val=Math.round(easeOut(time, startTime, 4,start, end));In my head I thought I’d just pick-whip Trim Path End to the text source, but obviously that doesn’t work. Any ideas or suggestions would be greatly appreciated.
-
2 Replies
-
No idea why the start value is written in such a convoluted manner on the first line. I would think it just “start = 0;”
I don’t know why it wouldn’t work, apart from the rounding, which is not needed for the Trim path end value, it just makes the animation jittery as it rounds to the nearest integer.
What happens when you try to use this for the Trim Path End value?
Kalleheikki Kannisto
Senior Graphic Designer -
Can you just animate them both with a slider control? Have that increase the source text and the use it for the path end?
Reply to this Discussion! Login or Sign Up