Jetpack Compose for Games & Animations
summary
Shows concrete Compose APIs and working examples: Canvas plus animateContentSize, AnimatedVisibility, animate values, animatedFloat and Transition. Demonstrations include a button nav built in ~18 lines, a moving square that travels 500 pixels in 1 second, a heartbeat scale to 1.3 with infinite repeats, a full dino game and a 2048 clone, and an exploding FAB from 80 to 5000 using keyframes* (200ms dip to 35, 1s total). Uses experimental animation API and runs on device.
AI-written summary · about
chapters (21)
- 0:00Introduction to talk
- 0:17About speaker and topic
- 1:01What is Jetpack Compose
- 2:27Five animation techniques overview
- 3:11Animate content size explained
- 6:07Customizing content size animations
- 6:29Animated visibility introduction
- 8:39Customizing visibility animations
- 11:33General animate method overview
- 14:08Animate method examples
- 16:58Animated value vs animate
- 20:09Animated value in practice
- 21:16Canvas basics for animations
- 21:58Animated position on canvas
- 23:23Animated value in games
- 24:07Transition method introduction
- 24:54Exploding FAB animation demo
- 31:58Adding color transitions
- 34:54Live demo of animations
- 36:41Resources and further learning
- 39:10Q&A session
related talks
32mJetpack Compose for Games & Animations
37mJetpack Compose for Games & Animations
51mJetpack Compose for Games & Animations
47mAnimations with Compose: Make Your Apps Shimmering
38mBringing Your Canvas Creations to Life with Jetpack Compose
39mMagic Sprinkles: Adding animations to your app with Jetpack Compose
36mCreative Coding with Compose
31mComposing in your Canvas!