【问题标题】:A-frame: how can I wait with execution until image is loaded?A-frame:如何等待执行,直到加载图像?
【发布时间】:2017-09-27 18:45:54
【问题描述】:
我需要帮助。我正在做一些 A-frame 网站,只有在加载背景图像时才需要它启动。关键是球体免费的图片,360 度是巨大的——比如 20000 x 20000 像素,所以它们加载了 10 秒左右。这取决于互联网速度。广告我不希望我的动画在背景完全加载之前执行(以及其他图像)。然后我添加了背景和相机的几个动作,但是当背景被加载时——它们都被执行了。除非绝对必要,否则我不想下载 jquery。有什么想法吗?
【问题讨论】:
标签:
javascript
virtual
virtual-reality
【解决方案1】:
您可以使用window.onload 仅在浏览器中的所有内容呈现后执行您的脚本。
function myAwesomeAnimationScript() {...}
window.onload = myAwesomeAnimationScript;
将所有脚本包装在一个函数中,然后简单地设置一个对它的引用来处理事件。
这是一个基本示例,将覆盖指定事件的任何其他事件处理程序,如果您想要一个尊重其他处理程序的更优雅的解决方案,请查看addEventListener()