Загрузка изображений с рамкой

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

В конце концов, он загружается (иногда!)

Когда я ищу объяснение этой ошибки в Интернете, поиск дает мне другие варианты загрузки изображения, но я не могу разобраться с этим. Есть ли пример кода, чтобы увидеть, как я могу предварительно загрузить с помощью другого метода?

заранее спасибо

S

Answer 1

Ваше изображение еще не загружено, когда <a-sky> сущность вызывается.

Посмотрите документацию A-Frame, вы найдете пример там. Вы должны обернуть <img> с <a-assets> пометьте, чтобы A-Frame мог убедиться, что загрузил его перед созданием вашего неба.