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

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

webvr aframe

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

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

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

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

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

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

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

1 回复 | 直到 6 年前

Piotr Adam Milewski 6 年前

检查状态非常简单:

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 .

推荐文章

ajai.s · 根据用户偏好改变网络a帧中的化身

2 年前

framina · 如何通过“animationend”javascript函数启动a帧动画?

6 年前

Anthony Scavarelli · 资产架构属性如何与img资产一起工作?

6 年前

sçuçu · A-Frame如何定义自己的HTML元素?

6 年前

deecobbk · 如何将js onclick事件添加到帧动画

6 年前

sidd · 一些android设备上的框架陀螺仪问题

6 年前

Syed Saad · OBJ模型加载到不需要的纹理/颜色中

6 年前

Felix · 如何从帧中的三维对象获取边界框信息?

6 年前

sidd · 即使正在加载纹理文件,也未加载帧obj模型

6 年前

Danthony · A框架模型面未显示

6 年前