Custom Ease section of animation not working in WordPress

[kabocreative]

Hi, first time poster here pretty new to GSAP (and taking Carl's creative coding club course).

 

I've got a GSAP animation working beautifully in codepen, which includes Custom Ease for one tween.

Loaded into WordPress the remainder of the animation works, just not the Custom Ease.

 

I can see scripts are loading in the correct order:

 

I've scoured the forums (amaaaazing forums btw - it's solved many of my problems before I ended up posting here) but no joy.

 

Dev site: https://kabonewwebsite.kinsta.cloud/

Greatly appreciate any insights from the geniuses in the know

 

 

See the Pen ExEmajG by kabocreative (@kabocreative) on CodePen

[SteveS]

The animation is working on your site for me. Can you describe the issue you are having?

[GreenSock]

I can't see the issue either (at least not in any obvious way). Can you please be more specific about how to replicate, @kabocreative?

[kabocreative]

Apologies for not being clear enough!

The second tween in t1 timeline uses custom ease to cause an agressive shake motion, which works in the codepen but not on the WordPress site. Custom ease is not used in the other tweens.

On codepen the circles scale in, shake for 2.5 seconds, then start moving around.

On WordPress the circles scale in, sit still for 2.5 seconds, then start moving around.

[GreenSock]

Oh, that's because you loaded CustomEase instead of EasePack

 

CustomEase is for doing completely custom eases (any curve) whereas EasePack contains a few very specific eases including RoughEase which is what you were trying to use. 

[kabocreative]

Oh! What a simple and silly error, and to be honest a relief it is such an easy fix.

 

Ha! Love that my first forum question was 'why doesn't this work?'... 'errr.. you're loading the wrong thing'

Thanks so much!