如何检测A-Frame中何时加载场景?

时间:2017-01-18 19:07:58

标签: aframe

A-Frame完全加载时是否会触发某些事件?现在我已经设法让我的document.querySelector(".a-enter-vr-button")工作了,但是只有在将它放在setTimeout函数中之后,这似乎是一个临时解决方案。因此,如果有任何人在A-Frame完全加载后有任何方法使js脚本生效,请告诉我!

1 个答案:

答案 0 :(得分:8)

您可以使用loaded事件:

document.querySelector('a-scene').addEventListener('loaded', function () {...})

但我们建议您使用组件,这样您就不必处理等待事件设置的事件:

https://aframe.io/docs/0.4.0/guides/using-javascript-and-dom-apis.html#where-to-place-javascript-code-for-a-frame

AFRAME.registerComponent('log', {
  schema: {type: 'string'},
  init: function () {
    var stringToLog = this.data;
    console.log(stringToLog);
  }
});

然后使用HTML中的组件:

<a-scene log="Hello, Scene!">
  <a-box log="Hello, Box!"></a-box>
</a-scene>