如何使用Flutter创建3D动画？求支持多3D模型同步平移的第三方资源

以下是几个可行的第三方库和实现思路，覆盖不同3D格式需求：

• model_viewer_plus
  支持加载glTF/GLB等主流3D格式，基于WebView实现。要同步平移，你可以维护一个全局偏移变量（比如Offset _globalPanOffset = Offset.zero），关闭每个模型的cameraControls后，通过自定义样式或控制器将偏移量应用到所有模型上。配合PanGestureDetector捕获手势偏移，实时更新全局变量，所有模型就会同步移动。

• flutter_3d_obj
  针对OBJ格式模型的轻量库。直接给每个模型组件传入统一的translation参数（例如Translation(x: _currentX, y: _currentY, z: 0)），通过手势监听更新_currentX和_currentY，就能实现多模型同步平移。

• Rive 3D
  你提到的类似Rive的3D方案，目前Rive已经支持3D内容创作。在Rive编辑器中创建包含多个3D元素的动画文件，给所有需要同步的模型绑定相同的位置参数；Flutter端使用rive库加载文件后，只需修改这个共享参数的数值，就能让所有3D模型同步平移，无需手动处理每个模型的状态。

• three_dart
  这是Flutter上的Three.js封装，自由度极高。你可以创建一个统一的3D场景，将所有模型添加到场景中，通过两种方式实现同步：

  1. 调整相机位置，让整个场景（包含所有模型）同步平移；
  2. 给所有模型添加相同的位移变换，遍历模型列表统一设置position属性。

核心实现要点 #

• 所有方案的核心是维护全局共享的位置状态，确保所有模型使用同一套位置参数；
• 用Flutter自带的手势组件（如PanGestureDetector）捕获用户操作，实时更新全局状态；
• 复杂场景建议用Provider、Riverpod等状态管理工具，简化状态传递逻辑。

内容的提问来源于stack exchange，提问作者Steve