Modifier for short-rotation?

[CryOfGaming]

Hello,

 

anyone any idea why this code wont print the current rotation in the console?

 

gsap.to(this, {
            duration: 2, 
            rotation: "-170_short",
            modifiers: {
                rotation: function(x) {
                    console.log(x);
                },
            }, 
            ease: "none"
        })

 

When i remove the "_short" it works perfectly fine. Thank you!

[Cassie]

Hey @CryOfGaming

 

Welcome to the forums! 

See the Pen Pombmjm?editors=1111 by GreenSock (@GreenSock) on CodePen

It's logging out to the console for me. 👀

[CryOfGaming]

7 minutes ago, Cassie said:

Hey @CryOfGaming

 

Welcome to the forums! 

 

 

It's logging out to the console for me. 👀

 

 

Thanks for the quick response. I used your gsap.min.js which you used in codepen now and it shows me: 

But wihtout "-short" it works perfectly fine and loggst the position.

 

 

[Cassie]

What version of GSAP were you using before? Maybe it was an old one without that syntax available?

[CryOfGaming]

Just now, Cassie said:

What version of GSAP were you using before? Maybe it was an old one without that syntax available?

I opened both and both are 3.7.0
(i checked, the old one also send that warning. Did just not saw it cause my console got spammed)

[Cassie]

Huh, very odd - Could you pop together a minimal demo so we can see why your demo's broken? 

[CryOfGaming]

8 minutes ago, Cassie said:

Huh, very odd - Could you pop together a minimal demo so we can see why your demo's broken? 

See the Pen QWvGMMK by cryofgaming (@cryofgaming) on CodePen

 

here u go. Hope you can figure out whats broken

[GreenSock]

Oh, it's not broken - you're trying to animate a target that has no such property ("rotation").

 

The directional rotation functionality is baked into CSSPlugin which is for DOM elements. And CSSPlugin is in the core (you don't have to load it separately). If you need to do directional rotation for generic objects, you can make a custom plugin or run your logic outside the tween so that it feeds in the already-transformed value into the rotation. 

[OSUblake]

You can see how the logic works in the PixiPlugin.

https://github.com/greensock/GSAP/blob/master/src/PixiPlugin.js#L219