Creative Coding with Compose
summary
Shows how Jetpack Compose renders animated generative art by building a grid in UV space and converting to XY with lerp/norm/map, then animates it using a coroutine-driven “sketch” time value. Demonstrates deterministic variation with GLM Perlin/Simplex noise (2D/3D/4D) to make flow fields, maps noise to hue (0–360) for color, and uses polar math for oriented lines. Includes a concrete capture method via pixelCopy (API 28) and notes Android 13 runtime shaders for higher‑performance effects; examples run and produce looping, savable visuals.
AI-written summary · about
chapters (13)
- 0:00Introduction to talk
- 1:36What is generative art
- 4:46Creative coding with Compose
- 6:33Drawing grids in Compose
- 10:11Morphing grid dots
- 13:18Mapping trig functions
- 17:30Capturing frames with PixelCopy
- 19:18Sketch function for animations
- 22:06Noise functions for smooth randomness
- 27:18Flow fields with lines
- 32:34Adding color with hue
- 33:55Shaders in creative coding
- 35:00Closing and summary
related talks
39mComposable Sheep: The Creative Coding Epilogue
32mJetpack Compose for Games & Animations
36mPractical implementations of powerful UI expressions using Jetpack Compose
39mMagic Sprinkles: Adding animations to your app with Jetpack Compose
34mUnlocking the Power of Shaders in Android with AGSL and Jetpack Compose
46mDemystifying Pixel Shaders (AGSL)
41mCompose by Example
43mPixel with Superpowers: Modern Android UI with AGSL Shaders