aframe
ブレンドモデル（コンポーネント）

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

前書き

混合モデル成分はTHREE.BlendCharacterを使用して、骨格アニメーションのブレンドを含むthree.jsフォーマットJSONモデルをロードします。これは、主に手およびViveコントローラを表すために使用されます。

構文

<a-entity blend-model="#a-asset-item-selector"></a-entity>

備考

VALUES

タイプ	説明
セレクタ	`<a-asset-item>`セレクタ
文字列	`url()` - JSONファイルへのパス

イベント

イベント名	説明
モデルがロードされた	JSONモデルがシーンに読み込まれました。

`blend-model`の使用例

srcをファイルに指定するIDを指定してモデルをロードすることができます。

<a-scene>
  <a-assets>
    <!-- At first we load skeletal animation blending JSON as asset -->
    <a-asset-item id="hand" src="/path/to/hand.json"></a-asset-item>
  </a-assets>
  <!-- Now we can use that asset with blend-model-->
  <a-entity blend-model="#hand"></a-entity>
</a-scene>

Modified text is an extract of the original Stack Overflow Documentation

ライセンスを受けた CC BY-SA 3.0

所属していない Stack Overflow