39 lines
1.5 KiB
JavaScript
39 lines
1.5 KiB
JavaScript
import { createExpoIn, reverseEasing, mirrorEasing, createBackIn, createAnticipate } from './utils.mjs';
|
|
|
|
const DEFAULT_OVERSHOOT_STRENGTH = 1.525;
|
|
const BOUNCE_FIRST_THRESHOLD = 4.0 / 11.0;
|
|
const BOUNCE_SECOND_THRESHOLD = 8.0 / 11.0;
|
|
const BOUNCE_THIRD_THRESHOLD = 9.0 / 10.0;
|
|
const linear = p => p;
|
|
const easeIn = createExpoIn(2);
|
|
const easeOut = reverseEasing(easeIn);
|
|
const easeInOut = mirrorEasing(easeIn);
|
|
const circIn = p => 1 - Math.sin(Math.acos(p));
|
|
const circOut = reverseEasing(circIn);
|
|
const circInOut = mirrorEasing(circOut);
|
|
const backIn = createBackIn(DEFAULT_OVERSHOOT_STRENGTH);
|
|
const backOut = reverseEasing(backIn);
|
|
const backInOut = mirrorEasing(backIn);
|
|
const anticipate = createAnticipate(DEFAULT_OVERSHOOT_STRENGTH);
|
|
const ca = 4356.0 / 361.0;
|
|
const cb = 35442.0 / 1805.0;
|
|
const cc = 16061.0 / 1805.0;
|
|
const bounceOut = (p) => {
|
|
if (p === 1 || p === 0)
|
|
return p;
|
|
const p2 = p * p;
|
|
return p < BOUNCE_FIRST_THRESHOLD
|
|
? 7.5625 * p2
|
|
: p < BOUNCE_SECOND_THRESHOLD
|
|
? 9.075 * p2 - 9.9 * p + 3.4
|
|
: p < BOUNCE_THIRD_THRESHOLD
|
|
? ca * p2 - cb * p + cc
|
|
: 10.8 * p * p - 20.52 * p + 10.72;
|
|
};
|
|
const bounceIn = reverseEasing(bounceOut);
|
|
const bounceInOut = (p) => p < 0.5
|
|
? 0.5 * (1.0 - bounceOut(1.0 - p * 2.0))
|
|
: 0.5 * bounceOut(p * 2.0 - 1.0) + 0.5;
|
|
|
|
export { anticipate, backIn, backInOut, backOut, bounceIn, bounceInOut, bounceOut, circIn, circInOut, circOut, easeIn, easeInOut, easeOut, linear };
|