aframe - 如何在 aframe-v1.1.0.min 中使用 collada 模型

Question

自 2018 年以来，我一直在使用 a-frame 向我工作的导演展示我的场景图。我为我的对象使用了 colladas 文件，一切都很好，我的纹理也如我所愿。但是自从 webxr (aframe-v1.1.0.min) 出现后，它不再可能使用 collada 我已经尝试过 Gltf 文件，但它太重并且不能令人满意。所以我想知道如何将 collada 放回 a-frame scipts。我试过：“collada-model-legacy.js”和另一个文件夹中的“ColladaLoader.js”，但它不起作用。你有解决方案吗？谢谢

Answer 1

您可以使用 three.js 存储库中的任何加载器 - 也可以使用ColladaLoader。

您可以创建一个包装器组件，该组件将使用 threejs 加载器并将模型添加到场景中：

AFRAME.registerComponent("foo", {
  init: function() {
    const el = this.el;
    // create a loader
    const loader = new THREE.ColladaLoader();
    // load the model
    loader.load("MODEL_URL", function(model) {
      el.object3D.add(collada.scene);
    })
  }
})

一个简单的例子可能是这个组件（在这里查看静态和动画 collada 模型）