CreateJS/TweenJS, анимирайте множество свойства с различни функции в един 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)
    .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;
    });

но имайки стотици обекти, натоварването на процесора ми е прекомерно.

Някаква идея?


person Zoff    schedule 27.01.2015    source източник


Отговори (1)


Не мисля, че използването на стотици обекти tweenJs е прекомерно. Използвам три анимации, както и вие в моята растерна карта на частиците, и мога да имам 50-60 частици, които се актуализират едновременно. Резултатът не е претоварване на моя процесор, всъщност пробвах на XperiaZ2, iPhone5 и Samsung Galaxy S4 и беше достатъчно гладко.

Според мен можете да продължите да работите с тази техника, без да се страхувате от ефективността.

person David Peicho    schedule 10.07.2015