github/motion-canvas
1
1
Fork 0
mirror of https://github.com/motion-canvas/motion-canvas.git synced 2026-01-11 06:48:12 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat: add ease back interp functions (#30)

Browse Source
This commit is contained in:
Lucas Simon
2022-06-16 03:43:05 -07:00
committed by GitHub
parent f13f187604
commit c11046d939
1 changed files with 35 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/tweening/interpolationFunctions.ts
View File

@@ -59,3 +59,38 @@ export function easeInOutQuint(value: number, from = 0, to = 1) {
: 1 - Math.pow(-2 * value + 2, 5) / 2;
return map(from, to, value);
}
export function createEaseInBack(s = 1.70158): InterpolationFunction {
return (value: number, from = 0, to = 1) => {
return map(from, to, value * value * ((s + 1) * value - s));
};
}
export function createEaseOutBack(s = 1.70158): InterpolationFunction {
return (value: number, from = 0, to = 1) => {
return map(
from,
to,
1 + (value - 1) * (value - 1) * ((s + 1) * (value - 1) + s),
);
};
}
export function createEaseInOutBack(s = 1.70158): InterpolationFunction {
return (value: number, from = 0, to = 1) => {
value = value * 2;
if (value < 1) {
return map(from, to, (value * value * ((s + 1) * value - s)) / 2);
}
value -= 2;
return map(
from,
to,
(1 + (value - 1) * (value - 1) * ((s + 1) * (value - 1) + s)) / 2,
);
};
}
export const easeInBack: InterpolationFunction = createEaseInBack();
export const easeOutBack: InterpolationFunction = createEaseOutBack();
export const easeInOutBack: InterpolationFunction = createEaseInOutBack();