Blast Off: Managing Hundreds of UI Updates for Emoji Cannons
summary
A Jetpack Compose emoji cannon floods the screen with hundreds to thousands of animated emoji; firing 10,000 items drives memory from ~100MB to ~250MB and one emoji caused ~300 recompositions. Performance fixes include using lambda modifier / graphicsLayer for frequent offset/rotation/alpha updates, removing items from the state on animation end, and grouping nodes with key(...) with UUID IDs so children do not recompose; implemented in production at at tilt and extended toward a particle emitter.
AI-written summary · about
chapters (5)
- 0:00Start
- 8:17Memory footage from Android Profiler
- 14:13ViewModel
- 15:54Key takeaways
- 16:34Bonus: Particle emitter
related talks
16mBlast Off: Managing Hundreds of UI Updates for Emoji Cannons
36mBuild The Million-Dollar Animation
35mNO MORE □ — MASTERING EMOJI ON ANDROID
39mJetpack Compose: Drawing without pain and recomposition
36mJetpack Compose: Drawing without pain and recomposition
32mJetpack Compose for Games & Animations
36mNo More □ — Mastering Emoji on Android
38mBringing Your Canvas Creations to Life with Jetpack Compose