Tween value only, not an object property

[Mike D]

Hi guys,

 

Does anyone know how to creat the equivalent of this TWEEN function using Greensock?

new TWEEN.Tween({ val: 0 })
            .to({ val: 1 }, 500)
            .easing(TWEEN.Easing.Circular.InOut)
            .onUpdate(function () {

               // some logic here
            })
            .onComplete(function () {
                // some logic here
            }).start();

Thank you.

[Carl]

The property you tween must belong to some object, but any generic JS object will do.

The target of your tween does not need to be a DOM element or anything.

 

I had this laying around:

//TweenLite can tween any numeric property of any object


var game = {score:0},
    add20Btn = document.getElementById("add20Btn");
scoreDisplay = document.getElementById("score");


add20Btn.onclick = add20;


function add20() {
  TweenLite.to(game, 1, {score:"+=20", roundProps:"score", onUpdate:updateHandler, ease:Linear.easeNone});
}


function updateHandler() {
  scoreDisplay.innerHTML = game.score;
}


add20();

 

http://codepen.io/GreenSock/pen/hzfji

[Mike D]

Thanks a lot Carl, I JUST figured it out before rechecking this post.