使用aframe加載圖片

Question

新手在這裏如此使用先發制人的道歉，如果我不使用正確的語言或指的是正確的東西。

我正在使用下面的代碼加載360image作爲我的場景。

<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可以在創建天空之前確保加載它。