Tween.js和THREE.js，我如何让补间颜色起作用？

Question

我有一个关于在three.js中使用tween.js的问题

我一直在试着让一种能在鼠标按下时触发的补间颜色起作用。然而，它不会触发补间，也不会给出任何错误。我不知所措：

for (var i = 0; i < scene.children.length; i++) {
  if (scene.children[i].position.z <= maxPositionZ && scene.children[i].position.z >= minPositionZ) {
    if (scene.children[i].position.y <= maxPositionY && scene.children[i].position.y >= minPositionY) {
      if (scene.children[i].position.x <= maxPositionX && scene.children[i].position.x >= minPositionX) {
        timer = timer + tweenSpeed
        doTimeout(i,timer);          
      }
    }
  }
}


function doTimeout(i,timer){
  var fadeouttimer = 1000 + timer
  setTimeout(function() {

  var tween = new TWEEN.Tween(scene.children[i].children[0].material.color).to({r: 1, g: 0, b: 0 }, 200).start()

  }, timer); 
}

Answer 1

我的问题的答案是，渲染函数中的TWEEN.update()；应该在它自己的函数中分开。它不能与requestAnimationFrame()在同一函数中

function render() {
  TWEEN.update();
  renderer.render(scene, camera);
}