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

Question

我已经开始学习Threejs了，我想知道是否可以使用远程URL加载3d模型，当我阅读德雷氏文件时，我注意到了一个URL参数，尽管故事书似乎是从本地资源加载3d模型，而且我还没有找到一个使用远程资源的示例。

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

理想情况下，我希望在JSON字段中包含一个指向3d模型的URL，用于呈现我的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} />;
}