Flutter, Flame, and Fragment Shaders
summary
Shows how the Flame Shader Pipeline API and Flutter fragment shaders are wired together, using canvas paints, animated samplers and image samplers to make glass/watermorphism, fog, light reflection, mesh gradients and pixelation. Notes that imageFilter.shader is Impeller-only with strict structure, and that toImageSync can delay frames, so postprocesses must be sequenced carefully. Demonstrates a Saturn 5 launch game built with Flame postprocessing components, multiple shader passes and camera effects, which runs and will be open sourced.
AI-written summary · about
chapters (11)
- 0:00Flutter shaders & Flame intro
- 3:18Fragment shaders explained
- 7:15Shaders with Flutter canvas
- 10:02Sampling children with shaders
- 13:34Post-processing in Flutter
- 16:45Flame game engine crash course
- 19:39Shaders with Flame components
- 21:47Flame’s post-processing API
- 24:35Saturn V game demo
- 30:24Layering shaders in demo
- 35:09Summary & open-source
