aframe
gltf-model (component)

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


Invoering

Met de component gltf-model kunnen 3D-modellen in het glTF-formaat met A-Frame worden gebruikt. glTF is een Khronos-standaard voor efficiënte 3D-modellen met volledige scène en is geoptimaliseerd voor gebruik op internet.

Syntaxis

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

parameters

Parameter Details
url(...) laadt het glTF-model verpakt uit de URL verpakt in url()
#example laadt het <a-asset-item> met het ID- example

Een glTF-model laden via 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>

Een gltf-model laden via het activasysteem

<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
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow