reactjs - 如何在 ReactJs 中将 DRACOLoader 与 GLTFLoader 一起使用？

Question

我有一个用例，其中我尝试加载使用 DRACO 压缩压缩的 GLTF 文件。我可以使用纯 JavaScript 运行它，但我面临着将加载器与 ReactJs 集成的问题。

我在做什么:

• 将 draco 库从此处复制到我的应用程序范围 - https://github.com/mrdoob/three.js/tree/master/examples/js/libs/draco
• 将 DRACOLoader.js 从此处复制到我的应用程序范围 - https://github.com/mrdoob/three.js/blob/master/examples/js/loaders/DRACOLoader.js
• 将其导出为我的应用程序中需要的 THREE.DRACOLoader 模块

我收到的错误 - DracoDecoderModule 未定义

在我的应用程序中，这就是我导入的方式:

  import DRACOLoader from './DRACOLoader'
  DRACOLoader.setDecoderPath('./draco/')

Answer 1

建议使用https://www.gstatic.com/draco/v1/decoders/作为解码器源目录，例如:

const draco = new DRACOLoader();
draco.setDecoderConfig({ type: 'js' });
draco.setDecoderPath('https://www.gstatic.com/draco/v1/decoders/');

参见示例https://github.com/google/draco/tree/master/javascript/example .