How to tween an element from its current position? The cleanest way.

[venn]

A quick and seemingly simple question but I can't seem to find a better way to do this.

 

I wanted my elementA to tween space * 2 to the left of its current position with space being 256px.

However what is the cleaner way to do something like that?

 

x: "-=" + space*2 seems complex.

var space = 256;
TweenMax.to(elementA, 3, {x: "-="+space*2});

I could do something like this in ES6

`-=${space*2}` 

but still looks complex.

 

Thanks,
Venn.

[Dipscom]

Well, if your requirement is to have a variable and use its value doubled, I am not aware of any other "less complex" way, save of creating a second variable...

var space = 256;
var doublespace = "-=" + space * 2;
TweenMax.to(elementA, 3, {x:doublespace});

Ultimately, you need to specify what the tween needs to do...