DrX
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by DrX
-
-
Thanks so much. All the options work, but using timescale to stop tl0's clock just blew my mind!
- 1
-
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 killtl0
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.
Possible bug in MotionPathPlugin
in GSAP
Posted
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.
See the Pen jOGpMRb by Dr-X (@Dr-X) on CodePen