3 ms·
I am working on svg animations right now (on Android, but AFAIK it is pretty much the same on the web). Tooling is pretty poor at the moment, even though this
by on_and_off 10y ago
I am working on svg animations right now (on Android, but AFAIK it is pretty much the same on the web).
Tooling is pretty poor at the moment, even though this is changing rapidly with :
https://romannurik.github.io/AndroidIconAnimator/ https://romannurik.github.io/AndroidIconAnimator/
and
https://shapeshifter.design/ https://shapeshifter.design/
that are quickly starting to cover this ground (but they still need a lot of work).
Animating an svg shape to another in a nice way has been doable for some time, like for example : https://material.uplabs.com/posts/animations-in-pocket-casts https://material.uplabs.com/posts/animations-in-pocket-casts
Doing so is really time intensive though as soon as your shapes are not trivial, especially since without these two recent tools, you are left with a sheet of paper as your best instrument ..
I would have gladly paid 20 $ last year for a tool allowing me to efficiently create such an animation.
- cvarjas 10y agoPerhaps http://snapsvg.io/ http://snapsvg.io/ could work for your use case?
- on_and_off 10y agonope, this only allows you to edit an svg with js code. That's not applicable to another platform. I need to modify the svgs themselves in order to make them morphable. That's easier said than done since they need to contain the same instructions in the same order (with only different parameters) and the transition cannot be random.
- alexjlockwood 10y agohey, i'm the guy who is developing shape shifter. glad to see you have been using it. if you have any feature requests or suggestions i'd love to hear them! just file something on GitHub: https://github.com/alexjlockwood/ShapeShifter/issues https://github.com/alexjlockwood/ShapeShifter/issues p.s. IDK if you have used the tool recently, but i just published an update that makes the tool much easier to use IMO. :)