flutter-windows-ANGLE-OpenGL-Direct3D-Interop

Hardware accelerated rendering on Flutter Windows Texture Widget using OpenGL ES 2.0 from ANGLE.

Introduction

The main goal is to render stuff inside Flutter Windows using OpenGL APIs in a hardware-accelerated manner with GPU-backed buffers. This in turn can be used to render hardware accelerated video-playback, a game's visual output etc.

ANGLE (Almost Native Graphics Layer Engine) is used for this purpose, which translates these OpenGL calls to Direct3D (which Flutter Windows now supports) calls internally & performs rendering.

The example uses the new Direct3D texture interop capability for Flutter Windows added by @jnschulze. I compiled ANGLE for Windows on my machine & .DLLs / .LIBs are present in this repository, which are used by the application. The code in this repository is very straightforward & procedurally written without any boilerplate. Hope this serves as a great example.

Notes

As of 07/07/2022, you need to be on master channel of Flutter.

Flutter 3.1.0-0.0.pre.1533 • channel master • https://github.com/flutter/flutter.git
Framework • revision 78e3b93664 (5 hours ago) • 2022-07-07 08:34:06 -0400
Engine • revision 56faff459e
Tools • Dart 2.18.0 (build 2.18.0-261.0.dev) • DevTools 2.15.0

For Running:

git clone https://github.com/alexmercerind/flutter-windows-ANGLE-OpenGL-Direct3D-Interop.git
cd flutter-windows-ANGLE-OpenGL-Direct3D-Interop
cd example
flutter run --verbose

Acknowlegements

@jnschulze for working on Windows: Add Direct3D texture interoperability support in flutter/engine.
@clarkezone for awesome ANGLE + Windows article at A common OpenGL renderer for UWP and Win32 using ANGLE and Win.UI.Composition.

References

License