Question

我想为具有不同效果但在单个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)
    .to({x: 100, y:100}, 1000, function (v) { 
        if( animatingX ) return v;
        else return v*v;
    });

我目前的解决方案是使用不同的补间为每个属性设置动画：

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负载过多会有数百个对象。

有什么想法吗？

Answer 1

我认为使用数百个tweenJs对象并不过分。我在我的粒子位图上使用三个动画，我可以同时更新50-60个粒子。结果是没有超载我的CPU，实际上，我尝试了XperiaZ2，iPhone5和三星Galaxy S4，它非常流畅。

在我看来，你可以继续使用这种技术，而不必担心效率。

CreateJS / TweenJS，在单个Tween中为具有不同功能的多个属性设置动画

1 个答案: