UNPKG

@allmaps/triangulate

Version:

Allmaps Triangulation Library

145 lines (94 loc) 5 kB
# @allmaps/triangulate This module triangulates a polygon: it returns a set of triangles that partition the polygon. If a `distance` parameter is provided, the triangles are well-conditioned and not larger then `distance`: the triangles are made firstly using a grid of points inside the polygon, spaced `distance` apart, with each grid cell resulting in two triangles, and secondly using points along the polygon's edges, by interpolating each edge using `distance`. The following options can be passed: * `steinerPoints`: Steiner points. These become a third group of points taken into account when building the triangles. * `minimumTriangleAngle`: The minimum angle (in radians) of the resulting triangles. Using this options, sliver polygons that are possibly produced by internal functions can be removed. Default: `0.01`. This package is used internally in [@allmaps/render](../../packages/render/) to triangulate the mask of a georeferenced map into a set of triangles that can be rendered with WebGL. ## How it works It uses a modern **constrained Delaunay triangulation algorithm** for polygons, built using [Delaunator](https://github.com/mapbox/delaunator) and [Constrainautor](https://github.com/kninnug/Constrainautor). To learn more on how it works, check out this [Observable notebook](https://observablehq.com/d/efde1d04f1a9bc17). ## Installation This is an ESM-only module that works in browsers and Node.js. Install using npm: ```sh npm install @allmaps/triangulate ``` ## Usage ```js import { triangulate } from '@allmaps/triangulate' // Note that polygons are in double brackets (an array of an outer ring, and possibly inner rings if there are holes) and their rings are not round-trip (the first coordinate is not repeated at the and) const polygon = [ [ [0.592, 0.953], [0.304, 2.394], [2.904, 2.201], [2.394, 0.232] ] ] const distance = 1 // Compute constrained triangulation of `polygon` using a grid of size `distance` const triangles = triangulate(polygon, distance) // triangles = [ // [ // [ 1.304, 1.232 ], // [ 1.4655588463411926, 0.6034795070965593 ], // [ 0.592, 0.953 ] // ], // ... // ] ``` ## License MIT ## API ### `TriangluationOptions` ###### Fields * `minimumTriangleAngle` (`number`) * `steinerPoints` (`Array<Point>`) ### `TriangulationToUnique` ###### Fields * `gridPoints` (`Array<Point>`) * `gridPointsInPolygon` (`Array<Point>`) * `interpolatedPolygon` (`Array<Array<Point>>`) * `interpolatedPolygonPoints` (`Array<Point>`) * `triangles` (`Array<Triangle>`) * `uniquePointIndexEdges` (`Array<TypedLine<number>>`) * `uniquePointIndexInterpolatedPolygon` (`Array<Array<number>>`) * `uniquePointIndexTriangles` (`Array<TypedTriangle<number>>`) * `uniquePoints` (`Array<Point>`) ### `triangulate(polygon, distance, triangulationOptions)` Triangulate a polygon to triangles smaller then a distance Grid points are placed inside the polygon to obtain small, well conditioned triangles. ###### Parameters * `polygon` (`Array<Array<Point>>`) * Polygon * `distance?` (`number | undefined`) * Distance that conditions the triangles * `triangulationOptions?` (`Partial<TriangluationOptions> | undefined`) * Triangulation Options. ###### Returns Array of triangles partitioning the polygon (`Array<Triangle>`). ### `triangulateToUnique(polygon, distance, triangulationOptions)` Triangulate a polygon to triangles smaller then a distance, and return them via unique points. Grid points are placed inside the polygon to obtain small, well conditioned triangles. This function returns the triangulation as an array of unique points, and triangles of indices refering to those unique points. ###### Parameters * `polygon` (`Array<Array<Point>>`) * Polygon * `distance?` (`number | undefined`) * Distance that conditions the triangles * `triangulationOptions?` (`Partial<TriangluationOptions> | undefined`) * Triangulation Options. ###### Returns Triangulation Object with uniquePointIndexTriangles and uniquePoints (`{ interpolatedPolygon: Polygon; interpolatedPolygonPoints: Point[]; gridPoints: Point[]; gridPointsInPolygon: Point[]; uniquePoints: Point[]; triangles: Triangle[]; uniquePointIndexTriangles: TypedTriangle<number>[]; uniquePointIndexInterpolatedPolygon: TypedPolygon<number>; uniquePointIndexEdges: TypedLine<number>[...`). ## Notes ### Stability * Constrainautor doesn't allow self-intersection polygons and will raise an error for such inputs. ### Benchmark For a 10 point polygon (with diameter ~ 200), here are some benchmarks for computing the triangulation with given distances: * `triangulate(polygon, 1000)` (no grid points): 74544 ops/s to compute 8 triangles * `triangulate(polygon, 100)`: 56849 ops/s to compute 11 triangles * `triangulate(polygon, 10)`: 2163 ops/s to compute 435 triangles * `triangulate(polygon, 1)`: 3 ops/s to compute 38352 triangles See [`./bench/index.js`](`./bench/index.js`). To run the benchmark, run `npm run bench`.