Tap it! Shake it! Fling it! Sheep it!

on YouTube ↗32m

" summary

Builds a tappable, draggable, flingable and shoppable Canvas chip using Jetpack Compose and Kotlin Multiplatform with working code on GitHub. Tap toggles scale between 1 and 1.2 using the animatable API and a spring spec, drag uses dragable2D with snapTo for zero input lag, fling computes a target with decay+animateDecay and bounces back to center if out of bounds, device orientation drives independent rotation animatables, and a copied shake detector triggers simultaneous keyframe animations for roll translation and scale. All examples run in the Android emulator or on device.

AI-written summary · about

" chapters (9)

1. 0:00Introduction
2. 3:12Animations with gestures
3. 7:06Tap to scale
4. 11:08Drag and reposition
5. 15:01Fling with decay
6. 20:35Sensor manager setup
7. 23:27Rotation shift
8. 25:31Shake with keyframes
9. 31:11Summary

" related talks

• 32mThe Gesture Animations DanceNicole Terc · droidcon London 2024
• 36mPractical Magic with Animations in ComposeRebecca Franks · droidcon New York 2023
• 51mJetpack Compose for Games & AnimationsWajahat Karim · Android Worldwide April 2021
• 32mPractical Magic with Animations in ComposeRebecca Franks · Droidcon London 2023
• 21mThe Curious Case of Android Gesture AnimationKinnera Priya Putti · droidcon Berlin 2022
• 37mJetpack Compose for Games & AnimationsWajahat Karim · droidcon Italy 2021
• 47mAnimations with Compose: Make Your Apps ShimmeringAntoine Robiez, Baptiste Carlier · Android Makers by droidcon 2023
• 28mComposable Sheep: A Compose Animations JourneyNicole Terc · droidcon Berlin 2022