Setting rotation to -180 or 180 = No rotation!

[Mr Pablo]

I am trying to set the rotation on an image to an initial value of -180 (this also happens with 180).

 

I am setting it using the following code

 

tn = TweenMax.set( $('#asset'), {
                            rotation: data.angle
                        } );

(other values are also set)

 

When I play my animation, the image is the right way up!

 

If I change the value to -179, or 179, the image is correctly upside-down (ignoring the 1 degree difference)

 

I have tried with the latest version of GSAP (1.11.1).

 

Any idea as to why this is happening?

 

NB I tried using just "data.angle" and also "parseInt(data.angle)" but it made no difference. I also tried add " + 'deg' " to the end, no difference.

[jamiejefferson]

Does it still fail if you replace data.angle with 180 directly? TweenMax.set(element, { rotation:180 }) is working well for me in 1.11.1.

 

What kind of value is stored in data.angle? i.e. what is logged when you try

console.log(typeof data.angle, data.angle);
tn = TweenMax.set($('#asset'), { rotation: data.angle });

I think you'll probably have to setup a live demo of this (perhaps codepen.io or jsfiddle.net?) that shows the rotation failing only on rotation:180.

[Mr Pablo]

Console is reporting the value as a string

 

EDIT -OK, super weird, I think it's Chrome spazzing out haha! Gonna restart Chrome and check

[GreenSock]

Yeah, seems to work great for me regardless of whether you set it directly with a numeric 180, or a string "180". I wonder if there's something else going on in your code somewhere that's causing the odd behavior. Feel free to post a simple codepen or jsfiddle that demonstrates the issue and we'll gladly take a peek.