2023js13k/js/libraries/Easing.js

export const Easing = {
    Linear: {
        EaseNone: (percentageComplete) => percentageComplete,
    },
    Quadratic: {
        EaseIn: (percentageComplete) => percentageComplete * percentageComplete,
        EaseOut: (percentageComplete) => -percentageComplete * (percentageComplete - 2),
        EaseInOut: (percentageComplete) => {
            if ((percentageComplete *= 2) < 1) return 0.5 * percentageComplete * percentageComplete;
            return - 0.5 * (--percentageComplete * (percentageComplete - 2) - 1);
        },
    },
    Cubic: {
        EaseIn: (percentageComplete) => percentageComplete * percentageComplete * percentageComplete,
        EaseOut: (percentageComplete) => --percentageComplete * percentageComplete * percentageComplete + 1,
        EaseInOut: (percentageComplete) => {
            if ((percentageComplete *= 2) < 1) return 0.5 * percentageComplete * percentageComplete * percentageComplete;
            return 0.5 * ((percentageComplete -= 2) * percentageComplete * percentageComplete + 2);
        },
    },
    Quartic: {
        EaseIn: (percentageComplete) => percentageComplete * percentageComplete * percentageComplete * percentageComplete,
        EaseOut: (percentageComplete) => -(--percentageComplete * percentageComplete * percentageComplete * percentageComplete - 1),
        EaseInOut: (percentageComplete) => {
            if ((percentageComplete *= 2) < 1) return 0.5 * percentageComplete * percentageComplete * percentageComplete * percentageComplete;
            return - 0.5 * ((percentageComplete -= 2) * percentageComplete * percentageComplete * percentageComplete - 2);
        },
    },
    Quintic: {
        EaseIn: (percentageComplete) => percentageComplete * percentageComplete * percentageComplete * percentageComplete * percentageComplete,
        EaseOut: (percentageComplete) => (percentageComplete = percentageComplete - 1) * percentageComplete * percentageComplete * percentageComplete * percentageComplete + 1,
        EaseInOut: (percentageComplete) => {
            if ((percentageComplete *= 2) < 1) return 0.5 * percentageComplete * percentageComplete * percentageComplete * percentageComplete * percentageComplete;
            return 0.5 * ((percentageComplete -= 2) * percentageComplete * percentageComplete * percentageComplete * percentageComplete + 2);
        },
    },
    Sinusoidal: {
        EaseIn: (percentageComplete) => -Math.cos(percentageComplete * Math.PI / 2) + 1,
        EaseOut: (percentageComplete) => Math.sin(percentageComplete * Math.PI / 2),
        EaseInOut: (percentageComplete) => -0.5 * (Math.cos(Math.PI * percentageComplete) - 1),
    },
    Exponential: {
        EaseIn: (percentageComplete) => {
            return percentageComplete == 0 ? 0 : Math.pow(2, 10 * (percentageComplete - 1));
        },
        EaseOut: (percentageComplete) => {
            return percentageComplete == 1 ? 1 : - Math.pow(2, - 10 * percentageComplete) + 1;
        },
        EaseInOut: (percentageComplete) => {
            if (percentageComplete == 0) return 0;
            if (percentageComplete == 1) return 1;
            if ((percentageComplete *= 2) < 1) return 0.5 * Math.pow(2, 10 * (percentageComplete - 1));
            return 0.5 * (- Math.pow(2, - 10 * (percentageComplete - 1)) + 2);
        },
    },
    Circular: {
        EaseIn: (percentageComplete) => -(Math.sqrt(1 - percentageComplete * percentageComplete) - 1),
        EaseOut: (percentageComplete) => Math.sqrt(1 - (--percentageComplete * percentageComplete)),
        EaseInOut: (percentageComplete) => {
            if ((percentageComplete /= 0.5) < 1) return - 0.5 * (Math.sqrt(1 - percentageComplete * percentageComplete) - 1);
            return 0.5 * (Math.sqrt(1 - (percentageComplete -= 2) * percentageComplete) + 1);
        },
    },
    Elastic: {
        EaseIn: (percentageComplete) => {
            var s, a = 0.1, p = 0.4;
            if (percentageComplete == 0) return 0; if (percentageComplete == 1) return 1; if (!p) p = 0.3;
            if (!a || a < 1) { a = 1; s = p / 4; }
            else s = p / (2 * Math.PI) * Math.asin(1 / a);
            return - (a * Math.pow(2, 10 * (percentageComplete -= 1)) * Math.sin((percentageComplete - s) * (2 * Math.PI) / p));
        },
        EaseOut: (percentageComplete) => {
            var s, a = 0.1, p = 0.4;
            if (percentageComplete == 0) return 0; if (percentageComplete == 1) return 1; if (!p) p = 0.3;
            if (!a || a < 1) { a = 1; s = p / 4; }
            else s = p / (2 * Math.PI) * Math.asin(1 / a);
            return (a * Math.pow(2, - 10 * percentageComplete) * Math.sin((percentageComplete - s) * (2 * Math.PI) / p) + 1);
        },
        EaseInOut: (percentageComplete) => {
            var s, a = 0.1, p = 0.4;
            if (percentageComplete == 0) return 0; if (percentageComplete == 1) return 1; if (!p) p = 0.3;
            if (!a || a < 1) { a = 1; s = p / 4; }
            else s = p / (2 * Math.PI) * Math.asin(1 / a);
            if ((percentageComplete *= 2) < 1) return - 0.5 * (a * Math.pow(2, 10 * (percentageComplete -= 1)) * Math.sin((percentageComplete - s) * (2 * Math.PI) / p));
            return a * Math.pow(2, -10 * (percentageComplete -= 1)) * Math.sin((percentageComplete - s) * (2 * Math.PI) / p) * 0.5 + 1;
        },
    },
    Back: {
        EaseIn: (percentageComplete) => {
            var s = 1.70158;
            return percentageComplete * percentageComplete * ((s + 1) * percentageComplete - s);
        },
        EaseOut: (percentageComplete) => {
            var s = 1.70158;
            return (percentageComplete = percentageComplete - 1) * percentageComplete * ((s + 1) * percentageComplete + s) + 1;
        },
        EaseInOut: (percentageComplete) => {
            var s = 1.70158 * 1.525;
            if ((percentageComplete *= 2) < 1) return 0.5 * (percentageComplete * percentageComplete * ((s + 1) * percentageComplete - s));
            return 0.5 * ((percentageComplete -= 2) * percentageComplete * ((s + 1) * percentageComplete + s) + 2);
        },
    },
    Bounce: {
        EaseIn: (percentageComplete) => 1 - EASINGS.Bounce.EaseOut(1 - percentageComplete),
        EaseOut: (percentageComplete) => {
            if ((percentageComplete /= 1) < (1 / 2.75)) {
                return 7.5625 * percentageComplete * percentageComplete;
            } else if (percentageComplete < (2 / 2.75)) {
                return 7.5625 * (percentageComplete -= (1.5 / 2.75)) * percentageComplete + 0.75;
            } else if (percentageComplete < (2.5 / 2.75)) {
                return 7.5625 * (percentageComplete -= (2.25 / 2.75)) * percentageComplete + 0.9375;
            } else {
                return 7.5625 * (percentageComplete -= (2.625 / 2.75)) * percentageComplete + 0.984375;
            }
        },
        EaseInOut: (percentageComplete) => {
            if (percentageComplete < 0.5) return EASINGS.Bounce.EaseIn(percentageComplete * 2) * 0.5;
            return EASINGS.Bounce.EaseOut(percentageComplete * 2 - 1) * 0.5 + 0.5;
        },
    },
}