Flutter + Three.js (WebView)实现桌面端3d模型展示和交互

flutter(桌面端)瓶颈

Flutter 本身并不直接支持 3D 桌面应用程序的开发 ，Flutter 使用的是自己的渲染引擎（Skia），它旨在高效地处理 2D 绘制和界面构建，而不是 3D 图形渲染。Skia 是一个强大的 2D 渲染库，但它没有为复杂的 3D 场景优化，因此 Flutter 本身对 3D 的支持较弱。因此如果想在flutter 中实现3d模型并实现交互，则需要用别的方式。

一、Flutter+three.js

这种方式，我是比较推荐的，如果你是前端的开发者，用这种方式，可以很快的上手实现。先来看一下整体的视频效果： 视频效果

图片效果：

即：用不同的按钮控制模型的样式，一个按钮是为模型添加皮肤，一个按钮是可以正向旋转模型，一个按钮是可以反向旋转模型，另一个按钮是可以在模型的指定位置添加自己定义的数字。

占用的性能:

二、Flutter+three.js 实现思路