API d'assouplissement
Évaluez les fonctions d'assouplissement et de synchronisation d'animation. Le point de terminaison exemple calcule l'un des 31 assouplissements Penner standard — easeInOutCubic, easeOutBounce, easeInOutElastic, easeInBack, easeOutExpo, easeInOutSine et les autres — les quatre mots-clés CSS (ease, ease-in, ease-out, ease-in-out), ou votre propre fonction de synchronisation CSS cubic-bezier(x1,y1,x2,y2), résolue exactement avec Newton-Raphson. Demandez une seule valeur de progression t, ou passez steps=N pour obtenir un tableau prêt à l'emploi de points {t, value} pour construire des images clés, des chronologies de sprites, des animations de défilement et des tables de recherche d'interpolation. Le point de terminaison de liste renvoie chaque nom d'assouplissement pris en charge avec le cubic-bezier pour les mots-clés CSS. Les valeurs assouplies peuvent dépasser en dessous de 0 ou au-dessus de 1 pour back, elastic et bounce, exactement comme les concepteurs s'y attendent. Idéal pour la conception de mouvements, les animations UI et de jeux, les outils CSS et canvas/WebGL, les transitions de graphiques et de visualisation de données, et partout où vous avez besoin d'une courbe de synchronisation précise sans importer de bibliothèque. Calcul local pur — pas de clé, pas de service tiers, instantané. En direct, rien n'est stocké. 3 points de terminaison. Ceci calcule les valeurs de courbe ; pour convertir des couleurs ou construire des dégradés, utilisez les API de couleur et de dégradé.
api.oanor.com/easing-api
