Search the Community
Showing results for tags 'svg path animation'.
Found 3 results
-
Hi folks, I'm new to GreenSock and would like to have your help to do things in the right way. I'm developing 2 or 3 paths animated, but when I add a delay parameter to the second SVG path the animation doesn't work... Thanks. -
I recently posted this thread where I shared my solution to animating SVG paths by variables. It was here I was taught that GSAP can animate between SVG path strings (d="M 431,382 C 412,382 402,393...") without needing to teach it what any of those numbers and letters mean - still mind blown. ? Anyway, it made that demo kinda redundant and it was only a test to see if rubberhose animation would be feasable with GSAP. I had some time this afternoon, so with what I learnt in that thread, I put together another demo with some actual rubberhose fun. It also shows how SVG objects can be tracked along a point of another moving SVG object in the same viewbox to simulate 2D rigging. Meet the professor. ?? Of course, all feedback welcome - learn me! ? (again, this isn't a question, I just wanted to share)
-
Hi folks, So I'm pretty new to green sock, so please be gentle, but I'm trying to figure out why my simple atom animation absolutely runs like a dog in chrome on the actual site it is due to go on versus the codepen version. The cpu usage in chrome spikes around 50% when viewed on my site but sits around 30-35%, which just seems insane when the codepen barely breaks 5-10%. All other browsers seem pretty reasonable (not much more than 5-10% cpu usage) The site version - might have to refresh as ngrok seems to be being a bit funny: http://3c225cbe.ngrok.io/ The full screen codepen: http://codepen.io/wijwoj/debug/VPrepv The svg is included as an object on the site vs being inline on the code, but i can't imagine that will make much difference on its own. I have absolutely stripped the site page back to a minimum of other scripts/stuff going on to try and identify what could be interfering/causing the slowdown. Can anybody shed any light on what is going on? Cheers in advance, Wij.
