Three.js animation 混频器不更新，除非登录 animation 循环

Question

JavaScript 中非常奇怪的行为，一个简单的AnimationMixer.update(delta)不起作用，除非我对它进行控制台记录：

// This works
function animate() {
  requestAnimationFrame(animate);
  renderer.render(scene, camera);
  // Update mixers...
  Object.values(sandbox.models).forEach(x => (x.mixer && console.log(x.mixer.update(clock.getDelta()))));
}

// These don't work
function animate() {
  requestAnimationFrame(animate);
  renderer.render(scene, camera);
  // Update mixers...
  Object.values(sandbox.models).forEach(x => (x.mixer && (x.mixer.update(clock.getDelta()))));
}

function animate() {
  requestAnimationFrame(animate);
  renderer.render(scene, camera);
  // Update mixers...
  Object.values(sandbox.models).forEach(x => (x.mixer && void(x.mixer.update(clock.getDelta()))));
}

然后，当AnimationMixer.clipAction(animation).play()播放 animation 时，除非我做第一个，否则不会播放。

这很奇怪，为什么混音器只在记录返回值时才更新？

我无法显示所有代码，因为它太长而且无法工作，因为我也有链接文件。

正如您可能知道的那样，您不能每秒登录数千次，这通常很愚蠢并且会减慢游戏速度。

Answer 1

您永远不应在 animation 循环中多次调用Clock.getDelta() 。 否则增量值将接近0 （因为您得到的是上次getDelta()调用之间经过的时间）。 所以像这样尝试：

function animate() {
  requestAnimationFrame(animate);
  const delta = clock.getDelta();
  renderer.render(scene, camera);
  // Update mixers...
  Object.values(sandbox.models).forEach( x => {
    if (x.mixer) x.mixer.update(delta);
  } );
}

还要避免每帧使用Object.values() ，因为它会在每次调用时返回一个新数组，这对性能不利（这只会导致 GC 开销）。