revert: replace emotion lerp with instant setEmotion + 10-frame queue trim

Lerp approach was too slow due to ONNX pipeline latency. Reverted to
instant setEmotion() with 10-frame (~333ms) queue buffer for transition.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: jcggl

examples/guide/index.html

@@ -1207,29 +1207,11 @@ <h2 class="step-title">Add Real-time Microphone</h2>
 const emotionSliders = EMOTION_KEYS.map(k => $(`emo-${k}`));
 const emotionVals = EMOTION_KEYS.map(k => $(`emo-${k}-val`));
 
-// Emotion lerp: smoothly transition from current to target over ~500ms
-const emotionCurrent = new Float32Array(5);
-const emotionTarget = new Float32Array(5);
-const EMOTION_LERP_SPEED = 12.0; // per second (reaches target in ~80-150ms)
-
-function updateEmotionTarget() {
-  for (let i = 0; i < 5; i++) emotionTarget[i] = parseInt(emotionSliders[i].value) / 100;
-}
-
-function lerpEmotion(dt) {
+function updateEmotionVector() {
+  const vec = emotionSliders.map(s => parseInt(s.value) / 100);
   if (!lipsync?.setEmotion) return;
-  let changed = false;
-  for (let i = 0; i < 5; i++) {
-    if (Math.abs(emotionCurrent[i] - emotionTarget[i]) > 0.001) {
-      emotionCurrent[i] += (emotionTarget[i] - emotionCurrent[i]) * Math.min(EMOTION_LERP_SPEED * dt, 1);
-      changed = true;
-    } else {
-      emotionCurrent[i] = emotionTarget[i];
-    }
-  }
-  if (changed) {
-    try { lipsync.setEmotion(Array.from(emotionCurrent)); } catch {}
-  }
+  try { lipsync.setEmotion(vec); } catch (e) { console.warn('setEmotion:', e.message); }
+  if (micActive && frameQueue.length > 10) frameQueue.length = 10;
 }
 
 function showEmotionPanel(show) {
@@ -1241,16 +1223,14 @@ <h2 class="step-title">Add Real-time Microphone</h2>
   emotionSliders.forEach(s => { s.value = 0; });
   emotionVals.forEach(v => { v.textContent = '0%'; });
   document.querySelectorAll('.emotion-presets button').forEach(b => b.classList.remove('active'));
-  emotionCurrent.fill(0);
-  emotionTarget.fill(0);
 }
 
 // Slider input events
 emotionSliders.forEach((slider, i) => {
   slider.addEventListener('input', () => {
     emotionVals[i].textContent = slider.value + '%';
     document.querySelectorAll('.emotion-presets button').forEach(b => b.classList.remove('active'));
-    updateEmotionTarget();
+    updateEmotionVector();
   });
 });
 
@@ -1264,7 +1244,7 @@ <h2 class="step-title">Add Real-time Microphone</h2>
       s.value = EMOTION_KEYS[i] === preset ? 100 : 0;
       emotionVals[i].textContent = s.value + '%';
     });
-    updateEmotionTarget();
+    updateEmotionVector();
   });
 });
 
@@ -1525,10 +1505,7 @@ <h2 class="step-title">Add Real-time Microphone</h2>
     }
   }
 
-  // 3) Emotion lerp (smooth transition between emotion states)
-  lerpEmotion(dt);
-
-  // 4) Bone weights, VRM update, render
+  // 3) Bone weights, VRM update, render
   updateBoneWeights(dt);
   if (vrm) vrm.update(dt);
   if (mixer) mixer.update(dt);

examples/vanilla-comparison/index.html

@@ -467,41 +467,25 @@ <h1>Anima<span>Sync</span></h1>
 // ================================================================
 const emoSliders = document.querySelectorAll('.emo-v2');
 const emoPresetBtns = document.querySelectorAll('.emo-presets button');
-const emoCurrent = new Float32Array(5);
-const emoTarget = new Float32Array(5);
-const EMO_LERP_SPEED = 12.0;
 
-function updateEmoTarget() {
-  for (let i = 0; i < 5; i++) emoTarget[i] = parseInt(emoSliders[i].value) / 100;
-}
-
-function lerpV2Emotion(dt) {
+function applyV2Emotion() {
   if (!lsV2?.setEmotion) return;
-  let changed = false;
-  for (let i = 0; i < 5; i++) {
-    if (Math.abs(emoCurrent[i] - emoTarget[i]) > 0.001) {
-      emoCurrent[i] += (emoTarget[i] - emoCurrent[i]) * Math.min(EMO_LERP_SPEED * dt, 1);
-      changed = true;
-    } else {
-      emoCurrent[i] = emoTarget[i];
-    }
-  }
-  if (changed) {
-    try { lsV2.setEmotion(Array.from(emoCurrent)); } catch {}
-  }
+  const vec = Array.from(emoSliders).map(s => parseInt(s.value) / 100);
+  try { lsV2.setEmotion(vec); } catch (e) { console.warn('setEmotion:', e); }
+  if (micActive && queueV2.length > 10) queueV2.length = 10;
 }
 
 emoSliders.forEach(s => s.addEventListener('input', () => {
   emoPresetBtns.forEach(b => b.classList.remove('active'));
-  updateEmoTarget();
+  applyV2Emotion();
 }));
 
 emoPresetBtns.forEach(btn => btn.addEventListener('click', () => {
   const idx = parseInt(btn.dataset.emo);
   emoPresetBtns.forEach(b => b.classList.remove('active'));
   btn.classList.add('active');
   emoSliders.forEach(s => { s.value = parseInt(s.dataset.idx) === idx ? 100 : 0; });
-  updateEmoTarget();
+  applyV2Emotion();
 }));
 
 // VRM drop handler (drops onto either pane, loads into both)
@@ -737,7 +721,6 @@ <h1>Anima<span>Sync</span></h1>
     ft = 0;
   }
 
-  lerpV2Emotion(dt);
   updateBoneWeights(dt);
   if (vrmV1) vrmV1.update(dt);
   if (vrmV2) vrmV2.update(dt);