fireball
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by fireball
-
-
Hello
Having googled this issue for some time I'd really appreciate some help. I'm sure this is simple when you know how!
I'm adapting the svg animation technique here
See the Pen zLiux by GreenSock (@GreenSock) on CodePen
I want to animate a number of paths using a timeline. I've setup a very simple 2 item demo of the issue: .
This demo first calls the setupNext function to set the length and pathLength object (obj).
The first tween draws the first path (triangle) just fine.
onComplete in the first tween calls the setupNext function again to get and set length and pathLength values for the second path to tween.
In this second tween the length appears to set to zero (the rectangle vanishes) but the value doesn't tween to draw it again.
Looking at a console.log() of the object it's clear I'm not setting it in the right way for the second tween. Is this a scope problem? Should I use invalidate()?
Anyone able to point me in the right direction?
Thank you.
SVG Animation: changing path object in timeline
in GSAP
Posted
Carl.
So neat!
Thank you. Thank you. Thank you....