(15)前端好好玩用 GSAP 做一個特效 - Plugins

前言

我們在實際開發上一定有更多複雜的動畫，但那些動畫行為如果叫我們手動自幹，其實非常的痛苦，好在 GSAP 官方本身就有提供相當多套件，因此這一篇會著重於分享有哪些套件。

GSAP Plugins

那麼由於後面我們會介紹一些 GSAP Plugin 跟使用方法，所以這一篇會先來介紹一下 GSAP 本身有哪些 Plugin 可以使用。

GSAP 官方本身提供許多套件，而且都有持續在更新並維護，下面這邊我也列出有哪些套件可以使用

• Flip Plugin
• ScrollTrigger Plugin
• MotionPath Plugin
• Inertia Plugin
• PixiPlugin
• ModifiersPlugin
• MorphSVGPlugin
• DrawSVGPlugin
• jquery.gsap.js
  • GSAP 已經沒有在支援了
• TextPlugin
• ScrollToPlugin
• ScrambleTextPlugin
• PhysicsPropsPlugin
• Physics2DPlugin
• EaselPlugin
• CSSRulePlugin
• CSSPlugin
• BezierPlugin
• AttrPlugin

而這些套件其實都在官方網站上面有列出來，有沒有覺得很意外？原來 GSAP 本身有這麼多的套件可以使用，而且都是官方所維護並提供的，因此這件事情對於開發者是非常友善的。

Plugin 注意事項

那麼在使用官方所提供的套件之前，這邊要注意一件事情，也就是並不是所有套件都是免費的(滿多都是付費的)，那麼下一篇就會來介紹常用的套件以及如何使用套件哩。