You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 lines
1.7 KiB
64 lines
1.7 KiB
3 years ago
|
import type { Position } from 'css-box-model';
|
||
|
|
|
||
|
|
export const origin: Position = { x: 0, y: 0 };
|
||
|
|
|
||
|
|
export const add = (point1: Position, point2: Position): Position => ({
|
||
|
|
x: point1.x + point2.x,
|
||
|
|
y: point1.y + point2.y,
|
||
|
|
});
|
||
|
|
|
||
|
|
export const subtract = (point1: Position, point2: Position): Position => ({
|
||
|
|
x: point1.x - point2.x,
|
||
|
|
y: point1.y - point2.y,
|
||
|
|
});
|
||
|
|
|
||
|
|
export const isEqual = (point1: Position, point2: Position): boolean =>
|
||
|
|
point1.x === point2.x && point1.y === point2.y;
|
||
|
|
|
||
|
|
export const negate = (point: Position): Position => ({
|
||
|
|
// if the value is already 0, do not return -0
|
||
|
|
x: point.x !== 0 ? -point.x : 0,
|
||
|
|
|
||
|
|
y: point.y !== 0 ? -point.y : 0,
|
||
|
|
});
|
||
|
|
|
||
|
|
// Allows you to build a position from values.
|
||
|
|
// Really useful when working with the Axis type
|
||
|
|
// patch('x', 5) = { x: 5, y: 0 }
|
||
|
|
// patch('y', 5, 1) = { x: 1, y: 5 }
|
||
|
|
export const patch = (
|
||
|
|
line: 'x' | 'y',
|
||
|
|
value: number,
|
||
|
|
otherValue = 0,
|
||
|
|
): Position => {
|
||
|
|
if (line === 'x') {
|
||
|
|
return {
|
||
|
|
x: value,
|
||
|
|
y: otherValue,
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
return {
|
||
|
|
x: otherValue,
|
||
|
|
y: value,
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
// Returns the distance between two points
|
||
|
|
// https://www.mathsisfun.com/algebra/distance-2-points.html
|
||
|
|
export const distance = (point1: Position, point2: Position): number =>
|
||
|
|
Math.sqrt((point2.x - point1.x) ** 2 + (point2.y - point1.y) ** 2);
|
||
|
|
|
||
|
|
// When given a list of points, it finds the smallest distance to any point
|
||
|
|
export const closest = (target: Position, points: Position[]): number =>
|
||
|
|
Math.min(...points.map((point: Position) => distance(target, point)));
|
||
|
|
|
||
|
|
// used to apply any function to both values of a point
|
||
|
|
// eg: const floor = apply(Math.floor)(point);
|
||
|
|
export const apply =
|
||
|
|
(fn: (value: number) => number) =>
|
||
|
|
(point: Position): Position => ({
|
||
|
|
x: fn(point.x),
|
||
|
|
y: fn(point.y),
|
||
|
|
});
|