From Zero to Particles: Animated particles Workshop
summary
A Compose Multiplatform particle emitter library implements two engines: a composable-based renderer for layouted particles and a high-performance canvas-based engine tested to 10,000 particles per second. It calculates positions per frame using withFrameNanos ticker, models velocity, angle, gravity and container edge behaviors (bounce, wrap), and accumulates fractional particles so rates like 1,000 pps at 120Hz, 5,000 at 60Hz, 10,000 at 30Hz actually render. The artifact is ~4 KB and powers campfire, Matrix rain and magic-wand demos.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 1:24Particle emitter library
- 2:30Rendering engines and performance
- 4:14Physics of particle movement
- 5:19Gravity and wind effects
- 5:40Particle fraction handling
- 6:22Edge behavior and collisions
- 7:03Performance benchmarks
- 7:46Adding library to project
- 8:07Demo examples
- 8:50Multiplatform support
- 9:53Starter projects
related talks
38mBringing Your Canvas Creations to Life with Jetpack Compose
45mNatural physics simulations and canvas hackery
36mBuild The Million-Dollar Animation
20mJoyful Particles in Elm
33mMake it Rain: Building particle systems in SwiftUI
37mDemo Reel & Tiny JavaScript
16mTransform Alchemy
37mPixel Art and Complex Systems