UNPKG

fabric

Version:

Object model for HTML5 canvas, and SVG-to-canvas parser. Backed by jsdom and node-canvas.

245 lines (244 loc) 6.89 kB
import { __exportAll } from "../../../_virtual/_rolldown/runtime.mjs"; import { halfPI, twoMathPi } from "../../constants.mjs"; //#region src/util/animation/easing.ts /** * Easing functions * @see {@link http://gizma.com/easing/ Easing Equations by Robert Penner} */ var easing_exports = /* @__PURE__ */ __exportAll({ defaultEasing: () => defaultEasing, easeInBack: () => easeInBack, easeInBounce: () => easeInBounce, easeInCirc: () => easeInCirc, easeInCubic: () => easeInCubic, easeInElastic: () => easeInElastic, easeInExpo: () => easeInExpo, easeInOutBack: () => easeInOutBack, easeInOutBounce: () => easeInOutBounce, easeInOutCirc: () => easeInOutCirc, easeInOutCubic: () => easeInOutCubic, easeInOutElastic: () => easeInOutElastic, easeInOutExpo: () => easeInOutExpo, easeInOutQuad: () => easeInOutQuad, easeInOutQuart: () => easeInOutQuart, easeInOutQuint: () => easeInOutQuint, easeInOutSine: () => easeInOutSine, easeInQuad: () => easeInQuad, easeInQuart: () => easeInQuart, easeInQuint: () => easeInQuint, easeInSine: () => easeInSine, easeOutBack: () => easeOutBack, easeOutBounce: () => easeOutBounce, easeOutCirc: () => easeOutCirc, easeOutCubic: () => easeOutCubic, easeOutElastic: () => easeOutElastic, easeOutExpo: () => easeOutExpo, easeOutQuad: () => easeOutQuad, easeOutQuart: () => easeOutQuart, easeOutQuint: () => easeOutQuint, easeOutSine: () => easeOutSine }); const normalize = (a, c, p, s) => { if (a < Math.abs(c)) { a = c; s = p / 4; } else if (c === 0 && a === 0) s = p / twoMathPi * Math.asin(1); else s = p / twoMathPi * Math.asin(c / a); return { a, c, p, s }; }; const elastic = (a, s, p, t, d) => a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * twoMathPi / p); /** * Default sinusoidal easing */ const defaultEasing = (t, b, c, d) => -c * Math.cos(t / d * halfPI) + c + b; /** * Cubic easing in */ const easeInCubic = (t, b, c, d) => c * (t / d) ** 3 + b; /** * Cubic easing out */ const easeOutCubic = (t, b, c, d) => c * ((t / d - 1) ** 3 + 1) + b; /** * Cubic easing in and out */ const easeInOutCubic = (t, b, c, d) => { t /= d / 2; if (t < 1) return c / 2 * t ** 3 + b; return c / 2 * ((t - 2) ** 3 + 2) + b; }; /** * Quartic easing in */ const easeInQuart = (t, b, c, d) => c * (t /= d) * t ** 3 + b; /** * Quartic easing out */ const easeOutQuart = (t, b, c, d) => -c * ((t = t / d - 1) * t ** 3 - 1) + b; /** * Quartic easing in and out */ const easeInOutQuart = (t, b, c, d) => { t /= d / 2; if (t < 1) return c / 2 * t ** 4 + b; return -c / 2 * ((t -= 2) * t ** 3 - 2) + b; }; /** * Quintic easing in */ const easeInQuint = (t, b, c, d) => c * (t / d) ** 5 + b; /** * Quintic easing out */ const easeOutQuint = (t, b, c, d) => c * ((t / d - 1) ** 5 + 1) + b; /** * Quintic easing in and out */ const easeInOutQuint = (t, b, c, d) => { t /= d / 2; if (t < 1) return c / 2 * t ** 5 + b; return c / 2 * ((t - 2) ** 5 + 2) + b; }; /** * Sinusoidal easing in */ const easeInSine = (t, b, c, d) => -c * Math.cos(t / d * halfPI) + c + b; /** * Sinusoidal easing out */ const easeOutSine = (t, b, c, d) => c * Math.sin(t / d * halfPI) + b; /** * Sinusoidal easing in and out */ const easeInOutSine = (t, b, c, d) => -c / 2 * (Math.cos(Math.PI * t / d) - 1) + b; /** * Exponential easing in */ const easeInExpo = (t, b, c, d) => t === 0 ? b : c * 2 ** (10 * (t / d - 1)) + b; /** * Exponential easing out */ const easeOutExpo = (t, b, c, d) => t === d ? b + c : c * -(2 ** (-10 * t / d) + 1) + b; /** * Exponential easing in and out */ const easeInOutExpo = (t, b, c, d) => { if (t === 0) return b; if (t === d) return b + c; t /= d / 2; if (t < 1) return c / 2 * 2 ** (10 * (t - 1)) + b; return c / 2 * -(2 ** (-10 * --t) + 2) + b; }; /** * Circular easing in */ const easeInCirc = (t, b, c, d) => -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b; /** * Circular easing out */ const easeOutCirc = (t, b, c, d) => c * Math.sqrt(1 - (t = t / d - 1) * t) + b; /** * Circular easing in and out */ const easeInOutCirc = (t, b, c, d) => { t /= d / 2; if (t < 1) return -c / 2 * (Math.sqrt(1 - t ** 2) - 1) + b; return c / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1) + b; }; /** * Elastic easing in */ const easeInElastic = (t, b, c, d) => { const s = 1.70158, a = c; let p = 0; if (t === 0) return b; t /= d; if (t === 1) return b + c; if (!p) p = d * .3; const { a: normA, s: normS, p: normP } = normalize(a, c, p, s); return -elastic(normA, normS, normP, t, d) + b; }; /** * Elastic easing out */ const easeOutElastic = (t, b, c, d) => { const s = 1.70158, a = c; let p = 0; if (t === 0) return b; t /= d; if (t === 1) return b + c; if (!p) p = d * .3; const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s); return normA * 2 ** (-10 * t) * Math.sin((t * d - normS) * twoMathPi / normP) + normC + b; }; /** * Elastic easing in and out */ const easeInOutElastic = (t, b, c, d) => { const s = 1.70158, a = c; let p = 0; if (t === 0) return b; t /= d / 2; if (t === 2) return b + c; if (!p) p = d * (.3 * 1.5); const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s); if (t < 1) return -.5 * elastic(normA, normS, normP, t, d) + b; return normA * Math.pow(2, -10 * (t -= 1)) * Math.sin((t * d - normS) * twoMathPi / normP) * .5 + normC + b; }; /** * Backwards easing in */ const easeInBack = (t, b, c, d, s = 1.70158) => c * (t /= d) * t * ((s + 1) * t - s) + b; /** * Backwards easing out */ const easeOutBack = (t, b, c, d, s = 1.70158) => c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b; /** * Backwards easing in and out */ const easeInOutBack = (t, b, c, d, s = 1.70158) => { t /= d / 2; if (t < 1) return c / 2 * (t * t * (((s *= 1.525) + 1) * t - s)) + b; return c / 2 * ((t -= 2) * t * (((s *= 1.525) + 1) * t + s) + 2) + b; }; /** * Bouncing easing out */ const easeOutBounce = (t, b, c, d) => { if ((t /= d) < 1 / 2.75) return c * (7.5625 * t * t) + b; else if (t < 2 / 2.75) return c * (7.5625 * (t -= 1.5 / 2.75) * t + .75) + b; else if (t < 2.5 / 2.75) return c * (7.5625 * (t -= 2.25 / 2.75) * t + .9375) + b; else return c * (7.5625 * (t -= 2.625 / 2.75) * t + .984375) + b; }; /** * Bouncing easing in */ const easeInBounce = (t, b, c, d) => c - easeOutBounce(d - t, 0, c, d) + b; /** * Bouncing easing in and out */ const easeInOutBounce = (t, b, c, d) => t < d / 2 ? easeInBounce(t * 2, 0, c, d) * .5 + b : easeOutBounce(t * 2 - d, 0, c, d) * .5 + c * .5 + b; /** * Quadratic easing in */ const easeInQuad = (t, b, c, d) => c * (t /= d) * t + b; /** * Quadratic easing out */ const easeOutQuad = (t, b, c, d) => -c * (t /= d) * (t - 2) + b; /** * Quadratic easing in and out */ const easeInOutQuad = (t, b, c, d) => { t /= d / 2; if (t < 1) return c / 2 * t ** 2 + b; return -c / 2 * (--t * (t - 2) - 1) + b; }; //#endregion export { defaultEasing, easing_exports }; //# sourceMappingURL=easing.mjs.map