Bringing Your Canvas Creations to Life with Jetpack Compose
summary
Shows concrete Compose code and production results: uses Jetpack Compose Canvas with src atop and dest in blend modes, keyframe timings (3s, 4s, 7s), masking via graphic layers, and a downscale-blur hack (78px → tiny 2KB bitmap) to keep particle blur cheap. Delivers a custom particle engine and a published library Canvas Emitter, motion-blur via layered ghosts instead of expensive render effects, concrete DP values (5dp padding, 1–3dp strokes) and says these effects run in production.
AI-written summary · about
chapters (12)
- 0:00Canvas animations in Jetpack Compose
- 2:12Gradient over text with mask blend
- 6:02Animating colors in gradients
- 7:29Mesh gradients with blend modes
- 9:19Fade-in fade-out with dest blend
- 11:07Vertical gradient text animation
- 14:15Dense blend effects with blur
- 21:483D bubble effects on canvas
- 27:32Particle emitter engine
- 31:48Optimizing blur for Android
- 33:55Fortune wheel with motion blur
- 37:00Q&A
related talks
37mJetpack Compose for Games & Animations
32mJetpack Compose for Games & Animations
36mJetpack Compose: Drawing without pain and recomposition
41mCompose by Example
39mJetpack Compose: Drawing without pain and recomposition
36mCreative Coding with Compose
31mComposing in your Canvas!
11mFrom Zero to Particles: Animated particles Workshop