通过 three.js 将 gltf-model 添加到 a-frame 场景

Question

如何通过three.js加载器直接使用javascript而不是a-frame标签将gltf-model加载到a-frame场景？

模型会有动画，而且我也想通过three.js来控制这个动画。

提前致谢。

Answer 1

你应该创建一个component，它由三个.js gltf loader组成，像这样：

AFRAME.registerComponent("model-loader",
   init:function() {
   //three js loader code + attaching it to the entity's object3D
   }
});

由于我在使用khronos exporter 处理多个动画时遇到了问题，如果您想要其中的多个动画，请尝试使用three.js JSON。

如果您对任何步骤有疑问，我会说每个步骤都需要单独注意，因此请提出不太广泛的问题。