(Re)creating Magic(Move) with Compose
summary
Recreates Keynote-style Magic Move inside Compose by building a small DSL called Storyboard and using Compose Multiplatform’s shared transition layout and shared element modifiers to animate text edits. Compares diff strategies: character-by-character, Myers (shortest edit script), patience-style unique-match expansion and a custom range-expansion algorithm; finds patience-inspired expansion tracks moved tokens (like extracted locals) far better than Myers but still shows ordering inconsistencies depending on expansion order. Shows live editable examples and says further refinements remain.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 2:07Magic Move in Compose
- 4:34MyersDiff for text
- 8:07MyersDiff limitations
- 9:53Patience diffing algorithm
- 13:31Expanding matched ranges
- 16:21Live demo: text animations
- 17:44Advanced examples & plugin
- 18:04Summary
related talks
27mLeverage Compose Tooling to Improve Your Workflow
32mPractical Magic with Animations in Compose
24mState of the art of Compose tooling
42mGlitz and glamor: the compose edition
36mPractical Magic with Animations in Compose
28mComposable Sheep: A Compose Animations Journey
07m5 quick animations to make your Compose app stand out
27mLeverage Compose Tooling to Improve Your Workflow