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

【问题标题】：Using jQuery to add components to a glTF file in A-Frame?使用 jQuery 将组件添加到 A-Frame 中的 glTF 文件？
【发布时间】：2019-05-07 11:31:28
【问题描述】：

我有 an A-Frame scene，其中包含三个 gltf 模型。

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

做个好人 - 我的 js 不是很漂亮。这是一项正在进行中的巨大工作。

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

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

编辑：更改 suggested by Diego 后，动画播放了，但我仍然收到有关 timeScale 无法识别的警告。我必须更新 A-Frame extras 的版本才能使其按预期工作。

【问题讨论】：

标签： animation aframe setattribute gltf

【解决方案1】：

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

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

【讨论】：

这会将属性添加到模型中，但根本没有设置值。
我想出了另一件事。我使用的是过时版本的 a-frame extras！哦。这解决了浏览器无法理解 timeScale 的问题。