flutter_gl

Flutter Gl

การโทรข้ามแพลตฟอร์ม OpenGL API โดย DART ผ่าน DART: FFI จัดเตรียมวิดเจ็ต OpenGL พร้อม widget บน Flutter

รองรับ iOS, Android, เว็บ, macOS, Windows

Linux todo

ใช้โดยสาม _dart

Opengl API

API นั้นคล้ายกับ WebGL

รองรับการดึงไปยัง FBO เท่านั้น จากนั้นแบ่งปันพื้นผิว FBO ไปยังด้านพื้นเมือง

นำเข้า

 import 'package:flutter_gl/flutter_gl.dart';

การใช้งาน

 int width = 200;
int height = 200;
num dpr = 1.0;

flutterGlPlugin = FlutterGlPlugin();

Map<String, dynamic> _options = {
    "width": width, 
    "height": height, 
    "dpr": dpr,
    "antialias": true,
    "alpha": false
};    
await flutterGlPlugin.initialize(options: _options);

// on web this need called after web canvas dom was added to document
await flutterGlPlugin.prepareContext();

// you can get gl by
gl = flutterGlPlugin.gl;

// then you can call OpenGL ES API by gl like
gl.clearColor(0.0, 0.0, 0.0, 1.0);
gl.clear(gl.COLOR_BUFFER_BIT);

// use this method to notify Flutter update Texture Widget
// sourceTextue is a texture which bind to FBO framebuffer
flutterGlPlugin.updateTexture(sourceTexture);

เหตุใดจึงต้องใช้ NativeArray แทนที่รายการ DART

รายการ DART แปลงเป็นตัวชี้ FFI ต้องการสำเนา memeory

รันตัวอย่าง

โคลนหรือดาวน์โหลด repo นี้

 cd flutter_gl/flutter_gl/example

flutter run

แบ่งปันบริบท OpenGL ด้วย flutter_gl

Android

เมื่อเริ่มต้นปลั๊กอินให้บันทึกบริบท OpenGL แชร์ด้วย ThreeeGl

 ThreeEgl.setContext("shareContext", shareEglEnv.eglContext);

เพื่อให้คุณสามารถใช้ Threeegl Lib จากนั้นสร้างตัวเอง OpenGL Context Share ด้วย "ShareContext"

 shareContext = ThreeEgl.getContext("shareContext");

iOS

สำหรับ iOS กุญแจคือ 3 ...

 eAGLShareContext = ThreeEgl.getContext(key: 3);

เว็บ

ไม่ต้องการ? เพียงแค่ webgl

หน้าต่าง

ไม่สนับสนุนบริบทรับแชร์ตอนนี้

Android

ตรวจสอบตัวอย่างโครงการคัดลอกตัวอย่าง/Android/App/Libs/AARS/tearegl.aar ไปยังแอปแอป Android Project เดียวกัน

เปลี่ยน minsdkversion 24

ภาพหน้าจอ

ปัญหา

ยื่นปัญหาข้อบกพร่องหรือคำขอคุณลักษณะใด ๆ

การบริจาค

ขอดึงขอ!