J'essaye d'animer un élément de la position A à la position B, mais je ne veux pas que ça se passe linéairement entre chaque point, je voudrais avoir une sorte de trajectoire "parabolique". Puis-je utiliser jQuery.animate() du tout? Ou devrais-je le coder manuellement à partir de zéro en utilisant setInterval()?Comment créer une trajectoire "non-linéaire" en utilisant jQuery.animate()?
Merci!
Daniel
Voici un projet
Vous pouvez créer votre propre "assouplissement" des fonctions sur jQuery.easing, par exemple, cette fonction se rapprocherait une courbe de péché sur 90degrees
jQuery.easing.sin90 = function(p, n, firstNum, diff) {
return Math.sin(p * Math.PI/2) * diff + firstNum;
};
p est un nombre de 0-1 représentant le pourcentage du temps d'animation, n est le temps réel écoulé pour cette animation et firstNum et diff sont un peu trompeur, il apparaît comme si à un moment donné que cela prendrait une valeur de début/fin, mais maintenant toutes les fonctions d'assouplissement normaliser seulement la valeur p si firstNum = 0 et diff = 1
J'ai mis en a simple fiddle montrant en utilisant l'accélération par propriété et certaines fonctions sin/cos pour animer une div dans les cercles en utilisant jQuery.
Nice! J'y vais avec le Bezier, car il semble plus flexible, mais c'est super de savoir que cela peut se faire, merci beaucoup! –
Cela semble parfait, merci! –