Unlocking the Power of Shaders in Android with AGSL and Jetpack Compose
summary
Shows how AGSL runtime shaders plug into Jetpack Compose via a RuntimeShader and ShaderBrush or as a renderEffect, with concrete code: uniforms for resolution and colors, three working examples (gradient with noise grain, chromatic aberration by offsetting red/blue using an image-as-shader, and a neon glow built from a signed distance field), runtime control via sliders or gestures, and practical gotchas (clip the graphics layer to avoid bleeding). Results are small, runnable shaders that simplify effects otherwise hard to implement.
AI-written summary · about
chapters (7)
- 0:00Introduction and motivation
- 2:59What are shaders and AGSL
- 10:27Gradient shader with noise
- 17:52Chromatic aberration effect
- 23:54Glow effect with shaders
- 30:18Case study in real app
- 31:45Key takeaways and closing
related talks
39mDemystifying Pixel Shaders (AGSL)
43mPixel with Superpowers: Modern Android UI with AGSL Shaders
46mDemystifying Pixel Shaders (AGSL)
32mDemystifying Pixel Shaders (AGSL)
36mPractical implementations of powerful UI expressions using Jetpack Compose
36mCreative Coding with Compose
16mAndroid Graphics
40mImplementing custom fragment shaders