Download
Shape Shifter is a web-app that simplifies the creation of icon animations for Android, iOS, and the web. This tool currently exports to standalone SVGs, SVG spritesheets, and CSS keyframe animations for the web, as well as to AnimatedVectorDrawable format for Android. I am totally open to adding support for other export formats as well, so if you have a format that you'd like to see added in the future, file a feature request! The ability to add/remove points to each path without altering their original appearance. The added points can be modified by dragging them to different positions along the path, and they can be later deleted using the keyboard as well. The ability to reverse/shift the relative positions of each path's points. While reordering points won't affect whether or not two paths are compatible, it often plays a huge role in determining the appearance of the resulting animation.
Features
- Shape Shifter automatically converts incompatible pairs of SVG commands into a compatible format
- There's no longer any need to convert Ls into Qs and As into Cs by hand
- Useful utility called 'auto fix', which takes two incompatible paths and attempts to make them compatible in an optimal way
- The ability to export the results to SVG spritesheets
- For use on the web and in Android applications
- Auto fix is powered by an adaptation of the Needleman-Wunsch algorithm
Project Samples
