reactjs - 使用 ThreeJS/FIber 从远程 URL 加载模型

Question

我已经开始学习 Threejs，我想知道是否可以使用远程 URL 加载 3d 模型，当我阅读drei 的文档时，我注意到一个URL参数，虽然故事书似乎从本地资源加载 3d 模型，但我没有'没有找到使用远程资源的示例。

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

理想情况下，我想在我想渲染我的反应应用程序的对象的 JSON 字段中包含指向 3d 模型的 URL。

标签： reactjsthree.jsreact-three-fiber

Answer 1

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

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