Jump to content
GreenSock

alessio

.setTween is not a function

Recommended Posts

Hi all, i have a problem with my code. I have adding the last version of TweenMax 2.1.3 and TweenLite 2.1.3 but i have this error.

 

Uncaught TypeError: (intermediate value).setTween is not a function
    at HTMLDocument.<anonymous> (scroll-ps.js:77)
    at j (jquery.js:3094)
    at Object.fireWith [as resolveWith] (jquery.js:3206)
    at Function.ready (jquery.js:3412)
    at HTMLDocument.I (jquery.js:3428)

 

I tried to see other guides and most users have updated to the latest version.
I can't understand my mistake
 

Thx all for patients

 

jQuery(document).ready(function() {

  var hand = $("#logo-pietro_p"),
      heart = $('#logo-pietro_i'),
      tl;

      tl = new TimelineMax();

      // GSAP Star Positions for Animated Elements
      tl.set(heart, {scale: 0.6, yPercent: -200, opacity: 0, transformOrigin:"center center"})
        .set(hand, {yPercent: 30, rotation: 6});

  var controller = new ScrollMagic.Controller();

  var tlHeartAnimation = new TimelineMax({paused: true});
  tlHeartAnimation.to(heart, 0.7, {scale: 1, yPercent: 0, transformOrigin:"center center", ease: Sine.easeOut}, 'heartDrop')
    .to(heart, 0.3, {opacity: 1, ease: Sine.easeIn}, 'heartDrop')
    .to(hand, 0.6, {yPercent: 0, rotation: 0, transformOrigin:"left center", ease: Sine.easeOut}, 0.1)
    .to(heart, 0.2, {scale: 1.1, yPercent: -20, transformOrigin:"center center", ease: Sine.easeOut}, 'heartBounce')
    .to(heart, 0.2, {scale: 1, yPercent: 0, transformOrigin:"center center", ease: Sine.easeOut}, 'heartBounce+0.2');



    var scene = new ScrollMagic.Scene({
        triggerElement: "#ps-animation-logo",
        offset: -80,
        triggerHook: 'onLeave'
      })
    .setTween(tlHeartAnimation.play())
    .setTween(tlHeartAnimation.play())
    .addIndicators({name: "lettera p"}) 
    .addTo(controller);

});

 

Link to comment
Share on other sites

Sounds like you haven't loaded the ScrollMagic GSAP plugin.

 

<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/animation.gsap.min.js"></script>

 

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×