Page 100 - jQuery для начинающих
P. 100
Easing
Теперь опять обратимся к easing’у – приведу пример произвольной функции, которой будет
следовать анимация. Дабы особо не фантазировать – я взял пример из статьи o анимации в
MooTools фреймворке – очень наглядный пример с сердцебиением, которое описывается
следующими функциями:
{
В расширении функционала easing нет ничего военного:
$.extend($.easing, {
/**
* Heart Beat
*
* @param x progress
* @param t current time
* @param b = 0
* @param c = 1
* @param d duration
*
* @link http://habrahabr.ru/blogs/mootools/43379/
*/
heart:function(x, t, b, c, d) {
if (x < 0.3) return Math.pow(x, 4) * 49.4;
if (x < 0.4) return 9 * x - 2.3;
if (x < 0.5) return -13 * x + 6.5;
if (x < 0.6) return 4 * x - 2;
if (x < 0.7) return 0.4;
if (x < 0.75) return 4 * x - 2.4;
if (x < 0.8) return -4 * x + 3.6;
if (x >= 0.8) return 1 - Math.sin(Math.acos(x));
}
});
100
www.trk.kg
