Pixel with Superpowers: Modern Android UI with AGSL Shaders
summary
AGSL lets Android UIs run tiny GPU programs directly in Compose, compiling once with RuntimeShader + ShaderBrush or as a renderEffect via renderEffect/contents uniform, and targets Android 13 (API 33+) ~70% devices. Examples: a full‑screen animated gradient driven by a time uniform and sine waves, a neon pulsing ring built from a signed distance field, and a grayscale image that reveals color under touch using distance + smoothstep. Performance claim: GPUs compute ~2M pixels in parallel at 60Hz, no external libraries, and the demos run live in Compose.
AI-written summary · about
chapters (7)
- 0:00AGSL shaders in Jetpack Compose
- 2:32First AGSL shader
- 8:43Animated colorful gradient
- 16:21Glowing neon circle with distance fields
- 27:47Transforming pixels with shaders
- 37:15Touch-controlled spotlight effect
- 41:54Shader math in AI era
related talks
46mDemystifying Pixel Shaders (AGSL)
34mUnlocking the Power of Shaders in Android with AGSL and Jetpack Compose
39mDemystifying Pixel Shaders (AGSL)
16mAndroid Graphics
32mDemystifying Pixel Shaders (AGSL)
36mCreative Coding with Compose
36mPractical implementations of powerful UI expressions using Jetpack Compose
40mAndroid Graphics Performance