在 Flutter 中实现 3d 模型答案

【问题标题】：implement 3d model in flutter在 Flutter 中实现 3d 模型
【发布时间】：2022-08-21 16:12:42
【问题描述】：

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

谢谢

【解决方案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 模型，但是，如果您想直接在应用程序主体中实现，它也是一样的。

【讨论】：