aframe - 有没有办法在 AFrame 中实现睡眠/等待功能？

Question

我有一个带有一些动画和背景音乐的 AFrame 网页。页面加载后动画就会开始，但加载音乐需要时间。有没有像等待/睡眠场景（或动画）这样的方法，这样我的动画只有在音乐完全加载后才开始。

Answer 1

https://aframe.io/docs/0.2.0/core/asset-management-system.html

将资产（媒体元素，如img, video, audio, a-asset-item）放入<a-assets>以下<a-scene>：

<a-scene timeout="5000">
  <a-assets>
    <img id="myImg" crossorigin src="myimg.jpg">
    <video id="myVideo autoplay crossorigin src="myvideo.mp4"></video>
  </a-assets>

  <a-video src="#myVideo"></a-video>
</a-scene>

场景会在加载资源时阻塞初始化。但是，有一个默认为 3 秒的超时，此时场景将开始加载，无论如何。这可以使用timeout如上所示的属性进行配置。

如果您想绝对阻止，您可以将 设置timeout为非常高的数量。

Using<a-assets>还提供了浏览器缓存和各种媒体元素属性的配置，例如crossorigin, autoplay, preload.

Answer 2

您必须将资产放置在a-assets元素中，以便它们在加载之前阻止渲染。你可以在这里找到一个例子：https ://github.com/aframevr/aframe/blob/master/examples/showcase/anime-UI/index.html#L14