https://github.com/cdaein/geom
https://github.com/cdaein/geom
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/cdaein/geom
- Owner: cdaein
- License: mit
- Created: 2022-10-21T18:11:22.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-12-02T03:22:47.000Z (11 months ago)
- Last Synced: 2025-06-12T19:03:05.682Z (5 months ago)
- Language: TypeScript
- Size: 1.8 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# @daeinc/geom
A collection of gemetry-related functions. Breaking changes expected in the future.
## Installation
```
npm i @daeinc/geom
```
then,
```js
import { blendPath, ... } from "@daeinc/geom";
```
## CDN
```js
import { blendPath, ... } from "https://cdn.jsdelivr.net/npm/@daeinc/geom/dist/geom.esm.js"
```
## Types
```ts
type Pt = number[];
type Pts = number[][];
type GenericObject = Record;
```
Three custom types are used.
## Functions
### blendPath
```ts
const blendPath: (
path1: Pts,
path2: Pts,
numBlends: number,
guidePath?: Pts,
) => number[][][];
```
Interpolates two paths to create in-between paths. `numBlends` does not count the two original paths. In other words, the two original paths are not included in the return array. `guidePath` parameter is not yet implemented.
### createShapeFunc
```ts
const createShapeFunc: (
pts: Pts,
anchor?: Pt,
) => (x: number, y: number, w: number, h: number) => Pts;
```
### dist
```ts
const dist: (pt1: Pt, pt2: Pt) => number;
```
Returns a distance between two points.
### distSq
```ts
const distSq: (pt1: Pt, pt2: Pt) => number;
```
Returns a squared distance between two points. There's another version in `@daeinc/math` that takes `number` arguments.
### extrudePath
```ts
const extrudePath: (
path: Pts,
numPointsToExtrude: number,
offset: Pt,
mode?: "start" | "end" | "both",
shapeFunc?: () => Pts,
) => number[][];
```
Extrudes a path in 2d space.
### generateSmoothPath
```ts
const generateSmoothPath: (pts: Pts, smoothFactor: number) => number[][];
```
Generates extra points for smooth corners of path. Use with `drawSmoothPath()` from another package, `@daeinc/canvas`
### getAngleBetween
```ts
const getAngleBetween: (pt1: Pt, pt2: Pt) => number;
```
Get angle between two points using `Math.atan2()`. Return value is between -pi and pi. `pt2 - pt1` is the order of subtraction.
### getPathLength
```ts
const getPathLength: (path: Pts) => number;
```
Returns the total length of path
### getPositiveAngleBetween
```ts
const getPositiveAngleBetween: (pt1: Pt, pt2: Pt) => number;
```
Return value is between 0 and 2pi.
### getSegmentLengths
```ts
const getSegmentLengths: (pts: Pts) => number[];
```
Returns an array with each segment length (distance between points).
### interpolateArray
```ts
const interpolateArray: (
arrStart: number[],
arrTarget: number[],
t: number,
) => number[];
```
### interpolatePath
```ts
const interpolatePath: (
pathStart: Pts,
pathTarget: Pts,
t: number,
) => number[][];
```
Interpolates between two number arrays. Usually used for path data of `[x, y]`.
### interpolateObject
```ts
const interpolateObject: (
objStart: GenericObject,
objTarget: GenericObject,
t: number,
) => GenericObject;
```
Interpolates between two objects formatted `{ string: number }`. For example, `{ x: 10, y: 20 }`.
### interpolate
```ts
const interpolate: (
start: T,
target: T,
t: number,
) => number | GenericObject | T;
```
Interpolates `number`, `number[]`, `number[][]` or generic object.
### projectPointOnLine
```ts
const projectPointOnLine: (pt: Pt, line: Pts) => Pt;
```
Projects a point on a line.
### reflectPoint
```ts
const reflectPoint: (pt: Pt, axis: Pt | Pts) => Pt;
```
Reflects a point on another point or a line.
### reflectPath
```ts
const reflectPath: (pts: Pts, axis: Pt | Pts) => Pts;
```
Reflects a path either on a point or a line.
### scalePoint
```ts
const scalePoint: (pt: Pt, size: Pt) => Pt;
```
Scales a single point.
### scalePath
```ts
const scalePath: (path: Pts, size: Pt) => Pts;
```
Takes in normalized path data and returns `[ x, y ]` that is scaled to size, `[ width, height ]`.
## To Dos
- reconcile the use of both `Float32Array`(`gl-vec2`) and regular array
- add Canvas mock tests
- https://github.com/hustcc/jest-canvas-mock
- https://github.com/americanexpress/jest-image-snapshot/
- https://yonatankra.com/how-to-test-html5-canvas-with-jest/
## License
MIT