aframe
gltf-модель (компонент)

Android Angular 2 CSS HTML JavaScript jQuery PHP React TypeScript Vue.js

Вступление

Компонент gltf-model позволяет использовать 3D-модели в формате glTF с помощью A-Frame. glTF - это стандарт Хронос для эффективных 3D-моделей с полной сценой и оптимизирован для использования в Интернете.

Синтаксис

<a-entity gltf-model="url(https://cdn.rawgit.com/KhronosGroup/glTF-Sample-Models/9176d098/1.0/Duck/glTF/Duck.gltf)"></a-entity>
<a-entity gltf-model="#duck"></a-entity>

параметры

параметр	подробности
`url(...)`	загрузит модель glTF, завернутую из URL-адреса, завернутого в `url()`
`#example`	будет загружать `<a-asset-item>` с `example` ID

Загрузка модели glTF по URL-адресу

<a-scene>
  <a-entity gltf-model="url(https://cdn.rawgit.com/KhronosGroup/glTF-Sample-Models/9176d098/1.0/Duck/glTF/Duck.gltf)" position="0 0 -5"></a-entity>
</a-scene>

Загрузка gltf-модели через систему активов

<a-scene>
  <a-assets>
    <a-asset-item id="duck" src="https://cdn.rawgit.com/KhronosGroup/glTF-Sample-Models/9176d098/1.0/Duck/glTF/Duck.gltf"></a-asset-item>
  </a-assets>

  <a-entity gltf-model="#duck" position="0 0 -5"></a-entity>
</a-scene>

Modified text is an extract of the original Stack Overflow Documentation

Лицензировано согласно CC BY-SA 3.0

Не связан с Stack Overflow