u/Pixelredditin r/FlutterDev • Recommends
Performant painting with Flutter fragment shaders
0:00 / 0:00
Building custom fragment shaders - Flutter Build Show
Flutter
634K subscribers • 172 videos on Hallway
- Recommended by 2 people: 2 in engineering communities.
- Made by the vendor. The company whose product it covers made or sponsored it.
Advanced. Deep dive for people who know the field.
49K views3 years ago2 recommendations
Graphics and audioMobile developmentRenderingGPUs, shaders and CUDAFlutter and React Native
How to write custom GLSL fragment shaders and integrate them into a Flutter application for performant rendering.
Learn how to build a custom fragment shader, from GLSL code to the widgets that connect it to the rest of your Flutter app. Chapters: - Background of Flutter rendering - Writing a simple shader - Adding the shader to Flutter - Passing a color value - Difference between widgets and custom shaders - Adding a gradient to our shader - Handling color alpha - Conclusion Resources: Book of Shaders → goo.gle/3qbNVO8 Next-gen UIs in Flutter → goo.gle/3IErjvZ Codelab → goo.gle/3MVQgpm Solid_fill.frag → goo.gle/3MA29zD Catch more videos → goo.gle/FlutterBuildShow Subscribe to Flutter! → goo.gle/FlutterYT #FlutterBuildShowWhy it's here
2 people recommend thisWhat people say. Recommended as a high-level overview and practical guide to understanding and using shaders in Flutter.
u/AerodynamicCheesein r/FlutterDev • Recommends
On “The concept of shaders have confused me ever since and it's getting more and more confusing.”
The post that linked Book of Shaders explains the concept very well. But if you are interested how it works in Flutter the following video from Flutter team is a very good high level overview of the topic: link to this video