Three.js AnimationMixer能否设置帧/时间？如何获取几何动画特定帧值？

这个问题其实是Three.js动画系统的常见特性——动画混合器的状态计算和骨骼矩阵的实际同步是异步的，默认和渲染循环绑定在一起。

为什么会有延迟？ #

当你调用mixer.update(1)时，动画混合器确实计算出了1秒后的动画状态，但这些状态只是暂存在动画系统的内部缓存里，并没有立刻同步到骨骼的matrix或matrixWorld属性上。Three.js为了性能优化，会把矩阵更新这类操作延迟到渲染阶段（也就是执行renderer.render(scene, camera)时）批量处理，避免重复计算。这就是为什么你需要等1-2帧才能读取到变化值的原因。

即时读取的解决方法 #

要在调用mixer.update()后立刻获取最新的骨骼属性，只需要手动触发骨骼系统的同步更新即可，有两种常用方式：

1. 针对蒙皮网格（SkinnedMesh）的骨骼更新
   如果你的骨骼属于SkinnedMesh的骨骼系统，直接调用骨骼系统的update()方法就能强制同步动画状态到骨骼矩阵：

   // 推进动画1秒
   mixer.update(1);
   // 强制同步骨骼矩阵
   skinnedMesh.skeleton.update();
   // 现在就能读取到最新的属性值了
   console.log(bone.matrix.elements[0]);
   

2. 全局场景矩阵更新
   如果你需要更新整个场景中所有物体的矩阵（包括骨骼），可以调用场景的updateMatrixWorld()方法，不过这个操作开销相对较大，建议只在必要时使用：

   mixer.update(1);
   // 强制更新整个场景的矩阵世界
   scene.updateMatrixWorld(true);
   // 读取属性
   console.log(bone.matrix.elements[0]);
   

单独骨骼的处理 #

如果是独立的骨骼（不属于蒙皮网格），在mixer.update()后调用骨骼自身的updateMatrixWorld(true)方法，同样能立即同步最新的变换状态。

内容的提问来源于stack exchange，提问作者imbrizi