Tweening to a Relative Position using a Variable in TweenMax

This isn’t too complicated, but it’s something I hadn’t come across until a few days ago. If you want to tween an object relatively, but the new value changes and needs to be a variable, just cast it as a string.

// Your everyday absolute tween that moves movieclip_mc
// to 100 on the x axis, taking one second to do so
TweenMax.to(movieclip_mc, 1, {x:100});

// A relative tween that moves movieclip_mc to a
// position on the x axis 100 units/pixels greater
// than movieclip_mc's current position
TweenMax.to(movieclip_mc, 1, {x:"100"});

// An absolute tween like the first, but passing in
// the new value with a variable
TweenMax.to(movieclip_mc, 1, {x:newX});

// A tween that casts the variable as a string,
// thus making it a relative tween
TweenMax.to(movieclip_mc, 1, {x:String(newX)});

If you’re not using TweenMax/TweenLite, do yourself a favor and give it a try.