用aframe加载图片

时间:2017-10-19 04:01:27

标签: aframe

如果我没有使用正确的语言或提到正确的事情,那么这里的新手是先发制人的道歉。

我使用下面的代码加载360image作为我的场景。

[['a','1', '2'], ['c', 1, 2]]

一切都很好。但是,当我测试时,加载需要一段时间,并且在控制台中重复此消息。

<a-scene>
  <a-assets> 
    <img id="skyTexture" src="https://upload.wikimedia.org/wikipedia/commons/0/01/Hellbrunn_banqueting_hall_360_panoramic_view.jpg"> 
  </a-assets>

  <a-sky src="#skyTexture"></a-sky>....

最终,它加载(有时!)

当我在线查找错误的解释时,搜索为我提供了加载图像的其他选项,但我无法理解它。是否有一段示例代码可以看到我如何使用其他方法预加载?

提前致谢

取值

1 个答案:

答案 0 :(得分:0)

调用<a-sky>实体时,您的图片尚未加载。

看看the A-Frame documentation,你会在那里找到一个例子。您需要使用<img>标记包裹<a-assets>,以便A-Frame可以确保在创建天空之前加载它。