u/creativemaybenoin r/FlutterDev • Recommends
In-Depth Explanation of Metaballs Using Canvas at 60 FPS
0:00 / 0:00
Challenge: Metaballs & why we need Shaders in Flutter
creativecreatorormaybenot
1.7K subscribers • 3 videos on Hallway
- Recommended by 1 person: 1 in engineering communities.
- Linked in the descriptioncreativecreatorormaybenot/funvas
Advanced. Deep dive for people who know the field.
3.7K views5 years ago1 recommendation
Graphics and audioMobile developmentRenderingGPUs, shaders and CUDAFlutter and React Native
An in-depth explanation of rendering metaballs at 60 FPS in Flutter using Canvas and why fragment shaders are useful.
Inspired by SuperDeclarative!'s attempt at metaballs in Flutter, I decided to challenge creating the effect running at 60 FPS and explain why access to more shaders is useful. twitter.com/creativemaybeno/status/1414180416760651780?s=20 Links: Matt's video youtu.be/Iyh81vS3lFM Source code github.com/creativecreatorormaybenot/funvas/blob/7c1d7f8e931… Funvas repo github.com/creativecreatorormaybenot/funvas Cubic Bézier tool cubic-bezier.com Funvas package pub.dev/packages/funvas Gallery live demo funvas.creativemaybeno.dev/#/30 Flutter Fragment Shaders doc docs.google.com/document/d/1z9K5LernwQ0LVAzfbAMW6ITx63QRdRso… Challenge Inspiration Setup Background Balls movement Gradients & blend modes Colors & color stops Distance Easing Cubic Bézier Challenge completed Max shader resolution Why we need shaders in Flutter You can learn anything.Why it's here
1 person recommends thisWhat people say. Recommended for its in-depth explanation of high-performance canvas rendering and metaballs in Flutter.