easings
#######

Nous utiliserons ici les équations de `Robert Penner <http://robertpenner.com/easing/>`_, disponibles sur le site `easings.net <https://easings.net>`_

.. image:: 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/ <https://www.typescriptlang.org/play/>`_.

On pourra ensuite utiliser ces fonctions dans des expressions.

.. warning::

   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 <http://robertpenner.com/easing/penner_chapter7_tweening.pdf>`_

dans la partie suivante
***********************

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