使用 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

最终，它会加载（有时！）

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

提前致谢

S

Answer 1

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

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