@sage-rsc/talking-head-react 1.3.5 → 1.3.7

package/dist/index.js

@@ -4391,6 +4391,21 @@ class Be {
         s > 1 || !this.poseBase.props.hasOwnProperty(e) ? i.copy(n) : i.isQuaternion ? i.copy(this.poseBase.props[e].slerp(n, this.easing(s))) : i.isVector3 && i.copy(this.poseBase.props[e].lerp(n, this.easing(s)));
       }
     }
+    this.applyShoulderAdjustment();
+  }
+  /**
+   * Apply shoulder adjustment to lower shoulders to a more natural position
+   */
+  applyShoulderAdjustment() {
+    const e = new y.Euler();
+    if (this.poseAvatar.props["LeftShoulder.quaternion"]) {
+      const n = this.poseAvatar.props["LeftShoulder.quaternion"];
+      e.setFromQuaternion(n, "XYZ"), e.x += -0.6, n.setFromEuler(e, "XYZ");
+    }
+    if (this.poseAvatar.props["RightShoulder.quaternion"]) {
+      const n = this.poseAvatar.props["RightShoulder.quaternion"];
+      e.setFromQuaternion(n, "XYZ"), e.x += -0.6, n.setFromEuler(e, "XYZ");
+    }
   }
   /**
   * Update avatar pose deltas

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sage-rsc/talking-head-react",
-  "version": "1.3.5",
+  "version": "1.3.7",
   "description": "A reusable React component for 3D talking avatars with lip-sync and text-to-speech",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",

package/src/lib/talkinghead.mjs

@@ -1608,6 +1608,34 @@ class TalkingHead {
         }
       }
     }
+    
+    // Apply shoulder adjustment to lower shoulders
+    this.applyShoulderAdjustment();
+  }
+  
+  /**
+   * Apply shoulder adjustment to lower shoulders to a more natural position
+   */
+  applyShoulderAdjustment() {
+    // Shoulder adjustment: reduce X-axis rotation by ~0.6 radians (34 degrees) to lower shoulders to a relaxed position
+    const shoulderAdjustment = -0.6; // Negative to lower shoulders (increased for more relaxed look)
+    const tempEuler = new THREE.Euler();
+    
+    // Adjust left shoulder
+    if (this.poseAvatar.props['LeftShoulder.quaternion']) {
+      const leftShoulder = this.poseAvatar.props['LeftShoulder.quaternion'];
+      tempEuler.setFromQuaternion(leftShoulder, 'XYZ');
+      tempEuler.x += shoulderAdjustment; // Reduce X rotation to lower shoulder
+      leftShoulder.setFromEuler(tempEuler, 'XYZ');
+    }
+    
+    // Adjust right shoulder
+    if (this.poseAvatar.props['RightShoulder.quaternion']) {
+      const rightShoulder = this.poseAvatar.props['RightShoulder.quaternion'];
+      tempEuler.setFromQuaternion(rightShoulder, 'XYZ');
+      tempEuler.x += shoulderAdjustment; // Reduce X rotation to lower shoulder
+      rightShoulder.setFromEuler(tempEuler, 'XYZ');
+    }
   }
 
   /**