In-depth path morphing w/ Shape Shifter
summary
A web app called Shape Shifter automates SVG path morphing for Android by inserting dummy points, converting lines to cubic Beziers, reordering points, and exporting AnimatedVectorDrawable (or an SVG spritesheet). It uses a bioinformatics dynamic‑programming method — Needleman‑Wunsch alignment — to auto‑generate compatible paths so 100‑point hippo → 60‑point elephant morphs, cutting manual edits; tradeoffs include longer compile time and occasional manual tweaking of point placement despite largely working.
AI-written summary · about
chapters (7)
- 0:00Start
- 26:25Minimizing distance between points
- 27:06Add dummy points
- 27:39Pick starting point
- 27:59Morph
- 37:32Triangulate
- 37:47Merge two neighbors, repeat
related talks
39mIn-depth path morphing w/ Shape Shifter
48mOne Shot: Meaningful vector animation using Shape Shifter
31mShapeShifting: Creating delightful icon animations
28mShapeShifting: Creating delightful icon animations
47mLearn Some New Moves: Advanced Android Animation
41mGraphics for Android Developers, Part Deux
31mAnimating SVGs
46mVector Workflows