使用 jQuery 将组件添加到 A-Frame 中的 glTF 文件？

Question

我有 an A-Frame scene 里面有三个 gltf 模型。

我正在尝试以编程方式触发动画，但我不确定自己做错了什么。可能是非常明显的事情，我承认。但经过数小时的研究和摆弄，一定有一些非常基本的东西让我不满意。

保持友善 - 我的 js 不是很漂亮。这是一项正在进行的巨大工作。

查看 Glitch 项目以获得更多上下文，但这可能是个问题，因为我正在使用 jQuery 来存储实体（见下文）。正确的？这是为什么？如果是这样，我该怎么办？

function triggerClip(model, clipToPlay, clipDirection) {
  model.setAttribute('animation-mixer', {
    clip: clipToPlay,
    timeScale: clipDirection
  });
}

编辑：进行更改后，动画开始播放，但我仍然收到有关无法识别 timeScale 的警告。我必须更新 A-Frame 附加功能的版本才能使其按预期工作。

Answer 1

jQuery 将原生 DOM 元素包装在自己的结构中。您必须执行以下操作才能访问它：

 model[0].setAttribute('animation-mixer', {
    clip: 'step' + clipToPlay,
    timeScale: clipDirection
  });

使用 jQuery 将组件添加到 A-Frame 中的 glTF 文件？

Using jQuery to add components to a glTF file in A-Frame?

animation

aframe

setattribute

gltf