easings

Nous utiliserons ici les équations de Robert Penner, disponibles sur le site easings.net

../_images/Screenshot_2020-06-23-Easing-Functions-Cheat-Sheet.png

fonction typescript et conversion en JavaScript

Sur chaque page est disponible une fonction en TypeScript (en bas, dans la partie « Math function »). On résumera qu’il s’agit d’un dérivé de JavaScript.

Pour convertir ce TypeScript en JavaScript, on pourra utiliser par exemple le site https://www.typescriptlang.org/play/.

On pourra ensuite utiliser ces fonctions dans des expressions.

Avertissement

Il est nécéssaire de rajouter le préfixe Math. devant les identificateurs comme pow(), sin(), etc…

concernant les équations

Les équations prennent en paramètre une variable t (de 0 à 1) et renvoie une valeur de 0 à 1.

Cela signifie :

  • la nécessité de générer une suite de valeur de 0 à 1 en entrée, par exemple à partir du temps.
  • la nécessité de travailler avec une suite de valeur de 0 à 1 en sortie, par exemple en l’utilisant comme multiplicateur et avec une position de départ donnée.

En savoir plus

dans la partie suivante

Nous verrons comment convertir la variable time en une courbe triangulaire exploitable avec ces équations.