DrX

I'm using a long, long, long, path. It is drawn in dark red on the codepen. The final two figures (ip = 998, 999) do not line up on the path. I expected them to fit into the final two spaces along that path. Instead they show up at the origin of the svg i.e. in the top left corner. The second last one (ip = 998) eventually moves on to the path as the animation gets underway. This suggests the problem is related to position values close to 1.0 Is this a known issue / limitation? Is there a workaround? Or am I doing something wrong? Thanks in advance, Two more things: (1) I am really enjoying using gsap - thanks for making it. (2) Is there any way to articulate the little male figure's arms? I'd love for him to be able to wave them up and down.

Thanks so much. All the options work, but using timescale to stop tl0's clock just blew my mind!

Hi! I've got two timelines that individually work nicely: tl0 slides an image. The long duration (120s) is to get the correct speed. tl1 has three text bullets appear in sequence (i.e. "PowerPoint" style). Can someone help me get tl1 to pause and/or kill tl0 when the text has finished appearing. Thanks! Lots of failed attempts in the code below: let tl0 = gsap.timeline(); tl0.set("#waves", {attr: {x: -canvasWidth}}) .to("#waves", {duration: 120, attr: {x: 0}}); let tl1 = gsap.timeline(); tl1.set("#text1-ln1, #text1-ln2, #text1-ln3", {opacity: 0.0}) .set("#text1-ln1", {delay: 1.0, opacity: 1.0}) .set("#text1-ln2", {delay: 1.0, opacity: 1.0}) .set("#text1-ln3", {delay: 1.0, opacity: 1.0}) // .call(console.log, ["Ended."]) // Works. // .call(tl0.pause); // Doesn't work. // .call(tl0.pause, []); // Doesn't work. // .call(tl0.pause, [null]); // Doesn't work. .call(tl0.pause, [null, false]); // Doesn't work. // .call(tl0.pause, [null, true]); // Doesn't work. // .call(tl0.pause, null); // Doesn't work. // .call(tl0.pause, null, ">"); // Doesn't work. // .call(tl0.pause, null, "<"); // Doesn't work. // .call(tl0.kill); // Doesn't work. // .call(tl0.kill, []); // Doesn't work. // .call(tl0.kill, [null]); // Doesn't work. // .call(tl0.kill, null); // Doesn't work.