ShapeShifting: Creating delightful icon animations
summary
Animated vector icons are shown as practical recipes not theory with concrete limits and fixes: Android VectorDrawable is a subset of SVG, even-odd fill is only supported from API 24 unless using Support Library 25.4 which backports even-odd and AnimatedVectorDrawable to ICS, path morphing requires identical command counts and parameter types so tools must insert dummy control points, and Shape Shifter automates that work enabling path morphing and trim path animations plus clip‑mask techniques and concrete XML examples.
AI-written summary · about
chapters (16)
- 0:00Intro
- 0:25My fascination with icon animations
- 2:43Number twinning
- 3:27Icons can be more
- 4:33What is SVG
- 7:17SVG instructions
- 11:02VectorDrawables
- 11:50Path
- 12:09Vector path
- 13:05EvenOdd Fill
- 16:55Animated Vector Drawables
- 18:31Transforms
- 19:49Trim
- 21:21Path morphing
- 23:57Path clipping
- 27:06Resources
related talks
31mShapeShifting: Creating delightful icon animations
48mOne Shot: Meaningful vector animation using Shape Shifter
39mIn-depth path morphing w/ Shape Shifter
44mIn-depth path morphing w/ Shape Shifter
49mMobiconf: Mark Allisson, blog.stylingandroid.com
41mVectorial Victories
46mVector Workflows
45mVector Workflows