aframe
gltf-model (composant)

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


Introduction

Le composant de modèle gltf permet d'utiliser des modèles 3D au format glTF avec A-Frame. glTF est un standard Khronos pour des modèles 3D efficaces et complets, optimisé pour une utilisation sur le Web.

Syntaxe

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

Paramètres

Paramètre Détails
url(...) chargera le modèle glTF enveloppé de l'URL enveloppé dans l' url()
#example chargera le <a-asset-item> avec l' example ID

Chargement d'un modèle glTF via une 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>

Chargement d'un modèle gltf via le système d'actifs

<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
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow