Chapter 631: XRHandMeshModel

Core Idea

Represents one of the hand model types XRHandModelFactory might produce depending on the selected profile. XRHandMeshModel represents a hand with a custom asset.

Key Concepts

• bones : Array.<Bone>: An array of bones representing the bones of the hand skeleton.
• controller : Group: The WebXR controller.
• handModel : XRHandModel: The hand model.

Code Examples

import { XRHandMeshModel } from 'three/addons/webxr/XRHandMeshModel.js';

• What it demonstrates: Typical usage of XRHandMeshModel.

Reference Tables

Constructor

Signature
new XRHandMeshModel( handModel : XRHandModel, controller : Group, path : string, handedness : XRHandedness, loader : Loader, onLoad : function, customCache : Object )

Properties

Property	Description
.bones : Array.<Bone>	An array of bones representing the bones of the hand skeleton.
.controller : Group	The WebXR controller.
.handModel : XRHandModel	The hand model.

Methods

Method	Description
.updateMesh()	Updates the mesh based on the tracked XR joints data.

Key Takeaways

1. Most relevant properties: bones, controller, handModel.
2. Key methods: updateMesh.

Connects To

• Source: examples/jsm/webxr/XRHandMeshModel.js