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

Question

我已经开始学习 Threejs，我想知道是否可以使用远程加载 3d 模型 URL，当我阅读时 drei's documentation, I noticed a URL parameter though the storybook 似乎是从本地加载 3d 模型资源，我还没有找到使用远程资源的示例。

It defaults to CDN loaded draco binaries (https://www.gstatic.com/draco/v1/decoders/) which are only loaded for compressed models.

理想情况下，我想在 JSON 字段中包含一个 URL 到 3d 模型，用于我想渲染我的 React 应用程序的对象。

Answer 1

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

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

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

Load models from remote URL with ThreeJS/FIber

three.js

reactjs

react-three-fiber