Actuellement, j'essaie de mettre en code toutes les petites idées qui me passent par la tête pour réaliser mon site perso. L'une d'elle est un effet elastique sur une courbe de Bezier, que j'ai réalisé vite fait histoire de voir ce que ca donne.





Du coup, je me suis replongé dans les mathématiques de ces courbes, notamment grâce à l'article de Timothée Groleau sur les courbes de Bezier dans Flash dont j'ai déjà parlé, et aussi grâce aux liens qu'il y donne. La difficulté réside dans le fait qu'il faut calculer les cooronnées du point de contrôle (ici juste _y) en fonction de l'endroit où l'on veut que la courbe passe ... rien de bien nouveau, et nombreux sont ceux qui on deja fait ce type d'utilisation des courbes dans Flash, mais voila ma petite contribution ! :)

J'en ai également profité pour me réconcilier un peu avec l'effet elastique des easing de Penner. En effet, bien que fan de ses interpolations, je trouvais l'effet elastique assez peu convaincant ... mais la il passe assez bien ! 8)

Le code en lui-même n'est pas ce qu'il y a de plus rigoureux et générique. En effet, j'ai par exemple profité du fait d'avoir un trait horizontal pour m'éviter un certain nombre de calculs ... :oops: De plus, quelque bugs subsistent encore, notamment lorsque l'on commence à "pousser" la courbe sans aller plus loin et que l'on revient la où on était, elle reste courbée ... ou alors au moment ou la souris rentre au dessus de l'animation. Mais comme je l'ai dit, ce n'est qu'un test assez vite fait ! ;)

::Télécharger xp_curve.zip::