A-frame.io 3D модель gltf не загружается

#html #3d #aframe #gltf #3d-model

#HTML #3D #aframe #gltf #3d-модель

Вопрос:

Я пытаюсь загрузить модель gltf в a-кадр, но она не загружается. Вот код:

 <html>
 <head>
   <title>Tree model</title>
   <script src="https://aframe.io/releases/0.7.1/aframe.min.js"></script>
 
  </head>
  <body>
    <a-scene>
      <a-assets id="#tree" src="tree-assets/tree01.gltf">
    
      </a-assets>
      <a-entity gltf-model="#tree"></a-entity>
    </a-scene>
  </body>
</html>
 

Комментарии:

1. Вероятно, использование новейшей версии решит проблему (1.0.4). Если нет, то, возможно, пути. Если есть какие-либо журналы консоли, не стесняйтесь делиться 🙂

Ответ №1:

Когда вы присваиваете элементу идентификатор, вам не нужно присваивать ему хэш-тег. Кроме того, попробуйте задать модели позицию, по умолчанию она занимает позицию 0 0 0, которую иногда вы не можете увидеть внутри камеры. Также попробуйте использовать последнюю версию A-frame

Попробуйте это:

  <html>
  <head>
   <title>Tree model</title>
    <script src="https://aframe.io/releases/1.1.0/aframe.min.js"></script>

 </head>
 <body>
  <a-scene>
   <a-assets id="tree" src="tree-assets/tree01.gltf"></a-assets>
   <a-entity gltf-model="#tree" position="0 2 -2"></a-entity>
  </a-scene>
 </body>
</html> 
 

Надеюсь, это помогло 🙂