Skip to content
0:00 / 0:00

#flutter#canvas#drawvertices

Canvas.drawVertices — Incredibly fast, incredibly low-level, incredibly fun

Filip Hracek

18K subscribers • 5 videos on Hallway

YouTube
  • Recommended by 2 people: 2 in engineering communities.
  • Presented by Filip Hracek

Advanced. Deep dive for people who know the field.

22K views3 years ago2 recommendations

Graphics and audioSystems programmingRenderingPerformance and optimization

Filip Hracek explains how to use Flutter's low-level drawVertices API to build high-performance custom 2D and 3D renderers.

One of Flutter's lowest-level APIs is the drawVertices method, which allows you to efficiently draw an astounding amount of *stuff* on the screen. That stuff can be lines, rectangles, polygons, particles, and whatever else you can think of. This method is how people (including Filip) can even implement specialized 3D renderers on top of Dart that run fast on mobile, web and desktop. In this talk, Filip will explain the API of Canvas.drawVertices() and the Vertices.raw() constructor — both are obscure, very low-level, and hard to explain in documentation alone. But they are worth it when you need to squeeze the last bit of performance out of Flutter. We'll also cover Canvas.drawLines, for good measure. This talk is part of Flutter Forward, a 2023 official Flutter conference in Nairobi, Kenya.

Why it's here

2 people recommend this

What people say. Highly recommended for developers looking to squeeze maximum graphics performance out of Flutter or build custom renderers.

u/bizz84in r/FlutterDev • Recommends

On “February 2023: Flutter Forward Recap, Flutter 3.7, Dart 3 Alpha, ServerPod 1.0”

My latest Flutter newsletter is out, covering: * Flutter Forward Recap ✨ * What's new in Flutter 3.7 🔥 * ServerPod 1.0 release 🚀 * Riverpod Lint package 🎯 Here are my top picks from the Flutter Forward playlist: * 4 things to know about the future of Flutter * Bringing pattern matching to Dart * Flutter Forward - Making UI Animation Easy & Fun * Canvas.drawVertices — Incredibly fast, incredibly low-level, incredibly fun * Top cloud development tips for Flutter developers * Prototyping beautiful designs with Flutter * Preview: Two-dimensional scrolling in Flutter * Adaptive UI for a multiplatform world * What is Impeller? * [Control your Flutter app on the fly with F…

u/i_am_cyberadminin r/FlutterDev • Recommends

On “Is Flutter good enough for a card Game?”

There is also the 3D game from Filip Hráček: [video He has a nice video about how he implemented it's own 3D in Flutter: link to this video