如何在加载所有资源之前添加加载效果？

Question

我需要在帧中加载所有资源（图像或视频）之前显示加载效果。有人可以帮忙吗？如果可能的话，我需要详细的JavaScript代码。

Answer 1

请参阅资产管理系统：https://aframe.io/docs/0.3.0/core/asset-management-system.html

通过这种方式，您可以确定何时获取所有资源。 <a-assets>会发出loaded事件，您可以等待并在此期间显示内容。

<a-scene>
  <a-assets timeout="10000">
    <img id="waitingonme">
  </a-assets>
</a-scene>

document.querySelector('a-assets').addEventListener('loaded', function () {
  console.log("OK LOADED");
});