Question

我对使用tween.js和three.js

有疑问

我一直试图让颜色补间工作，以便在mousedown上触发。但是它没有触发补间，也没有给出任何错误。我不知所措:(

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

Tween.js和THREE.js，如何使补色工作？

1 个答案: