VectorVictor
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by VectorVictor
-
-
3 minutes ago, PointC said:
I'm not sure I follow. Do you mean injecting the SVG rather than inline code?
Yes, exactly. I haven't been able to interact with (that is, animate) the SVG unless I include the whole text inline. The <img>, <object>, <?php> injections haven't worked for me with GSAP.
-
@PointC, it worked!
Now- this is a bit beyond the scope of the forum, but do you know of a clean way to call the .svg file by name rather than having me clog up my 'index.html' file with 1600 lines of gobbledygook?
See the Pen XWmOVgE by whatsyourvectorvictor (@whatsyourvectorvictor) on CodePen
-
1
-
-
1 minute ago, PointC said:
Welcome to the forum.
First - great name. Airplane is one of my all time favorite comedies. 👍
If I understand your question correctly, you have a few approaches. You could certainly loop through and make it happen. You mentioned a stagger and that would work as well. Here's a fork of your demo with a simple stagger and set() on a timeline.
Is that what you meant?
Happy tweening and welcome aboard.
Roger, Roger!
This is precisely what I was looking for. I'll throw it at my big project and tell you how it worked.Cheers!
-
2
-
-
Hello World,
I'm brand new to GreenSock and am eager to make some cool-looking animations.
What I really want to do is to create a 'flipbook' of sorts where each of the individual paths in an SVG will appear and disappear in sequence, simulating motion. For this project, I can't use the fancy translation/rotation tools on a single object- each path is distinct.
I put together a non-working toy example in CodePen and have been hitting the wall. My thought was to stagger changes in opacity (on-off). If this animation works, the toy example will show no more than one line at a time and will simulate the rotation and slight translation of a line.
I might be able to put together a kluge in CSS, but the final object of this project will be a 300-path SVG file, so I'd prefer something that's natively able to loop through the paths.
Thank you in advance for any help you can throw my way!
See the Pen QWjYqmV by whatsyourvectorvictor (@whatsyourvectorvictor) on CodePen
A Novice Attempts To Make A Flipbook From SVG Paths
in GSAP
Posted
Thank you for all of your help today. I'll check out that thread. The morph feature looks interesting- I'll also look into that.