如何在加载所有资产之前添加加载效果? [英] How can I add a loading effect before all assets are loaded?

问题描述

在将所有资产(图像或视频)加载到框架之前，我需要显示加载效果.任何人都可以帮忙吗?如果可能的话，我需要详细的JavaScript代码.

I need to display a loading effect before all assets (image or video) are loaded in a frame. Anyone can help on this? I need JavaScript code in details if possible.

推荐答案

请参阅资产管理系统:

See the asset management system: https://aframe.io/docs/0.3.0/core/asset-management-system.html

这样，您便可以确定何时已提取所有资源. <a-assets>将发出一个loaded事件，您可以等待并同时显示一些内容.

With that, you have a way to determine when all your resources have been fetched. <a-assets> will emit a loaded event, which you can wait on and show something in the meantime.

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

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

这篇关于如何在加载所有资产之前添加加载效果?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！