Skip to content

A JavaScript package for representing, manipulating, and inspecting 2D geometric shapes.

Notifications You must be signed in to change notification settings

gabesullice/libshapes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

libshapes

Travis

libshapes is a package exporting classes and functions for representing, manipulating, and inspecting 2d geometric shapes.

Version Note: API should not be considered stable until a 1.0.0 release.

Contents

Overview

libshapes is composed of small modules which can be combined to represent complex geometric shapes and collections of shapes. At the most basic level is the Vertex, which provides a class for an (x,y) coordinate. This includes methods and functions for comparing, rotating, and translating vertices. Above this, is the Edge module. This module provides a class which contains two Vertexs, the line between them being the "edge". This module also includes comparison, mutation, and a few other utilities for working with edges. Above this, the Shape. This is a class composed of many edges. These too can be compared and mutated. A Figure is a Shape paired with a position and angle of rotation. This allows a shape to be represented and moved about a cartesian plane. Figures can be compared for overlap, colocation, and shape. Figures can all be mutated.

Documentation

Vertex

Building block for all shapes. A Vertex is defined by an x and a y coordinates.

###class Vertex([x, y])

Constructs a new Vertex.

###function distance(Vertex, Vertex)

Computes the absolute distance between two Vertexs.

###function same(Vertex, Vertex)

Whether two Vertexs share the same coordinates, accurate to within 0.0000001.

###function rotate(Vertex, angle)

Returns a new Vertex rotated about the origin (0,0). angle is given in radians.

###function translate(Vertex, [offsetX, offsetY])

Returns a new Vertex translated by Vertex.x + offsetX and Vertex.y + offsetY.

Edge

Composed of two vertices, an Edge is the line between to Vertexs.

###class Edge([[x0, y0], [x1, y1]])

Constructs a new Edge. Note: takes an array of length 2, containing two arrays of two real numbers. Does not take two Vertexs.

###Edge.slope()

Returns the slope of the Edge.

###Edge.vertices()

Returns the Vertexs of the Edge.

###Edge.yIntercept()

Returns the y-intercept of the line defined by the Edge. Note: The Edge does not need to intersect the y-axis to have a y-intercept.

###Edge.length()

Returns the length of an edge.

###Edge.midpoint()

Returns a new Vertex at the midpoint of the edge.

###Edge.left()

Returns the Vertex of the Edge with the lesser x coordinate.

###Edge.right()

Returns the Vertex of the Edge with the greater x coordinate.

###Edge.top()

Returns the Vertex of the Edge with the greater y coordinate.

###Edge.bottom()

Returns the Vertex of the Edge with the lesser y coordinate.

###Edge.opposite(Vertex)

Returns the Vertex of the Edge opposite to the given Vertex.

###function same(Edge, Edge)

Whether the given Edges share the same Vertexs.

###function intersect(Edge, Edge)

Whether two Edges intersect.

###function coincident(Edge, Edge)

Whether two Edges are coincident. That is, whether they are parallel and overlapped.

###function subsect(Edge, Edge)

Returns a new array of Edges. Derived from the Vertexs of two coincident Edges. If the given Edges are not coincident, an empty array is returned.

###function vertexIntersection(Edge, Vertex)

Finds a Vertex, iv, along Edge where a line perpendicular to Edge also passes through Vertex. If one does not exist, returns null.

###function vertexDistance(Edge, Vertex)

Find the shortest distance between any point on Edge to Vertex.

###function withinBounds(Edge, Vertex)

Whether the given Vertex is within the bounds of the given Edge.

Shape

A geometric object composed of three or more Vertexs.

###class Shape([[x0, y0], [x1, y1], [x2, x2][, ...[xN, yN]]])

Constructs a new Shape. Note: takes an array, V, of [x, y] coordinates where V.length >= 2.

###Shape.vertices()

Returns the Vertexs of the Shape.

###Shape.edges()

Returns the Edges defined by the Vertexs of the Shape.

###Shape.rotate(angle)

Returns a new Shape rotated about the origin (0,0). angle is given in radians.

###Shape.reflectX()

Returns a new Shape reflected across the X-axis.

###Shape.reflectY()

Returns a new Shape reflected across the Y-axis.

###Shape.translate([offsetX, offsetY])

Returns a new Shape translated by the given offsets.

Figure

A representation of a Shape combined with positional coordinates and a rotation angle.

###class Figure({shape: Shape[, position: [offsetX, offsetY][, rotation: angle]})

Constructs a new Figure. The only required key is shape. Defaults: {position: [0,0], rotation: 0}. rotation is given in radians.

###Figure.shape([Shape])

Returns the original Shape of the figure, with no mutations for position or rotation taken into account. If a shape is passed, the figure will have its original shape set to the new shape given. It will still retain its tranformations like rotation and translation.

###Figure.vertices()

Returns the computed Vertexs of the figure, taking into account the shape, position, and rotation of the Figure.

###Figure.edges()

