2021-12-08 22:43:31 +01:00
|
|
|
/**
|
|
|
|
* Translate 2D Interpolation Function.
|
|
|
|
*
|
|
|
|
* @param {number[]} a start [x,y] position
|
|
|
|
* @param {number[]} b end [x,y] position
|
|
|
|
* @param {string} u unit, usually `px` degrees
|
|
|
|
* @param {number} v progress
|
|
|
|
* @returns {string} the interpolated 2D translation string
|
|
|
|
*/
|
2021-03-30 11:23:29 +02:00
|
|
|
export default function translate(a, b, u, v) {
|
|
|
|
const translateArray = [];
|
2021-12-08 22:43:31 +01:00
|
|
|
// eslint-disable-next-line no-bitwise
|
2021-03-30 11:23:29 +02:00
|
|
|
translateArray[0] = (a[0] === b[0] ? b[0] : ((a[0] + (b[0] - a[0]) * v) * 1000 >> 0) / 1000) + u;
|
2021-12-08 22:43:31 +01:00
|
|
|
// eslint-disable-next-line no-bitwise
|
2021-03-30 11:23:29 +02:00
|
|
|
translateArray[1] = a[1] || b[1] ? ((a[1] === b[1] ? b[1] : ((a[1] + (b[1] - a[1]) * v) * 1000 >> 0) / 1000) + u) : '0';
|
|
|
|
return `translate(${translateArray.join(',')})`;
|
|
|
|
}
|