The function isn't working on CodePen while working on-premises.

[Shah Sadikov]

Hello,

I am new to GSAP and getting experience by doing smaller projects. I have attached one such example. The GSAP function I have used in the CodePen example works as expected on-premises but not on CodePen (I left a comment above that function separated by //==== ). I  also tried to use the function without "an arrow" but just as "function(word)"; however,  still not getting it to work.

 

I look forward to reading your feedback. Thank you in advance!

Shah

See the Pen LYewOov?editors=0110 by shahsadikov (@shahsadikov) on CodePen

[PointC]

You'll need to register the plugin.

gsap.registerPlugin(TextPlugin);

See the Pen 02869f0e1ee6cd13d869699556700b2c by PointC (@PointC) on CodePen

 

Happy tweening and welcome to the forum.

 

[Shah Sadikov]

Dear Mr. Craig @PointC,

 

Thank you very much for your quick response with the solution, and for the welcome, it's much appreciated! If I may ask a follow up question: why is the TextPlugin registered while the other, RoughEase, isn't? Because the other plugin is working without it being registered.

 

Thank you again!

Shah

[OSUblake]

You should register everything, including the ease to guarantee that it will work in a production environment.

 

[Shah Sadikov]

@OSUblake, thank you so much! Understood! 

[GreenSock]

Just to clarify, the plugins will TRY to automatically register themselves but that can only happen if GSAP is loaded as a global first. So in a CodePen environment, you're simply loading the gsap.min.js file and as long as that happens first, the subsequently-loaded plugins won't technically need to be registered but we always recommend that you do it anyway because if you move to a modules-based environment with a build tool or something, things aren't really global anymore. 

 

So in summary, Blake is exactly correct about the fact that you should just get in the habit of registering plugins to avoid any potential problems. I simply wanted to explain why it may still work sometimes if you don't register. 

[Shah Sadikov]

Thank you very much for the complete information/explanation. This is much appreciated! I will know this moving forward. Also, thank you for this great library! It makes animation process seamless and enjoyable. 

Shah