Add decapitate/undecapitate support

Author: Avaer Kazmer

vrarmik.html

@@ -613,13 +613,13 @@ <h3>Multiplayer</h3>
 
   mesh.onBeforeRender2 = () => {
     if (rig) {
-      _loadSavedHead();
+      rig.undecapitate();
       // meshDolly.visible = true;
     }
   };
   mesh.onAfterRender2 = () => {
     if (rig) {
-      _unloadSavedHead();
+      rig.decapitate();
       // meshDolly.visible = false;
     }
   };
@@ -648,12 +648,9 @@ <h3>Multiplayer</h3>
     fingers: true,
     hair: true,
     visemes: true,
+    decapitate: true,
     microphoneMediaStream,
   });
-  rig.modelBones.Head.traverse(o => {
-    o.savedPosition = new THREE.Vector3();
-    o.savedMatrixWorld = new THREE.Matrix4();
-  });
   meshDolly.add(model);
   window.model = model;
 
@@ -887,15 +884,7 @@ <h3>Multiplayer</h3>
     }
   }
 
-  if (rig) {
-    _unloadSavedHead();
-  }
-
   renderer.render(scene, camera);
-
-  if (rig) {
-    _loadSavedHead();
-  }
 }
 renderer.setAnimationLoop(animate);
 

vrarmik/avatars.js

@@ -405,6 +405,14 @@ class Avatar {
     armature.scale.set(1, 1, 1).divideScalar(this.armatureScaleFactor);
     armature.updateMatrix();
 
+    Head.traverse(o => {
+      o.savedPosition = new THREE.Vector3();
+      o.savedMatrixWorld = new THREE.Matrix4();
+    });
+    if (options.decapitate) {
+      this.decapitate();
+    }
+
     const hairBones = tailBones.filter(bone => /hair/i.test(bone.name)).map(bone => {
       for (; bone; bone = bone.parent) {
         if (bone.parent === Head) {
@@ -902,5 +910,20 @@ class Avatar {
       mediaStreamSource.connect(audioWorkletNode).connect(this.audioContext.destination);
     }
   }
+
+  decapitate() {
+    rig.modelBones.Head.traverse(o => {
+      o.savedPosition.copy(o.position);
+      o.savedMatrixWorld.copy(o.matrixWorld);
+      o.position.set(NaN, NaN, NaN);
+      o.matrixWorld.set(NaN, NaN, NaN, NaN, NaN, NaN, NaN, NaN, NaN, NaN, NaN, NaN, NaN, NaN, NaN, NaN);
+    });
+  }
+  undecapitate() {
+    rig.modelBones.Head.traverse(o => {
+      o.position.copy(o.savedPosition);
+      o.matrixWorld.copy(o.savedMatrixWorld);
+    });
+  }
 }
 export default Avatar;