使用 ThreeJS/FIber 从远程 URL 加载模型答案

【问题标题】：Load models from remote URL with ThreeJS/FIber使用 ThreeJS/FIber 从远程 URL 加载模型
【发布时间】：2021-07-02 10:28:30
【问题描述】：

我已经开始学习 Threejs，我想知道是否可以使用远程 URL 加载 3d 模型，当我阅读 drei's documentation 时，我注意到 URL 参数虽然 storybook 似乎加载了来自本地资源的 3d 模型，我还没有找到使用远程资源的示例。

它默认为 CDN 加载的 draco 二进制文件 (https://www.gstatic.com/draco/v1/decoders/)，它只为压缩模型加载。

理想情况下，我想在 JSON 字段中包含一个指向 3d 模型的 URL，用于呈现我的 react 应用程序的对象。

【问题讨论】：

标签： reactjs three.js react-three-fiber

【解决方案1】：

我将我的模型上传到 AWS 存储桶并启用了 CORS，我害怕需要进行大量配置，但这似乎工作正常：

function Model(props: any) {
  const { scene } = useGLTF(
    "https://s3.amazonaws.com/model.foo/bar.glb"
  );
  return <primitive object={scene} {...props} />;
}

【讨论】：

哦，我有同样的问题和堆栈。感谢分享