@sage-rsc/talking-head-react 1.0.82 → 1.0.84

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sage-rsc/talking-head-react",
-  "version": "1.0.82",
+  "version": "1.0.84",
   "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

@@ -432,11 +432,15 @@ class TalkingHead {
         anims: [
           { name: 'breathing', delay: 1500, dt: [ 1200,500,1000 ], vs: { chestInhale: [0.5,0.5,0] } },
           { name: 'pose', alt: [
-            { p: 0.5, delay: [5000,30000], vs: { pose: ['side'] } },
+            { p: 0.5, delay: [5000,30000], vs: { pose: ['side'] },
+              'M': { delay: [5000,30000], vs: { pose: ['wide'] } }
+            },
             { p: 0.3, delay: [5000,30000], vs: { pose: ['hip'] },
               'M': { delay: [5000,30000], vs: { pose: ['wide'] } }
             },
-            { delay: [5000,30000], vs: { pose: ['straight'] } }
+            { delay: [5000,30000], vs: { pose: ['straight'] },
+              'M': { delay: [5000,30000], vs: { pose: ['wide'] } }
+            }
           ]},
           { name: 'head',
             idle: { delay: [0,1000], dt: [ [200,5000] ], vs: { bodyRotateX: [[-0.04,0.10]], bodyRotateY: [[-0.3,0.3]], bodyRotateZ: [[-0.08,0.08]] } },
@@ -456,9 +460,11 @@ class TalkingHead {
           { name: 'pose',
             idle: {
               alt: [
-                { p: 0.6, delay: [5000,30000], vs: { pose: ['side'] } },
+                { p: 0.6, delay: [5000,30000], vs: { pose: ['side'] },
+                  'M': { delay: [5000,30000], vs: { pose: ['wide'] } }
+                },
                 { p: 0.2, delay: [5000,30000], vs: { pose: ['hip'] },
-                  'M': { delay: [5000,30000], vs: { pose: ['side'] } }
+                  'M': { delay: [5000,30000], vs: { pose: ['wide'] } }
                 },
                 { p: 0.1, delay: [5000,30000], vs: { pose: ['straight'] } },
                 { delay: [5000,10000], vs: { pose: ['wide'] } },
@@ -467,8 +473,12 @@ class TalkingHead {
             },
             speaking: {
               alt: [
-                { p: 0.4, delay: [5000,30000], vs: { pose: ['side'] } },
-                { p: 0.4, delay: [5000,30000], vs: { pose: ['straight'] } },
+                { p: 0.4, delay: [5000,30000], vs: { pose: ['side'] },
+                  'M': { delay: [5000,30000], vs: { pose: ['wide'] } }
+                },
+                { p: 0.4, delay: [5000,30000], vs: { pose: ['straight'] },
+                  'M': { delay: [5000,30000], vs: { pose: ['wide'] } }
+                },
                 { delay: [5000,20000], vs: { pose: ['hip'] },
                   'M': { delay: [5000,30000], vs: { pose: ['wide'] } }
                 },
@@ -2742,6 +2752,11 @@ class TalkingHead {
         } else if ( typeof x === 'function' ) {
           return x;
         } else if ( typeof x === 'string' || x instanceof String ) {
+          // Intercept pose values and override 'hip' and 'side' to 'wide' for male avatars
+          if (mt === 'pose' && this.avatar && this.avatar.body === 'M' && (x === 'hip' || x === 'side')) {
+            console.log('Intercepting pose', x, 'in animation factory, overriding to wide for male avatar');
+            return 'wide'; // Always use 'wide' for male avatars, never 'side' or 'hip'
+          }
           return x.slice();
         } else if ( Array.isArray(x) ) {
           if ( mt === 'gesture' ) {
@@ -3032,16 +3047,14 @@ class TalkingHead {
         break;
 
       case 'pose':
-        // Ensure gender-appropriate pose for male avatars
-        // If 'hip' pose is selected for male avatar, override to 'wide' or 'side'
-        if (this.avatar && this.avatar.body === 'M' && j === 'hip') {
-          // Prefer 'wide' for male avatars, fallback to 'side' if 'wide' doesn't exist
-          if (this.poseTemplates['wide']) {
-            j = 'wide';
-            console.log('Overriding hip pose to wide for male avatar');
-          } else if (this.poseTemplates['side']) {
-            j = 'side';
-            console.log('Overriding hip pose to side for male avatar');
+        // Ensure gender-appropriate pose for male avatars - always use 'wide', never 'side' or 'hip'
+        if (this.avatar && this.avatar.body === 'M') {
+          if (j === 'hip' || j === 'side') {
+            // Always override 'hip' and 'side' to 'wide' for male avatars
+            if (this.poseTemplates['wide']) {
+              j = 'wide';
+              console.log('Overriding pose', j === 'hip' ? 'hip' : 'side', 'to wide for male avatar');
+            }
           }
         }
         this.poseName = j;