javascript - 如何在加载所有 Assets 之前添加加载效果？

Question

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

Answer 1

查看 Assets 管理系统: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");
});