Contrôle de la vitesse de Bézier du chemin Jquery

Question

J'ai une animation qui s'estompe en <div id="robert">stuff</div>, puis suit le chemin spécifié ci-dessous. Je veux savoir s'il y a un moyen de ralentir la partie d'animation de la courbe de Bézier? Je l'ai mis à «balancer» pour l'assouplissement, mais y a-t-il un travail pour le ralentir?

var pathRobert = { 
    start: { 
     x: 408, 
     y: 303, 
     angle: 72.594, 
     length: 1.390 
    }, 
    end: { 
     x: 510, 
     y:375, 
     angle: 233.366, 
     length: 1.138 
    } 
}; 

$(window).scroll(function(){ 
    //first animation for ipad with hands 

    if ((withinViewport((testimonials)) == true) && (peopleBlock !=0)){ 
     peopleBlock = 0; 

     $("#robert").fadeTo('fast',1).animate({ 
      path : new $.path.bezier(pathRobert) 
     },"swing"); 
    } 
}); 

Merci,

Alex

Answer 1

Vous devriez être capable de spécifier une durée ainsi que l'assouplissement.

.animate(properties [, duration ] [, easing ] [, complete ]) 

Quelque chose comme:

$("#robert").fadeTo('fast',1).animate({ 
    path : new $.path.bezier(pathRobert) 
},5000,"swing"); 

http://jsfiddle.net/kLRN2/

Answer 2

solution assez simple:

$("#rita").fadeTo('fast',1).animate({ 
      path : new $.path.bezier(pathRita) 
     },800); 

Remplacez simplement "swing" avec le temps que vous voulez prendre ...