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);
});