CreateJS/TweenJS,在一个Tween中使用不同的功能设置多个属性的动画
我想用不同的效果为对象的属性设置动画,但是在一个Tween(性能问题)中,有可能吗 假设我有一个对象{x:0,y:0},我想将它设置为{x:100,y:100}。 我从以下几点开始:CreateJS/TweenJS,在一个Tween中使用不同的功能设置多个属性的动画,createjs,tween,Createjs,Tween,我想用不同的效果为对象的属性设置动画,但是在一个Tween(性能问题)中,有可能吗 假设我有一个对象{x:0,y:0},我想将它设置为{x:100,y:100}。 我从以下几点开始: createjs.Tween.get(myObject) .to({x: 100, y:100}, 1000, function (v) { return v; }); 这将线性地设置所有属性的动画,我希望执行以下操作: createjs.Tween.get(myObject)
createjs.Tween.get(myObject)
.to({x: 100, y:100}, 1000, function (v) {
return v;
});
这将线性地设置所有属性的动画,我希望执行以下操作:
createjs.Tween.get(myObject)
.to({x: 100, y:100}, 1000, function (v) {
if( animatingX ) return v;
else return v*v;
});
我当前的解决方案是使用不同的tween设置每个属性的动画:
createjs.Tween.get(myObject)
.to({x: 100}, 1000, function (v) {
return v;
});
createjs.Tween.get(myObject)
.to({y:100}, 1000, function (v) {
return v*v;
});
但是,拥有数百个对象,我的CPU负载过大
有什么想法吗?我认为使用数百个tweenJs对象并不过分。 我正在使用三个动画,就像你在我的粒子位图上所做的那样,我可以同时更新50-60个粒子。 结果并没有使我的CPU过载,事实上,我在XperiaZ2、iPhone5和三星Galaxy S4上试过了,结果很顺利 在我看来,你可以继续使用这种技术而不必担心效率