Xristi

Thank you mvanelgjen. I'm doing very well with my animated arrows thanks to you and GSAP!!! Most appreciated.

OK. Somewhat comforting to know that things like this happen to people as talented and accomplished as you Thank you for all your help, Xristi

Hi, not sure you can help me with my new barrier to success because you solved the problem that I posted. The animation runs perfectly on the page I submitted for the codepen. However, when I ported the code to the actual page for its intended use, it did not show when its function was called. So I fiddled around with the css and html code. The changes I have made either kept the svg from appearing or, when it did appear it was preceded by the completed svg appearing, then the animation. Is there something I am doing wrong that rings a bell, or should I repost?

Thank you for your quick reply. As I get better at animating SVGs with GSAP I'll use more shapes. Right now, I only use the triangle described by a path (written by me). Sure would like to use Boxy and, in fact, I just downloaded it. I used Inkscape for a little experimentation and it had a selection in Edit that gave a path for the object just drawn. Does Boxy have that? You used the word "export"; What is exported? Thank you for teaching me stuff!

I'm sorry... more learning to be done. What is the name of the program you used to generate the SVG for the triangle? Thank you!

This is wonderful!! Thank you so much. I am so grateful that you decided to post a reply even after my "fixed" edit. I meant that I thought I had fixed my code to run even though I didn't like the result ; wrong. It didn't run but I thought someone might still look at the code and you did! I not only learned exactly what I need to know with regards to this important animation in my ITS, but learned a lot about posting a pen. Such a thorough response - you are to commended as well as thanked... Xristi

My code pen uses two different functions to separately animate a line and the arrowhead that travels along the line's path at the head of the lengthening line. I used a timeline to try to synchronize their movement, keeping the arrowhead at the head of the animating line moving towards its target. Quite unsatisfactory even with no eases. This can't be much of a problem, but in all my searching I can only find objects moving along a static path. Spent a lot of time on this (of course I learned a lot, too); if anyone can help I'd be most grateful.

I am puzzled by the fact that I use this animation of a progress pyramid with SplitText and it runs just fine on all other pages but not this one. Anyhow, I removed the rotation aspect (don't really need it) and the pyramid works just fine. Thank you for your always timely attention to my questions...

Hi, getting a warning of "Invalid property rotation set 180 Missing plugin? gsap.registerPlugin(); I have gsap 3 and I changed my tl variable to gsap.timeline() but still get this message. Of course, the program still runs locally but, in reading about this problem it probably won't run when I finally get the program on the internet. Is gsap.registerPlugin(some plugin); the fix? - if it is, where does it go? Thank you!!

Hi Jack, Great explanation! Thank you!!

Hi Craig, One more thing... After I have declared the variable for the delayedCall and killed it can I bring it back to life via the variable?

Yes! gsap is being read... now, can I instantiate a delayedCall that I have declared a variable for - I know how to kill it now but not how to give it life!

Thank you, Craig... got it. I've gone to many different gsap pages - don't recall where the link is except that it said "How doI get it?"

Hi Zach, The link only tells me of the changes made for gsap 3. I did find a link called "How to get it" but it's dead.

I try to establish a variable for my delayed calls so I can kill them under certain circumstances. When I use the form var dC_1 = gsap.delayedCall(1, myFunction); as suggested gsap shows an error as undefined. What do I need to import to eliminate the error? When I use var dC_1 = TweenMax.delayedCall(1, myFunction); I get an error as well. I am a Shockingly Green member... perhaps I should upgrade some of my gsap imports?