Colors Tween.js和THREE.js,如何使彩色Tween工作?

Colors Tween.js和THREE.js,如何使彩色Tween工作?,colors,three.js,tween.js,Colors,Three.js,Tween.js,我有一个关于tween.js和three.js一起使用的问题 我一直在试着让一个能触发鼠标下移的彩色吐温起作用。 但是它不会触发tween,也不会给出任何错误。 我不知所措: for (var i = 0; i < scene.children.length; i++) { if (scene.children[i].position.z <= maxPositionZ && scene.children[i].position.z >= minPositi

我有一个关于tween.js和three.js一起使用的问题

我一直在试着让一个能触发鼠标下移的彩色吐温起作用。 但是它不会触发tween,也不会给出任何错误。 我不知所措:

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); 
}

我的问题的答案是TWEEN.update;在渲染中,函数应该在其自身的函数中分离。它不能与requestAnimationFrame处于相同的函数中

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