Three.js | Tween链：如何同时启动多个tween？

Question

我的代码是：

function move(){

var A = new TWEEN.Tween(meshA.position).to({ z: -10 }, 2000).start();        
var B = new TWEEN.Tween(meshB.rotation).to({ z: Math.PI }, 2000);       
var C = new TWEEN.Tween(meshC.position).to({ x: 10 }, 2000);    

A.chain(B);
B.chain(C);
C.chain(A);

animate();    
}

但是，如果我想同时启动多个补间动画，该如何编码呢？（A和B一起移动，然后是C）。

- Treize Cinq

---

尝试使用 https://github.com/CreateJS/TweenJS 中的 CreateJs Tween，这个普通的缓动库带有包装函数的优势。我在我的项目中使用了它，感觉很棒。 - Ajit kohir

我在寻找，谢谢Stallion。 - Treize Cinq

Answer 1

为了同时动画 A 和 B，然后再动画 C：

function move(){

var A = new TWEEN.Tween(meshA.position).to({ z: -10 }, 2000)
.onStart(function(){
     new TWEEN.Tween(meshB.rotation).to({ z: Math.PI }, 2000).start();
}).start();        
var C = new TWEEN.Tween(meshC.position).to({ x: 10 }, 2000);   
A.chain(C);
C.chain(A);
animate();
}

完成了！

- Treize Cinq