three-stdlib 2.8.4 → 2.8.5

package/webxr/XRHandMeshModel.js

@@ -0,0 +1,55 @@
+import { GLTFLoader } from '../loaders/GLTFLoader.js';
+
+const DEFAULT_HAND_PROFILE_PATH = 'https://cdn.jsdelivr.net/npm/@webxr-input-profiles/assets@1.0/dist/profiles/generic-hand/';
+
+class XRHandMeshModel {
+  constructor(handModel, controller, path, handedness) {
+    this.controller = controller;
+    this.handModel = handModel;
+    this.bones = [];
+    const loader = new GLTFLoader();
+    loader.setPath(path || DEFAULT_HAND_PROFILE_PATH);
+    loader.load(`${handedness}.glb`, gltf => {
+      const object = gltf.scene.children[0];
+      this.handModel.add(object);
+      const mesh = object.getObjectByProperty('type', 'SkinnedMesh');
+      mesh.frustumCulled = false;
+      mesh.castShadow = true;
+      mesh.receiveShadow = true;
+      const joints = ['wrist', 'thumb-metacarpal', 'thumb-phalanx-proximal', 'thumb-phalanx-distal', 'thumb-tip', 'index-finger-metacarpal', 'index-finger-phalanx-proximal', 'index-finger-phalanx-intermediate', 'index-finger-phalanx-distal', 'index-finger-tip', 'middle-finger-metacarpal', 'middle-finger-phalanx-proximal', 'middle-finger-phalanx-intermediate', 'middle-finger-phalanx-distal', 'middle-finger-tip', 'ring-finger-metacarpal', 'ring-finger-phalanx-proximal', 'ring-finger-phalanx-intermediate', 'ring-finger-phalanx-distal', 'ring-finger-tip', 'pinky-finger-metacarpal', 'pinky-finger-phalanx-proximal', 'pinky-finger-phalanx-intermediate', 'pinky-finger-phalanx-distal', 'pinky-finger-tip'];
+      joints.forEach(jointName => {
+        const bone = object.getObjectByName(jointName);
+
+        if (bone !== undefined) {
+          bone.jointName = jointName;
+        } else {
+          console.warn(`Couldn't find ${jointName} in ${handedness} hand mesh`);
+        }
+
+        this.bones.push(bone);
+      });
+    });
+  }
+
+  updateMesh() {
+    // XR Joints
+    const XRJoints = this.controller.joints;
+
+    for (let i = 0; i < this.bones.length; i++) {
+      const bone = this.bones[i];
+
+      if (bone) {
+        const XRJoint = XRJoints[bone.jointName];
+
+        if (XRJoint.visible) {
+          const position = XRJoint.position;
+          bone.position.copy(position);
+          bone.quaternion.copy(XRJoint.quaternion); // bone.scale.setScalar( XRJoint.jointRadius || defaultRadius );
+        }
+      }
+    }
+  }
+
+}
+
+export { XRHandMeshModel };

package/webxr/XRHandModelFactory.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three"),t=require("./XRHandPrimitiveModel.cjs.js"),o=require("./XRHandOculusMeshModel.cjs.js");function r(t){e.Object3D.call(this),this.controller=t,this.motionController=null,this.envMap=null,this.mesh=null}require("../loaders/FBXLoader.cjs.js"),require("fflate"),require("../curves/NURBSCurve.cjs.js"),require("../curves/NURBSUtils.cjs.js"),r.prototype=Object.assign(Object.create(e.Object3D.prototype),{constructor:r,updateMatrixWorld:function(t){e.Object3D.prototype.updateMatrixWorld.call(this,t),this.motionController&&this.motionController.updateMesh()}});const n=function(){function e(){this.path=""}return e.prototype={constructor:e,setPath:function(e){return this.path=e,this},createHandModel:function(e,n,s){const i=new r(e);return e.addEventListener("connected",(r=>{const l=r.data;l.hand&&!i.motionController&&(i.visible=!0,i.xrInputSource=l,void 0===n||"spheres"===n?i.motionController=new t.XRHandPrimitiveModel(i,e,this.path,l.handedness,{primitive:"sphere"}):"boxes"===n?i.motionController=new t.XRHandPrimitiveModel(i,e,this.path,l.handedness,{primitive:"box"}):"oculus"===n&&(i.motionController=new o.XRHandOculusMeshModel(i,e,this.path,l.handedness,s)))})),e.addEventListener("disconnected",(()=>{})),i}},e}();exports.XRHandModelFactory=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three"),t=require("./XRHandPrimitiveModel.cjs.js"),r=require("./XRHandMeshModel.cjs.js");require("../loaders/GLTFLoader.cjs.js");class o extends e.Object3D{constructor(e){super(),this.controller=e,this.motionController=null,this.envMap=null,this.mesh=null}updateMatrixWorld(e){super.updateMatrixWorld(e),this.motionController&&this.motionController.updateMesh()}}exports.XRHandModelFactory=class{constructor(){this.path=null}setPath(e){return this.path=e,this}createHandModel(e,n){const s=new o(e);return e.addEventListener("connected",(o=>{const i=o.data;i.hand&&!s.motionController&&(s.xrInputSource=i,void 0===n||"spheres"===n?s.motionController=new t.XRHandPrimitiveModel(s,e,this.path,i.handedness,{primitive:"sphere"}):"boxes"===n?s.motionController=new t.XRHandPrimitiveModel(s,e,this.path,i.handedness,{primitive:"box"}):"mesh"===n&&(s.motionController=new r.XRHandMeshModel(s,e,this.path,i.handedness)))})),e.addEventListener("disconnected",(()=>{})),s}};

package/webxr/XRHandModelFactory.js

@@ -1,67 +1,64 @@
 import { Object3D } from 'three';
 import { XRHandPrimitiveModel } from './XRHandPrimitiveModel.js';
-import { XRHandOculusMeshModel } from './XRHandOculusMeshModel.js';
+import { XRHandMeshModel } from './XRHandMeshModel.js';
 
-function XRHandModel(controller) {
-  Object3D.call(this);
-  this.controller = controller;
-  this.motionController = null;
-  this.envMap = null;
-  this.mesh = null;
-}
+class XRHandModel extends Object3D {
+  constructor(controller) {
+    super();
+    this.controller = controller;
+    this.motionController = null;
+    this.envMap = null;
+    this.mesh = null;
+  }
 
-XRHandModel.prototype = Object.assign(Object.create(Object3D.prototype), {
-  constructor: XRHandModel,
-  updateMatrixWorld: function (force) {
-    Object3D.prototype.updateMatrixWorld.call(this, force);
+  updateMatrixWorld(force) {
+    super.updateMatrixWorld(force);
 
     if (this.motionController) {
       this.motionController.updateMesh();
     }
   }
-});
 
-const XRHandModelFactory = function () {
-  function XRHandModelFactory() {
-    this.path = '';
+}
+
+class XRHandModelFactory {
+  constructor() {
+    this.path = null;
+  }
+
+  setPath(path) {
+    this.path = path;
+    return this;
   }
 
-  XRHandModelFactory.prototype = {
-    constructor: XRHandModelFactory,
-    setPath: function (path) {
-      this.path = path;
-      return this;
-    },
-    createHandModel: function (controller, profile, options) {
-      const handModel = new XRHandModel(controller);
-      controller.addEventListener('connected', event => {
-        const xrInputSource = event.data;
+  createHandModel(controller, profile) {
+    const handModel = new XRHandModel(controller);
+    controller.addEventListener('connected', event => {
+      const xrInputSource = event.data;
 
-        if (xrInputSource.hand && !handModel.motionController) {
-          handModel.visible = true;
-          handModel.xrInputSource = xrInputSource; // @todo Detect profile if not provided
+      if (xrInputSource.hand && !handModel.motionController) {
+        handModel.xrInputSource = xrInputSource; // @todo Detect profile if not provided
 
-          if (profile === undefined || profile === 'spheres') {
-            handModel.motionController = new XRHandPrimitiveModel(handModel, controller, this.path, xrInputSource.handedness, {
-              primitive: 'sphere'
-            });
-          } else if (profile === 'boxes') {
-            handModel.motionController = new XRHandPrimitiveModel(handModel, controller, this.path, xrInputSource.handedness, {
-              primitive: 'box'
-            });
-          } else if (profile === 'oculus') {
-            handModel.motionController = new XRHandOculusMeshModel(handModel, controller, this.path, xrInputSource.handedness, options);
-          }
+        if (profile === undefined || profile === 'spheres') {
+          handModel.motionController = new XRHandPrimitiveModel(handModel, controller, this.path, xrInputSource.handedness, {
+            primitive: 'sphere'
+          });
+        } else if (profile === 'boxes') {
+          handModel.motionController = new XRHandPrimitiveModel(handModel, controller, this.path, xrInputSource.handedness, {
+            primitive: 'box'
+          });
+        } else if (profile === 'mesh') {
+          handModel.motionController = new XRHandMeshModel(handModel, controller, this.path, xrInputSource.handedness);
         }
-      });
-      controller.addEventListener('disconnected', () => {// handModel.motionController = null;
-        // handModel.remove( scene );
-        // scene = null;
-      });
-      return handModel;
-    }
-  };
-  return XRHandModelFactory;
-}();
+      }
+    });
+    controller.addEventListener('disconnected', () => {// handModel.motionController = null;
+      // handModel.remove( scene );
+      // scene = null;
+    });
+    return handModel;
+  }
+
+}
 
 export { XRHandModelFactory };

package/webxr/XRHandPrimitiveModel.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three");exports.XRHandPrimitiveModel=class{constructor(i,n,a,r,t){if(this.controller=n,this.handModel=i,this.envMap=null,this.handMesh=new e.Group,this.handModel.add(this.handMesh),window.XRHand){let i;t&&t.primitive&&"sphere"!==t.primitive?"box"===t.primitive&&(i=new e.BoxGeometry(1,1,1)):i=new e.SphereGeometry(1,10,10);const n=new e.MeshStandardMaterial({color:16777215,roughness:1,metalness:0}),a=new e.MeshStandardMaterial({color:10066329,roughness:1,metalness:0}),r=["wrist","thumb-metacarpal","thumb-phalanx-proximal","thumb-phalanx-distal","thumb-tip","index-finger-metacarpal","index-finger-phalanx-proximal","index-finger-phalanx-intermediate","index-finger-phalanx-distal","index-finger-tip","middle-finger-metacarpal","middle-finger-phalanx-proximal","middle-finger-phalanx-intermediate","middle-finger-phalanx-distal","middle-finger-tip","ring-finger-metacarpal","ring-finger-phalanx-proximal","ring-finger-phalanx-intermediate","ring-finger-phalanx-distal","ring-finger-tip","pinky-finger-metacarpal","pinky-finger-phalanx-proximal","pinky-finger-phalanx-intermediate","pinky-finger-phalanx-distal","pinky-finger-tip"];for(let t of r){var l=new e.Mesh(i,-1!==t.indexOf("tip")?a:n);l.castShadow=!0,l.receiveShadow=!0,l.jointName=t,this.handMesh.add(l)}}}updateMesh(){const e=this.handMesh.children,i=this.controller.joints;for(let n=0;n<e.length;n++){const a=e[n],r=i[a.jointName];r.visible&&(a.position.copy(r.position),a.quaternion.copy(r.quaternion),a.scale.setScalar(r.jointRadius||.008)),a.visible=r.visible}}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three");const i=new e.Matrix4,n=new e.Vector3;exports.XRHandPrimitiveModel=class{constructor(i,n,a,t,r){let s;this.controller=n,this.handModel=i,this.envMap=null,r&&r.primitive&&"sphere"!==r.primitive?"box"===r.primitive&&(s=new e.BoxGeometry(1,1,1)):s=new e.SphereGeometry(1,10,10);const h=new e.MeshStandardMaterial;this.handMesh=new e.InstancedMesh(s,h,30),this.handMesh.instanceMatrix.setUsage(e.DynamicDrawUsage),this.handMesh.castShadow=!0,this.handMesh.receiveShadow=!0,this.handModel.add(this.handMesh),this.joints=["wrist","thumb-metacarpal","thumb-phalanx-proximal","thumb-phalanx-distal","thumb-tip","index-finger-metacarpal","index-finger-phalanx-proximal","index-finger-phalanx-intermediate","index-finger-phalanx-distal","index-finger-tip","middle-finger-metacarpal","middle-finger-phalanx-proximal","middle-finger-phalanx-intermediate","middle-finger-phalanx-distal","middle-finger-tip","ring-finger-metacarpal","ring-finger-phalanx-proximal","ring-finger-phalanx-intermediate","ring-finger-phalanx-distal","ring-finger-tip","pinky-finger-metacarpal","pinky-finger-phalanx-proximal","pinky-finger-phalanx-intermediate","pinky-finger-phalanx-distal","pinky-finger-tip"]}updateMesh(){const e=this.controller.joints;let a=0;for(let t=0;t<this.joints.length;t++){const r=e[this.joints[t]];r.visible&&(n.setScalar(r.jointRadius||.008),i.compose(r.position,r.quaternion,n),this.handMesh.setMatrixAt(t,i),a++)}this.handMesh.count=a,this.handMesh.instanceMatrix.needsUpdate=!0}};

package/webxr/XRHandPrimitiveModel.js

@@ -1,62 +1,52 @@
-import { Group, SphereGeometry, BoxGeometry, MeshStandardMaterial, Mesh } from 'three';
+import { Matrix4, Vector3, SphereGeometry, BoxGeometry, MeshStandardMaterial, InstancedMesh, DynamicDrawUsage } from 'three';
+
+const _matrix = new Matrix4();
+
+const _vector = new Vector3();
 
 class XRHandPrimitiveModel {
   constructor(handModel, controller, path, handedness, options) {
     this.controller = controller;
     this.handModel = handModel;
     this.envMap = null;
-    this.handMesh = new Group();
-    this.handModel.add(this.handMesh);
+    let geometry;
 
-    if (window.XRHand) {
-      let geometry;
-
-      if (!options || !options.primitive || options.primitive === 'sphere') {
-        geometry = new SphereGeometry(1, 10, 10);
-      } else if (options.primitive === 'box') {
-        geometry = new BoxGeometry(1, 1, 1);
-      }
+    if (!options || !options.primitive || options.primitive === 'sphere') {
+      geometry = new SphereGeometry(1, 10, 10);
+    } else if (options.primitive === 'box') {
+      geometry = new BoxGeometry(1, 1, 1);
+    }
 
-      const jointMaterial = new MeshStandardMaterial({
-        color: 0xffffff,
-        roughness: 1,
-        metalness: 0
-      });
-      const tipMaterial = new MeshStandardMaterial({
-        color: 0x999999,
-        roughness: 1,
-        metalness: 0
-      });
-      const joints = ['wrist', 'thumb-metacarpal', 'thumb-phalanx-proximal', 'thumb-phalanx-distal', 'thumb-tip', 'index-finger-metacarpal', 'index-finger-phalanx-proximal', 'index-finger-phalanx-intermediate', 'index-finger-phalanx-distal', 'index-finger-tip', 'middle-finger-metacarpal', 'middle-finger-phalanx-proximal', 'middle-finger-phalanx-intermediate', 'middle-finger-phalanx-distal', 'middle-finger-tip', 'ring-finger-metacarpal', 'ring-finger-phalanx-proximal', 'ring-finger-phalanx-intermediate', 'ring-finger-phalanx-distal', 'ring-finger-tip', 'pinky-finger-metacarpal', 'pinky-finger-phalanx-proximal', 'pinky-finger-phalanx-intermediate', 'pinky-finger-phalanx-distal', 'pinky-finger-tip'];
+    const material = new MeshStandardMaterial();
+    this.handMesh = new InstancedMesh(geometry, material, 30);
+    this.handMesh.instanceMatrix.setUsage(DynamicDrawUsage); // will be updated every frame
 
-      for (let jointName of joints) {
-        var cube = new Mesh(geometry, jointName.indexOf('tip') !== -1 ? tipMaterial : jointMaterial);
-        cube.castShadow = true;
-        cube.receiveShadow = true;
-        cube.jointName = jointName;
-        this.handMesh.add(cube);
-      }
-    }
+    this.handMesh.castShadow = true;
+    this.handMesh.receiveShadow = true;
+    this.handModel.add(this.handMesh);
+    this.joints = ['wrist', 'thumb-metacarpal', 'thumb-phalanx-proximal', 'thumb-phalanx-distal', 'thumb-tip', 'index-finger-metacarpal', 'index-finger-phalanx-proximal', 'index-finger-phalanx-intermediate', 'index-finger-phalanx-distal', 'index-finger-tip', 'middle-finger-metacarpal', 'middle-finger-phalanx-proximal', 'middle-finger-phalanx-intermediate', 'middle-finger-phalanx-distal', 'middle-finger-tip', 'ring-finger-metacarpal', 'ring-finger-phalanx-proximal', 'ring-finger-phalanx-intermediate', 'ring-finger-phalanx-distal', 'ring-finger-tip', 'pinky-finger-metacarpal', 'pinky-finger-phalanx-proximal', 'pinky-finger-phalanx-intermediate', 'pinky-finger-phalanx-distal', 'pinky-finger-tip'];
   }
 
   updateMesh() {
     const defaultRadius = 0.008;
-    const objects = this.handMesh.children; // XR Joints
+    const joints = this.controller.joints;
+    let count = 0;
 
-    const XRJoints = this.controller.joints;
+    for (let i = 0; i < this.joints.length; i++) {
+      const joint = joints[this.joints[i]];
 
-    for (let i = 0; i < objects.length; i++) {
-      const jointMesh = objects[i];
-      const XRJoint = XRJoints[jointMesh.jointName];
+      if (joint.visible) {
+        _vector.setScalar(joint.jointRadius || defaultRadius);
 
-      if (XRJoint.visible) {
-        jointMesh.position.copy(XRJoint.position);
-        jointMesh.quaternion.copy(XRJoint.quaternion);
-        jointMesh.scale.setScalar(XRJoint.jointRadius || defaultRadius);
-      }
+        _matrix.compose(joint.position, joint.quaternion, _vector);
 
-      jointMesh.visible = XRJoint.visible;
+        this.handMesh.setMatrixAt(i, _matrix);
+        count++;
+      }
     }
+
+    this.handMesh.count = count;
+    this.handMesh.instanceMatrix.needsUpdate = true;
   }
 
 }

package/webxr/XRHandOculusMeshModel.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../loaders/FBXLoader.cjs.js");require("three"),require("fflate"),require("../curves/NURBSCurve.cjs.js"),require("../curves/NURBSUtils.cjs.js");exports.XRHandOculusMeshModel=class{constructor(i,n,l,r,t){this.controller=n,this.handModel=i,this.bones=[];const a=new e.FBXLoader,s=t&&"lowpoly"===t.model?"_low":"";a.setPath(l),a.load(`OculusHand_${"right"===r?"R":"L"}${s}.fbx`,(e=>{this.handModel.add(e),e.scale.setScalar(.01);const i=e.getObjectByProperty("type","SkinnedMesh");i.frustumCulled=!1,i.castShadow=!0,i.receiveShadow=!0;const n=["wrist","thumb-metacarpal","thumb-phalanx-proximal","thumb-phalanx-distal","thumb-tip","index-finger-metacarpal","index-finger-phalanx-proximal","index-finger-phalanx-intermediate","index-finger-phalanx-distal","index-finger-tip","middle-finger-metacarpal","middle-finger-phalanx-proximal","middle-finger-phalanx-intermediate","middle-finger-phalanx-distal","middle-finger-tip","ring-finger-metacarpal","ring-finger-phalanx-proximal","ring-finger-phalanx-intermediate","ring-finger-phalanx-distal","ring-finger-tip","pinky-finger-metacarpal","pinky-finger-phalanx-proximal","pinky-finger-phalanx-intermediate","pinky-finger-phalanx-distal","pinky-finger-tip"];let l=0;["b_%_wrist","b_%_thumb1","b_%_thumb2","b_%_thumb3","b_%_thumb_null",null,"b_%_index1","b_%_index2","b_%_index3","b_%_index_null",null,"b_%_middle1","b_%_middle2","b_%_middle3","b_%_middlenull",null,"b_%_ring1","b_%_ring2","b_%_ring3","b_%_ring_inull","b_%_pinky0","b_%_pinky1","b_%_pinky2","b_%_pinky3","b_%_pinkynull"].forEach((i=>{if(i){const t=e.getObjectByName(i.replace(/%/g,"right"===r?"r":"l"));void 0!==t&&(t.jointName=n[l]),this.bones.push(t)}else this.bones.push(null);l++}))}))}updateMesh(){const e=this.controller.joints;for(let i=0;i<this.bones.length;i++){const n=this.bones[i];if(n){const i=e[n.jointName];if(i.visible){const e=i.position;n&&(n.position.copy(e.clone().multiplyScalar(100)),n.quaternion.copy(i.quaternion))}}}}};

package/webxr/XRHandOculusMeshModel.js

@@ -1,89 +0,0 @@
-import { FBXLoader } from '../loaders/FBXLoader.js';
-
-class XRHandOculusMeshModel {
-  constructor(handModel, controller, path, handedness, options) {
-    this.controller = controller;
-    this.handModel = handModel;
-    this.bones = [];
-    const loader = new FBXLoader();
-    const low = options && options.model === 'lowpoly' ? '_low' : '';
-    loader.setPath(path);
-    loader.load(`OculusHand_${handedness === 'right' ? 'R' : 'L'}${low}.fbx`, object => {
-      this.handModel.add(object); // Hack because of the scale of the skinnedmesh
-
-      object.scale.setScalar(0.01);
-      const mesh = object.getObjectByProperty('type', 'SkinnedMesh');
-      mesh.frustumCulled = false;
-      mesh.castShadow = true;
-      mesh.receiveShadow = true;
-      const bonesMapping = ['b_%_wrist', // XRHand.WRIST,
-      'b_%_thumb1', // XRHand.THUMB_METACARPAL,
-      'b_%_thumb2', // XRHand.THUMB_PHALANX_PROXIMAL,
-      'b_%_thumb3', // XRHand.THUMB_PHALANX_DISTAL,
-      'b_%_thumb_null', // XRHand.THUMB_PHALANX_TIP,
-      null, //'b_%_index1', // XRHand.INDEX_METACARPAL,
-      'b_%_index1', // XRHand.INDEX_PHALANX_PROXIMAL,
-      'b_%_index2', // XRHand.INDEX_PHALANX_INTERMEDIATE,
-      'b_%_index3', // XRHand.INDEX_PHALANX_DISTAL,
-      'b_%_index_null', // XRHand.INDEX_PHALANX_TIP,
-      null, //'b_%_middle1', // XRHand.MIDDLE_METACARPAL,
-      'b_%_middle1', // XRHand.MIDDLE_PHALANX_PROXIMAL,
-      'b_%_middle2', // XRHand.MIDDLE_PHALANX_INTERMEDIATE,
-      'b_%_middle3', // XRHand.MIDDLE_PHALANX_DISTAL,
-      'b_%_middlenull', // XRHand.MIDDLE_PHALANX_TIP,
-      null, //'b_%_ring1', // XRHand.RING_METACARPAL,
-      'b_%_ring1', // XRHand.RING_PHALANX_PROXIMAL,
-      'b_%_ring2', // XRHand.RING_PHALANX_INTERMEDIATE,
-      'b_%_ring3', // XRHand.RING_PHALANX_DISTAL,
-      'b_%_ring_inull', // XRHand.RING_PHALANX_TIP,
-      'b_%_pinky0', // XRHand.LITTLE_METACARPAL,
-      'b_%_pinky1', // XRHand.LITTLE_PHALANX_PROXIMAL,
-      'b_%_pinky2', // XRHand.LITTLE_PHALANX_INTERMEDIATE,
-      'b_%_pinky3', // XRHand.LITTLE_PHALANX_DISTAL,
-      'b_%_pinkynull' // XRHand.LITTLE_PHALANX_TIP
-      ];
-      const joints = ['wrist', 'thumb-metacarpal', 'thumb-phalanx-proximal', 'thumb-phalanx-distal', 'thumb-tip', 'index-finger-metacarpal', 'index-finger-phalanx-proximal', 'index-finger-phalanx-intermediate', 'index-finger-phalanx-distal', 'index-finger-tip', 'middle-finger-metacarpal', 'middle-finger-phalanx-proximal', 'middle-finger-phalanx-intermediate', 'middle-finger-phalanx-distal', 'middle-finger-tip', 'ring-finger-metacarpal', 'ring-finger-phalanx-proximal', 'ring-finger-phalanx-intermediate', 'ring-finger-phalanx-distal', 'ring-finger-tip', 'pinky-finger-metacarpal', 'pinky-finger-phalanx-proximal', 'pinky-finger-phalanx-intermediate', 'pinky-finger-phalanx-distal', 'pinky-finger-tip'];
-      let i = 0;
-      bonesMapping.forEach(boneName => {
-        if (boneName) {
-          const bone = object.getObjectByName(boneName.replace(/%/g, handedness === 'right' ? 'r' : 'l'));
-
-          if (bone !== undefined) {
-            bone.jointName = joints[i];
-          }
-
-          this.bones.push(bone);
-        } else {
-          this.bones.push(null);
-        }
-
-        i++;
-      });
-    });
-  }
-
-  updateMesh() {
-    // XR Joints
-    const XRJoints = this.controller.joints;
-
-    for (let i = 0; i < this.bones.length; i++) {
-      const bone = this.bones[i];
-
-      if (bone) {
-        const XRJoint = XRJoints[bone.jointName];
-
-        if (XRJoint.visible) {
-          const position = XRJoint.position;
-
-          if (bone) {
-            bone.position.copy(position.clone().multiplyScalar(100));
-            bone.quaternion.copy(XRJoint.quaternion); // bone.scale.setScalar( XRJoint.jointRadius || defaultRadius );
-          }
-        }
-      }
-    }
-  }
-
-}
-
-export { XRHandOculusMeshModel };