tiling

tiling

Grids and subdivisions as stroked cell boundaries.

Imports

import {
  squareTiling, hexTiling, rectSubdivision,
  quadSubdivision, triangleSubdivision,
  sliceDivision, hatchSubdivision, arcDivision, tiling,
} from 'pattapatta'

Functions

FunctionDescription
squareTiling(spacing, minX, minY, maxX, maxY)Square cells (squareGrid alias)
hexTiling(spacing, …)Hex cells
rectSubdivision(path, nx, ny)Clip grid to path
quadSubdivision(faces, depth?)Midpoint quad split
triangleSubdivision(faces, depth?)Midpoint tri split
sliceDivision / hatchSubdivisionParallel strip cuts
arcDivision(width, height, arcs, seed?, circlePoints?)Arc-based cellular partition

Examples

Square tiling

Square tiling

Hex tiling

Hex tiling

Rect subdivision

Rect subdivision

Triangle subdivision

Triangle subdivision

Arc division

Circles seeded on the boundary carve arc cells — stroke the faces as a fill.

Arc division

const cells = arcDivision(100, 100, 8, 7)
// stroke cells.paths