在 flutter 中实现 3d 模型

Question

我想询问有关使用 HTML 链接在 flutter 中实现 3d 模型的问题。有谁知道如何实施它。我尝试过 Babylonjs_viewer 和 model_viewer_plus 包示例，但它们对我不起作用。如果有人能帮助我，那就太好了，

谢谢

Answer 1

如果您能提供有关该错误的更多信息，那就太好了。

但这就是在 Flutter Web 浏览器中实现我的 3D 模型的方式。

import 'dart:html';

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter/src/widgets/container.dart';
import 'package:flutter/src/widgets/framework.dart';
import 'package:model_viewer_plus/model_viewer_plus.dart';

class My3DModel extends StatelessWidget {
  const My3DModel({super.key});

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      height: MediaQuery.of(context).size.height / 2.5,
      child: ModelViewer(
        src: "assets/3D_model/my_model.glb",
        alt: "A 3D model of Ritchie's model",
        autoRotate: false,
        cameraOrbit: "15deg 90deg -110m",
        cameraTarget: "0m 1.7m 0m",
        fieldOfView: "180deg",
      ),
    );
  }
}

我在单独的文件中创建了 3D 模型，但是，如果您想直接在应用程序主体中实现，则效果是相同的。