#283 · Primary category: Video & Animation

vectalign

android android-development morphing-animations svg-images svg-path vectalign

Tool for create complex morphing animations using VectorDrawables (allows morphing between any pair of SVG images)

Project last updated:06/22/21

GitHub Stars

2.0K

Forks

159

Contributors

3

License

Other

Why we included this project

Anyone who has hand-tuned Android path data to get two icons to morph knows how quickly it turns into a slog. AnimatedVectorDrawable will only interpolate between paths built from the same sequence of SVG commands, and once the shapes get interesting, matching them by hand is slow and easy to get wrong. VectAlign takes two VectorDrawable pathData strings or SVG images and rewrites them into a compatible pair, so shapes that look nothing alike structurally can still animate into each other. It runs from the command line or a small GUI that previews the morph live and exports the result. If you maintain an app with animated icons or logo transitions, this is a handy tool to keep around instead of doing the path surgery yourself.

Articles for this project

No articles for this project yet.

To suggest a topic or contribute an article, contact us.

Related projects in this category