aframe
modelo gltf (componente)

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


Introducción

El componente del modelo gltf permite utilizar modelos 3D en el formato glTF con A-Frame. glTF es un estándar de Khronos para modelos 3D eficientes de escena completa y está optimizado para su uso en la web.

Sintaxis

  • <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>

Parámetros

Parámetro Detalles
url(...) cargará el modelo glTF envuelto desde la URL envuelta en url()
#example cargará el <a-asset-item> con el example ID

Cargando un modelo glTF a través de 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>

Cargando un modelo gltf a través del sistema de activos

<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
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow