Как разместить файл glTF в рамке? - PullRequest
0 голосов
/ 06 июня 2018

Я просто пытаюсь добавить в эту сцену 3d-модель из Sketchfab, но я не могу найти простых уроков, как это сделать.Вот код:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Peachtree Corners Veterans Monument - A-Frame</title>
        <meta name="description" content="Peachtree Corners Veterans Monument!">
        <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
        <script src="https://button.glitch.me/button.js"></script>  
    </head> 
    <body> 
        <a-scene>
            <a-sky src="https://cdn.glitch.com/0dd56231-cb65-46f8-ad38-225931845e77%2Fsky1.jpg?1528307112422"></a-sky>
        </a-scene>
        <div class="glitchButton"></div>
    </body>
</html>

Вот модель SketchFab, которую я хочу загрузить: https://sketchfab.com/models/729e5bc464454b5099445538e7785a19#

1 Ответ

0 голосов
/ 06 июня 2018

Используйте компонент gltf-model - пример есть в документации

. Загрузите zip-файл из sketchfab, есть два файла: scene.gltf, scene.bin и a textures, убедитесь, что они находятся в одном каталоге, и загрузите модель:

<a-assets>
  <a-asset-item id="scene" src="/path/to/scene.gltf"></a-asset-item>
</a-assets>

<a-entity gltf-model="#scene"></a-entity>
...