Easing not working in the gsap module.

[NamedPlayer]

 

I'm currently running a Nuxt project with gsap hooked in. However all the basic ease things don't seem to be working except those 'RoughEase,Slowmo' imported separately. I get error messages like 'Power4 is not defined' or similar. How do I import all the basic ease things properly?

 

 

 

 

 

[tailbreezy]

Hello,

 

Interesting, Power4 should be accessible. Have you tried to use the more conventional way ease: "power4"?

[GreenSock]

That error message indicates you forgot to import it. 

import { gsap, Power4 } from "gsap";

But frankly, I think it's much cleaner to just use the string-based syntax that was introduced in GSAP 3. No extra imports needed at all:

gsap.to(".class", { ease: "power4" });

There's "power4.out", "power4.in", and "power4.inOut" and when you leave off the ".*", it defaults to ".out". 

 

https://greensock.com/3-migration

[NamedPlayer]

3 hours ago, tailbreezy said:

Hello,

 

Interesting, Power4 should be accessible. Have you tried to use the more conventional way ease: "power4"?

 

2 hours ago, GreenSock said:

That error message indicates you forgot to import it. 

import { gsap, Power4 } from "gsap";

But frankly, I think it's much cleaner to just use the string-based syntax that was introduced in GSAP 3. No extra imports needed at all:

gsap.to(".class", { ease: "power4" });

There's "power4.out", "power4.in", and "power4.inOut" and when you leave off the ".*", it defaults to ".out". 

 

https://greensock.com/3-migration

 

I just tried, It works fine with second version!

 

Thanks to all of you! have a nice day XD