ScrollMagic 2.0.8 doesn't work with GSAP 3.5.1

[Dziugas]

Using Scroll Magic with TweenLite, TimelineLite, CSSPlugin, BezierPlugin and animation.gsap works fine, but when GSAP 3.5.1 is added, scroll magic stops working.

 

Scripts:

 

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js"></script>
          <script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/DrawSVGPlugin3.min.js"></script>
          <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/ScrollMagic.min.js"></script>
          <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/plugins/debug.addIndicators.min.js"></script>
          <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/plugins/animation.gsap.min.js"></script>
          <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenLite.min.js"></script>
          <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TimelineLite.min.js"></script>
          <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/CSSPlugin.min.js"></script>
          <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/BezierPlugin.min.js"></script>

 

[Shaun Gorneau]

ScrollMagic is not a product of nor supported by Greensock. It's developed and supported by a 3rd party.

[OSUblake]

Hi @Dziugas 

 

We don't support ScrollMagic as that's not a gsap product. We do have a ScrollTrigger, which should be able to do everything ScrollMagic can.

https://greensock.com/docs/v3/Plugins/ScrollTrigger

 

This is only for demo use on CodePen.

<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/DrawSVGPlugin3.min.js"></script>

 

You don't need these.

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenLite.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TimelineLite.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/CSSPlugin.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/BezierPlugin.min.js"></script>

 

Just these for gsap and the MotionPathPlugin, which replaces the BezierPlugin.

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/MotionPathPlugin.min.js"></script>

 

See the installation docs.

https://greensock.com/docs/v3/Installation?checked=core,motionPath#CDN