Sphinx-MathEasing

Sphinx-MathEasing

Comme tous mes plugins, ce script est publié sous licence CC BY 4.0.

Ce plugin tout simple réunit au sein d’un même « namespace » (l’objet Math.easing) des fonctions d’accélération diverses.

Vous pouvez, bien entendu, ajouter vos propres formules. La seule contrainte à respecter est la suivante. Votre fonction doit prendre ces 4 paramètres et dans l’ordre :

  • Le temps écoulé
  • La valeur de départ
  • La modification totale
  • Et la durée totale de l’animation

Votre fonction vous retournera la valeur actuelle. Il est évident que ces 4 paramètres sont nécessairement des nombres, entiers ou décimaux, positifs ou négatifs. Mais allons-y dans l’ordre.

Le temps écoulé et la durée totale de l’animation

C’est le ratio du temps écoulé par rapport à la durée totale qui détermine le pourcentage de l’animation écoulée. Et c’est ce qui permettra de déterminer la valeur actuelle en fonction d’une courbe déterminée par l’équation correspondant à la méthode.

La valeur de départ et la modification totale

La modification totale correspond à la valeur attendue à la fin de l’animation moins la valeur de départ.

L’usage que vous ferez de ces fonctions dépend de la valeur de départ que vous passerez à la fonction. Moi je me suis servi de ces méthodes pour créer les animations des Sphinx-Chart2. Je me suis aussi servi de ces méthodes pour mon script Sphinx-GameClock, pour actualiser la teinte de l’écran en fonction de l’heure.

Les courbes d’accélération incluses

Voici la liste des courbes d’accélération que j’ai agrégé dans ce plugin :

  • linearTween
  • easeInQuad
  • easeOutQuad
  • easeInOutQuad
  • easeInCubic
  • easeOutCubic
  • easeInOutCubic
  • easeInQuart
  • easeOutQuart
  • easeInOutQuart
  • easeInQuint
  • easeOutQuint
  • easeInOutQuint
  • easeInSine
  • easeOutSine
  • easeInOutSine
  • easeInExpo
  • easeOutExpo
  • easeInOutExpo
  • easeInCirc
  • easeOutCirc
  • easeInOutCirc

Pour bien visualiser les courbes correspondant à chacune de ces méthodes, j’ai créé une scène assez basique :

Pour fonctionner, cette scène nécessite l’installation du script Sphinx-Chart2.

Pour ouvrir cette scène, qui permet de naviguer entre les méthodes d’easing, il suffit d’appeler cette commande de plugin : DEMO_EASING_GRAPH.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.