Modifier le timing de l'animation
Modification du timing
Pour rappel, on avait ceci:
Si je trouve que finalement que le cercle se trace trop vite et que je préfère plutôt qu’il se trace sur l’intervalle de 1,5 à 3,5 il suffit de redéfinir t_2 par :



t_2=Max(Min(1,0.5(anim-1.5)),0)
ce qui donne :

Appliquer une fonction de transition
Dans les exemples précédents, les tracés du segment et du cercle ont lieu à vitesse constante. Pour donner du rythme, assurer des transitions en douceur, passer plus de temps sur le début et la fin et aller plus vite au milieu, ou encore créer un effet de rebond comme vous avez pu voir dans certaines animations, on peut appliquer une fonction de transition, disons f et remplacer t par f(t) dans les définitions précédentes des points M ou N. Trouver la fonction f qui correspond à l’effet que l’on veut rendre est assez amusant et mobilise un peu de connaissances mathématiques.
C'est l'objet de la page suivante...