aframe - 使用框架加载图像

Question

这里是新手，如果我没有使用正确的语言或指的是正确的东西，那么先发制人的道歉。

我正在使用下面的代码加载 360 度图像作为我的场景。

<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>....

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

THREE.WebGLRenderer: Texture marked for update but image is incomplete

最终，它加载(有时!)

当我在网上寻找错误的解释时，搜索为我提供了加载图像的其他选项，但我无法完全理解它。是否有一段示例代码可以了解如何使用其他方法进行预加载？

提前致谢

小号

Answer 1

当 <a-sky> 时您的图像尚未加载实体被调用。

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