代码之家 › 专栏 › 技术社区 › Adam Marc Williams

沿路径组件事件和状态挂接到帧

webvr aframe

1

Adam Marc Williams · 技术社区 · 8 年前

在文档中 aframe-alongpath-component 它有一个关于事件和状态的部分。

其中一个状态是“moveonpath”,即当前沿路径移动的实体。

我怎样才能在实体移动时播放特定的声音呢?

从文档中我也不清楚如何触发从其他地方开始的代码沿着路径的移动。它似乎有一个事件,您可以收听“movingstarted”,但没有播放方法可以调用组件。

我试图实现的最终目标是从弹射器上扔下一块石头。

当弹射器动画完成时,我想触发沿轨迹摇动跟随物,并在移动时触发声音,在到达路径末端(将在海洋中)时触发另一个声音。

1 回复 | 直到 8 年前

1

Piotr Adam Milewski 8 年前

检查状态非常简单:

element.is("state");

获取“结束”事件更简单:

element.addEventListener("movingended", (e)=>{})

现在将事件侦听器添加到


   init

AFRAME.registerComponent('foo', {
  init: function() {
    this.el.addEventListener("movingended", (e) => {
      console.log("moving ended")
    })
  },
  tick: function() {
    console.log(this.el.is("moveonpath"));
  }
})

并连接组件:

<a-box foo></a-box>

现场查看 here .