aframe
gltfモデル（コンポーネント）

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

前書き

gltf-modelコンポーネントを使用すると、AフレームでglTF形式の3Dモデルを使用できます。 glTFは効率的なフルシーン3DモデルのKhronos標準で、ウェブ上での使用に最適化されています。

構文

<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(...)`	`url()`でラップされたURLからラップされたglTFモデルをロードします
`#example`	IDの`example` `<a-asset-item>`をロードします

URLを介してglTFモデルを読み込む

<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