Jump to content
Search Community

HELP! Cant stop the tween from easing out.

ddesilva test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi Guys, I have the following set of tweens but I am unable to stop it from easing out.. I need to slow the entire animation down however towards the end it slows to a crawl. Any help would be greatly appreciated as I have an extremely tight deadline.

 


 self.llnTimeline = new TimelineMax({delay :1,smoothChildTiming :true,timeResolution :6,

                onUpdate:function(){

                    $("#currentTimeCode").html(String(Math.round(self.llnTimeline.time())));

                    

                }

            });


 

self.llnTimeline.add(TweenMax.to(self.llnPlane, globalflightSpeed, {

                    css:{

                    bezier:{

                    autoRotate:true,

                    type:"thru",

                    easeNone : Linear,

                    values:[

                        {left:1741, top:4016},

                        {left:1687, top:4105},

                        {left:1504, top:3953},

                        {left:2385, top:386},

                        {left:2672, top:326},

                        {left:3947, top:976},

                        {left:4645, top:1865},

                        {left:4707, top:2415},

                        {left:3823, top:3021},

                        {left:2728, top:3586},

                        {left:1875, top:3563},

                        {left:1812, top:3603}

                    ]}},

                    }

            ),5);

Link to comment
Share on other sites

You just nested the ease in the wrong spot and used the wrong syntax - it's ease:Linear.easeNone. I think you meant: 

 

 

self.llnTimeline = new TimelineMax({delay :1, smoothChildTiming :true, 
                onUpdate:function(){
                    $("#currentTimeCode").html(String(Math.round(self.llnTimeline.time())));
                    
                }
            });

 
self.llnTimeline.to(self.llnPlane, globalflightSpeed, {
                    ease:Linear.easeNone,
                    css:{
                    bezier:{
                    autoRotate:true,
                    type:"thru",
                    values:[
                        {left:1741, top:4016},
                        {left:1687, top:4105},
                        {left:1504, top:3953},
                        {left:2385, top:386},
                        {left:2672, top:326},
                        {left:3947, top:976},
                        {left:4645, top:1865},
                        {left:4707, top:2415},
                        {left:3823, top:3021},
                        {left:2728, top:3586},
                        {left:1875, top:3563},
                        {left:1812, top:3603}
                    ]}},
                    }, 5);
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.
×
×
  • Create New...