如何在Flutter中使用OpenGL

Question

Flutter 1.12发布了支持ffi，我们可以绑定本地的C/C++库来在flutter中使用。我搜索并发现了一些用于dart的OpenGL绑定。我不是很了解flutter，我的问题是： 我们能够将OpenGL绑定到flutter中以在Android和iOS上使用吗？如果可以，如何创建带有OpenGL画布的小部件，就像Android的GLSurfaceView一样。

- noname.cs

---

你想做类似的事情吗？你在这方面有任何进展了吗？ - AlexVestin

有很多库可供使用：https://pub.dev/packages?q=flutter+opengl - Dmytro Rostopira

Answer 1

添加这个包

dependencies:
  flgl: ^0.0.6

---

import 'package:flgl_example/examples/geometries/flutter3d_box.dart';
import 'package:flgl_example/examples/geometries/flutter3d_cone.dart';
import 'package:flgl_example/examples/geometries/flutter3d_cylinder.dart';
import 'package:flgl_example/examples/geometries/flutter3d_triangle.dart';
import 'package:flgl_example/examples/textures/flutter3d_assets_texture.dart';
import 'package:flgl_example/examples/edge_geometry/flutter3d_box_edges_example.dart';
import 'package:flgl_example/examples/flutter3d_examples.dart';
import 'package:flgl_example/examples/geometries/flutter3d_multiple_geometries.dart';
import 'package:flgl_example/examples/geometries/flutter3d_plane.dart';
import 'package:flgl_example/examples/textures/flutter3d_plane_with_texture.dart';
import 'package:flgl_example/examples/geometries/flutter3d_sphere.dart';
import 'package:flutter/material.dart';
import 'package:flgl_example/home.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Named Routes Demo',
      initialRoute: '/',
      routes: {
        '/': (context) => const Home(),

        // flutter3D examples
        '/flutter3d_examples': (context) => const Flutter3DExamples(),
        '/flutter3d_examples/triangle': (context) => const Flutter3DTriangle(),
        '/flutter3d_examples/plane': (context) => const Flutter3DPlane(),
        '/flutter3d_examples/box': (context) => const Flutter3DBox(),
        '/flutter3d_examples/sphere': (context) => const Flutter3DSphere(),
        '/flutter3d_examples/cone': (context) => const Flutter3DCone(),
        '/flutter3d_examples/cylinder': (context) => const Flutter3DCylinder(),
        '/flutter3d_examples/multiple_geometries': (context) => const Flutter3DMultipleGeometries(),
        '/flutter3d_examples/plane_geometry_with_texture': (context) => const Flutter3DPlaneWithTexture(),
        '/flutter3d_examples/plane_assets_texture': (context) => const Flutter3DAssetsTexture(),
        '/flutter3d_examples/box_edges_example': (context) => const Flutter3DBoxEdgesExample(),
      },
    );
  }
}

- Tasnuva Tavasum oshin