variables in attributes

[gareth 8 Likes (Newbie)]

Hi,

 

How can I use a variable in the d section of this tween?

TweenMax.to("#pole",force,{attr:{d:'M100,300 C100,100 110,40  110,40'},repeat:-1,yoyo:true});

I tried 

TweenMax.to("#pole",force,{attr:{d:'M100,300 C100,100' +force+',40'  +force+',40'},repeat:-1,yoyo:true});

[gareth 8 Likes (Newbie)]

This works:

var curve = {d:'M100,300 C100,100 ' + force +',40  ' + force +',40'};

TweenMax.to("#pole",force,{attr:curve,repeat:-1,yoyo:true});

[Jonathan 5,176 Likes (Superhero)]

Hello gareth,

 

Looks like you were missing the space between the C100,100 and the first single quote '.

 

d:'M100,300 C100,100SPACE' +force+',40' +force+',40'

// So this
TweenMax.to("#pole",force,{attr:{d:'M100,300 C100,100' +force+',40' +force+',40'},repeat:-1,yoyo:true});

// Becomes this:
TweenMax.to("#pole",force,{attr:{d:'M100,300 C100,100 '+force+',40' +force+',40'},repeat:-1,yoyo:true});

[gareth 8 Likes (Newbie)]

thanks!