作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我的代码是:
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)。
最佳答案
同时为 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();
}
瞧瞧!
关于javascript - 三.js |吐温链 : How to start multiple tween's simultaneous?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36403726/
我是一名优秀的程序员,十分优秀!