Copy link to clipboard
Copied
In this example below; what I'm trying to accomplish is the yellow triangle to follow the end of the text as it animates in. I've scowered the internet for answers but haven't found anything trying to do this.
As the text animation builds each character in, I want the triangle to follow the text until the end.
1 Correct answer
For a simple shape like the triangle in your screenshot, there's a preset called "Blinking Cursor Typewriter Console".
Apply that to your text and then expand the expressions area on the source text.
You'll see this code:
var t = text.sourceText;
var l = t.length;
var a = effect("Animation")(1);
var c = ["|","_","—","<",">","«","»","^"];
var d = effect("Cursor Shape")(1).value;
var reveal = t.slice(0, l*linear(a,0,100,0,1));
reveal + c[d-1];
In the effects panel, there are some settings you can
...Copy link to clipboard
Copied
Also: the text box has to be a "Box Text" container.
Copy link to clipboard
Copied
You may want to do this with parenting.
Copy link to clipboard
Copied
For a simple shape like the triangle in your screenshot, there's a preset called "Blinking Cursor Typewriter Console".
Apply that to your text and then expand the expressions area on the source text.
You'll see this code:
var t = text.sourceText;
var l = t.length;
var a = effect("Animation")(1);
var c = ["|","_","—","<",">","«","»","^"];
var d = effect("Cursor Shape")(1).value;
var reveal = t.slice(0, l*linear(a,0,100,0,1));
reveal + c[d-1];
In the effects panel, there are some settings you can alter. The blink speed set to 0 will prevent the cursor from blinking.
And you can choose the shape of the cursor you want. If you visit a website like copychar.cc and search for triangle, you can then find the character : ‣
If you edit the above expression, to replace the "|" with "‣" you'll get your arrow:
var t = text.sourceText;
var l = t.length;
var a = effect("Animation")(1);
var c = ["‣","_","—","<",">","«","»","^"];
var d = effect("Cursor Shape")(1).value;
var reveal = t.slice(0, l*linear(a,0,100,0,1));
reveal + c[d-1];
Then you could add a text animator for Fill Colour and expand its range advanced settings to set the end point to be yellow. Ideally you'd do that in Per Character styling in the expression, but it's quite tricky to get right.
Copy link to clipboard
Copied
Thank you! This was a great solution!

