aframe
gltf-modell (komponente)

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


Einführung

Die gltf-Modellkomponente ermöglicht die Verwendung von 3D-Modellen im glTF-Format mit A-Frame. glTF ist ein Khronos-Standard für effiziente 3D-Modelle mit voller Szene und ist für die Verwendung im Internet optimiert.

Syntax

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

Parameter

Parameter Einzelheiten
url(...) lädt das glTF-Modell von der in url() URL.
#example lädt das <a-asset-item> mit dem ID- example

Laden eines glTF-Modells über 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>

Laden eines gltf-Modells über das Asset-System

<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
Lizenziert unter CC BY-SA 3.0
Nicht angeschlossen an Stack Overflow