251 lines
4.6 KiB
JavaScript
251 lines
4.6 KiB
JavaScript
'use strict';
|
|
|
|
var helpers = require('./helpers.core');
|
|
|
|
/**
|
|
* Easing functions adapted from Robert Penner's easing equations.
|
|
* @namespace Chart.helpers.easingEffects
|
|
* @see http://www.robertpenner.com/easing/
|
|
*/
|
|
var effects = {
|
|
linear: function(t) {
|
|
return t;
|
|
},
|
|
|
|
easeInQuad: function(t) {
|
|
return t * t;
|
|
},
|
|
|
|
easeOutQuad: function(t) {
|
|
return -t * (t - 2);
|
|
},
|
|
|
|
easeInOutQuad: function(t) {
|
|
if ((t /= 0.5) < 1) {
|
|
return 0.5 * t * t;
|
|
}
|
|
return -0.5 * ((--t) * (t - 2) - 1);
|
|
},
|
|
|
|
easeInCubic: function(t) {
|
|
return t * t * t;
|
|
},
|
|
|
|
easeOutCubic: function(t) {
|
|
return (t = t - 1) * t * t + 1;
|
|
},
|
|
|
|
easeInOutCubic: function(t) {
|
|
if ((t /= 0.5) < 1) {
|
|
return 0.5 * t * t * t;
|
|
}
|
|
return 0.5 * ((t -= 2) * t * t + 2);
|
|
},
|
|
|
|
easeInQuart: function(t) {
|
|
return t * t * t * t;
|
|
},
|
|
|
|
easeOutQuart: function(t) {
|
|
return -((t = t - 1) * t * t * t - 1);
|
|
},
|
|
|
|
easeInOutQuart: function(t) {
|
|
if ((t /= 0.5) < 1) {
|
|
return 0.5 * t * t * t * t;
|
|
}
|
|
return -0.5 * ((t -= 2) * t * t * t - 2);
|
|
},
|
|
|
|
easeInQuint: function(t) {
|
|
return t * t * t * t * t;
|
|
},
|
|
|
|
easeOutQuint: function(t) {
|
|
return (t = t - 1) * t * t * t * t + 1;
|
|
},
|
|
|
|
easeInOutQuint: function(t) {
|
|
if ((t /= 0.5) < 1) {
|
|
return 0.5 * t * t * t * t * t;
|
|
}
|
|
return 0.5 * ((t -= 2) * t * t * t * t + 2);
|
|
},
|
|
|
|
easeInSine: function(t) {
|
|
return -Math.cos(t * (Math.PI / 2)) + 1;
|
|
},
|
|
|
|
easeOutSine: function(t) {
|
|
return Math.sin(t * (Math.PI / 2));
|
|
},
|
|
|
|
easeInOutSine: function(t) {
|
|
return -0.5 * (Math.cos(Math.PI * t) - 1);
|
|
},
|
|
|
|
easeInExpo: function(t) {
|
|
return (t === 0) ? 0 : Math.pow(2, 10 * (t - 1));
|
|
},
|
|
|
|
easeOutExpo: function(t) {
|
|
return (t === 1) ? 1 : -Math.pow(2, -10 * t) + 1;
|
|
},
|
|
|
|
easeInOutExpo: function(t) {
|
|
if (t === 0) {
|
|
return 0;
|
|
}
|
|
if (t === 1) {
|
|
return 1;
|
|
}
|
|
if ((t /= 0.5) < 1) {
|
|
return 0.5 * Math.pow(2, 10 * (t - 1));
|
|
}
|
|
return 0.5 * (-Math.pow(2, -10 * --t) + 2);
|
|
},
|
|
|
|
easeInCirc: function(t) {
|
|
if (t >= 1) {
|
|
return t;
|
|
}
|
|
return -(Math.sqrt(1 - t * t) - 1);
|
|
},
|
|
|
|
easeOutCirc: function(t) {
|
|
return Math.sqrt(1 - (t = t - 1) * t);
|
|
},
|
|
|
|
easeInOutCirc: function(t) {
|
|
if ((t /= 0.5) < 1) {
|
|
return -0.5 * (Math.sqrt(1 - t * t) - 1);
|
|
}
|
|
return 0.5 * (Math.sqrt(1 - (t -= 2) * t) + 1);
|
|
},
|
|
|
|
easeInElastic: function(t) {
|
|
var s = 1.70158;
|
|
var p = 0;
|
|
var a = 1;
|
|
if (t === 0) {
|
|
return 0;
|
|
}
|
|
if (t === 1) {
|
|
return 1;
|
|
}
|
|
if (!p) {
|
|
p = 0.3;
|
|
}
|
|
if (a < 1) {
|
|
a = 1;
|
|
s = p / 4;
|
|
} else {
|
|
s = p / (2 * Math.PI) * Math.asin(1 / a);
|
|
}
|
|
return -(a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t - s) * (2 * Math.PI) / p));
|
|
},
|
|
|
|
easeOutElastic: function(t) {
|
|
var s = 1.70158;
|
|
var p = 0;
|
|
var a = 1;
|
|
if (t === 0) {
|
|
return 0;
|
|
}
|
|
if (t === 1) {
|
|
return 1;
|
|
}
|
|
if (!p) {
|
|
p = 0.3;
|
|
}
|
|
if (a < 1) {
|
|
a = 1;
|
|
s = p / 4;
|
|
} else {
|
|
s = p / (2 * Math.PI) * Math.asin(1 / a);
|
|
}
|
|
return a * Math.pow(2, -10 * t) * Math.sin((t - s) * (2 * Math.PI) / p) + 1;
|
|
},
|
|
|
|
easeInOutElastic: function(t) {
|
|
var s = 1.70158;
|
|
var p = 0;
|
|
var a = 1;
|
|
if (t === 0) {
|
|
return 0;
|
|
}
|
|
if ((t /= 0.5) === 2) {
|
|
return 1;
|
|
}
|
|
if (!p) {
|
|
p = 0.45;
|
|
}
|
|
if (a < 1) {
|
|
a = 1;
|
|
s = p / 4;
|
|
} else {
|
|
s = p / (2 * Math.PI) * Math.asin(1 / a);
|
|
}
|
|
if (t < 1) {
|
|
return -0.5 * (a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t - s) * (2 * Math.PI) / p));
|
|
}
|
|
return a * Math.pow(2, -10 * (t -= 1)) * Math.sin((t - s) * (2 * Math.PI) / p) * 0.5 + 1;
|
|
},
|
|
easeInBack: function(t) {
|
|
var s = 1.70158;
|
|
return t * t * ((s + 1) * t - s);
|
|
},
|
|
|
|
easeOutBack: function(t) {
|
|
var s = 1.70158;
|
|
return (t = t - 1) * t * ((s + 1) * t + s) + 1;
|
|
},
|
|
|
|
easeInOutBack: function(t) {
|
|
var s = 1.70158;
|
|
if ((t /= 0.5) < 1) {
|
|
return 0.5 * (t * t * (((s *= (1.525)) + 1) * t - s));
|
|
}
|
|
return 0.5 * ((t -= 2) * t * (((s *= (1.525)) + 1) * t + s) + 2);
|
|
},
|
|
|
|
easeInBounce: function(t) {
|
|
return 1 - effects.easeOutBounce(1 - t);
|
|
},
|
|
|
|
easeOutBounce: function(t) {
|
|
if (t < (1 / 2.75)) {
|
|
return 7.5625 * t * t;
|
|
}
|
|
if (t < (2 / 2.75)) {
|
|
return 7.5625 * (t -= (1.5 / 2.75)) * t + 0.75;
|
|
}
|
|
if (t < (2.5 / 2.75)) {
|
|
return 7.5625 * (t -= (2.25 / 2.75)) * t + 0.9375;
|
|
}
|
|
return 7.5625 * (t -= (2.625 / 2.75)) * t + 0.984375;
|
|
},
|
|
|
|
easeInOutBounce: function(t) {
|
|
if (t < 0.5) {
|
|
return effects.easeInBounce(t * 2) * 0.5;
|
|
}
|
|
return effects.easeOutBounce(t * 2 - 1) * 0.5 + 0.5;
|
|
}
|
|
};
|
|
|
|
module.exports = {
|
|
effects: effects
|
|
};
|
|
|
|
// DEPRECATIONS
|
|
|
|
/**
|
|
* Provided for backward compatibility, use Chart.helpers.easing.effects instead.
|
|
* @function Chart.helpers.easingEffects
|
|
* @deprecated since version 2.7.0
|
|
* @todo remove at version 3
|
|
* @private
|
|
*/
|
|
helpers.easingEffects = effects;
|