Returns the computed Edges of the figure, taking into account the shape, position, and rotation of the Figure.

###Figure.position() ###Figure.position([offsetX, offsetY])

Getter/Setter for the Figure's position. Always returns the final position of the Figure.

###Figure.translate([offsetX, offsetY])

Translates the Figure's position by the given offset. Always returns the final position of the Figure.

###Figure.rotation(angle)

Getter/Setter for the Figure's rotation. Always returns the final rotation of the Figure.

###Figure.rotate(angle)

Rotates the Figure's by the given angle. Always returns the final rotation angle of the Figure.

###Figure.reflectX()

Reflects the figure about the X-axis. Returns itself so that method calls can be chained.

###Figure.reflectY()

Reflects the figure about the Y-axis. Returns itself so that method calls can be chained.

###function overlap(Figure, Figure)

Whether the given Figures overlap.

###function intersect(Figure, Figure)

Whether the given Figures have any intersecting edges.

###function siblings(Figure, Figure)

Whether the given Figures share any coincident edges.

Composition

Can represent many figures on a plane and answer questions of the relationships between those figures.

###class Composition() ###class Composition({bounds: [boundX, boundY][, snap: bool[, snapTolerance: Number]]})

Constructs a new Composition.

Options:

`bounds`: sets the bounds of the plane (_see_: `Composition.bounds()`). Default: `[[0,0], [100,100]]`
`snap`: Whether figures should snap to other figures when they are manipulated. Default: `true`
`snapTolerance`: `snapTolerance` is multiplied by distance between the left and right bounds of the composition (_see_: `Composition.snapTolerance()`). Default: `0.001`

###Composition.bounds() ###Composition.bounds([boundX, boundY], [boundX, boundY])

Getter/Setter for the Composition's position. Bounds are used to determine the allowable placement of a figure. The defualt bounds are the bounding box created by (0,0) and (100,100). Always returns the final bounds of the Composition.

###Composition.snapTolerance()

snapTolerance is multiplied by the diagnal distance between the lower and right bounds of the composition. The result is an absolute distance relative to the size of the composition. When the distance between two vertices is less than this value, the figure being manipulated will be slighty adjusted so that these vertices are brought together.

###Composition.figures()

Returns an object containing all the Figures within the composition. Each figure is assigned a unique key.

###Composition.edges()

Returns an array of objects where each object represents one edge of every figure in the composition. The object has the following structure:

{
  id: <id>, // the unique id of the figure to which the edge belongs.
  edge: <edge> // an Edge object.
}

###Composition.gaps() DEPRECATED

This method is deprecated, it cannot currently be relied upon to find all gaps in the composition. Returns an array of Figure that represent gaps created by existing figures.

###Composition.floats()

Returns an array of figure ids which are not coincident with any other figures in the composition.

###Composition.nonIntegrated()

Returns an array of figure ids which have vertices which are not shared with any other vertex.

###Composition.nonCoincident()

Returns an array of figure ids which have one or more edges which are not shared with any other edge.

###Composition.add(Figure[, options])

Inserts a new Figure into the Composition. Returns a unique string to be used to identify the Figure within the composition.

###Composition.remove(id)

Deletes a Figure by its ID.

###Composition.get(id)

Retrieves a figure within Composition by its ID. Returns null if no Figure by the given ID exists.

###Composition.move(id, target[, options])

Deprecated: Please use Composition.moveTo().

###Composition.moveTo(id, target[, options])

Utility wrapper around Composition.transform().

###Composition.rotateTo(id, target[, options])

Utility wrapper around Composition.transform().

###Composition.reflectOwnX(id[, options])

Utility wrapper around Composition.transform(). Note that this rotates the figure about its own axes. Not the axes of the composition.

###Composition.reflectOwnY(id[, options])

Utility wrapper around Composition.transform(). Note that this rotates the figure about its own axes. Not the axes of the composition.

###Composition.transform(id, transform[, options])

Sets the transform of a figure within a Composition by its ID. transform is an object which defaults to:

{
  position: [x, y],   // A target position to where the figure should be moved. Defaults to the starting position of the figure.
  rotation: <angle>,  // A target angle of rotation for the figure. Defaults to the starting rotation of the figure.
  reflection: {
    x: <bool>, // Whether to rotate the figure about its own x-axis.
    y: <bool>, // Whether to rotate the figure about its own y-axis.
  },
}

Note reflections is always processed before any other transformation, if you need to rotate before reflection, you'll need to do this in two separate operations.

tranform() also takes an optional options object which defaults to {snap: true}.

Returns an object with information about the outcome of the operation:

{
  start: [x, y],  // starting position
  target: [x, y], // the given destination position
  final: [x, y],  // the final position of the figure
  snapped: bool,  // whether the final position was affected by a snap
}

###Composition.overlapping()

Retrieves a list of Figure IDs which are overlapping with another Figure.

About

A JavaScript package for representing, manipulating, and inspecting 2D geometric shapes.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published