Animations with SwiftUI
summary
Shows how SwiftUI composes layers and animates their animatable data rather than animating high‑level intents, demonstrates using a custom GeometryEffect with animatableData to make a rectangle shake, and proves the approach works (tuned to ±30px and repeated three times). Uses console dumps and a Grapher for tuning the sine curve, explains interpolation from 0→1 and how wrapping a view in another layer enables nontrivial path/oscillation animations.
AI-written summary · about
chapters (11)
- 0:00Start
- 0:23Scrollviews
- 3:50Observe Changes
- 5:13Animation
- 6:18Add an Animation
- 6:53Mental Model
- 11:05Animations
- 13:35Adding another Layer
- 13:53Geometry Effect
- 14:14Shake Effect
- 15:15The Grapher
related talks
16mAnimation juice in SwiftUI
32mThe Art & Science of SwiftUI Animated Experiences
07mExploring SwiftUI Path Animations featuring Japan Symbol Quiz
33mSpecial effects with SwiftUI
25mSpecial effects with SwiftUI Text
18mPrototyping Custom UI in SwiftUI
28mElevating your design with SwiftUI
23mUnderstanding Render Loop to optimise SwiftUI