aframe

blend-model (component)

Introduction#

blend-model component Loads a three.js format JSON model containing skeletal animation blending using THREE.BlendCharacter. This is mainly used to represent the hand and Vive controllers.

Syntax#

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

Remarks#

VALUES

Type Description
selector Selector to an <a-asset-item>
string url()-enclosed path to a JSON file

EVENTS

Event Name Description
model-loaded JSON model was loaded into the scene.
## Example usage of blend-model
We can load the model by pointing using the ID to an that specifies the src to a file:
    <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>

This modified text is an extract of the original Stack Overflow Documentation created by the contributors and released under CC BY-SA 3.0 This website is not affiliated with Stack Overflow