Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/arman2409/pointscape
npm package of utility functions for working with points in 2D coordinate system
https://github.com/arman2409/pointscape
2d area canvas collision-detection distance perimeter points xy
Last synced: 10 days ago
JSON representation
npm package of utility functions for working with points in 2D coordinate system
- Host: GitHub
- URL: https://github.com/arman2409/pointscape
- Owner: Arman2409
- License: mit
- Created: 2024-01-08T18:12:40.000Z (10 months ago)
- Default Branch: develop
- Last Pushed: 2024-03-22T09:59:30.000Z (8 months ago)
- Last Synced: 2024-03-23T09:47:10.636Z (8 months ago)
- Topics: 2d, area, canvas, collision-detection, distance, perimeter, points, xy
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/pointscape
- Size: 107 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Simplify point manipulation and interactions in your 2D projects with this versatile toolkit.Effortlessly calculate distances, areas, collision detection, and more with this collection of handy functions.
## How to use
1. Installation
```javascript
npm install pointscape
```
2. Usage
```javascript
import pointscape from "pointscape";
```
## Examples
```javascript
import {
distance,
triangle,
center,
inRange,
chunk,
randomBoolean } from "pointscape";
const distanceBetweenPoints = distance({x: 0, y: 0}, {x: 10, y: 10});
console.log(distanceBetweenPoints);
// output: 14.142135623730951
const pointsForTriangle = triangle({x: 0, y: 0}, 10);
console.log(pointsForTriangle);
// output: [ { x: 0, y: 0 }, { x: -10, y: 0 }, { x: -5, y: 8.660254037844386 } ]
const centralPoint = center(
[{x:0, y: 0}, {x:0, y:10}, {x:10, y:10}, {x:10, y:0}]
);
console.log(centralPoint);
// output: { x: 5, y: 5 }
const isInTheRange = inRange(1, 0, 10);
console.log(isInTheRange);
// output: true
const chunks = chunk([1, 1, 1, 1], 2);
console.log(chunks);
// output: [[1, 1], [1, 1]]
const randomBool = randomBoolean();
console.log(randomBool)
// output: true or false
```
## Functions
#### Actions with points in XY coordinate system
[distance](#distance)
[area](#area)
[collision](#collision)
[collisionInArray](#collisioninarray)
[positionInCircle](#positionincircle)
[angle](#angle)
[middle](#middle)
[nearest](#nearest)
[perimeter](#perimeter)
[pointWithoutCollision](#pointwithoutcollision)
[randomPoint](#randompoint)
[randomPointInDistance](#randompointindistance)
[randomPoints](#randompoints)
[possibleConnections](#possibleconnections)
[circleArea](#circlearea)
[center](#center)
[farest](#farest)
[rotate](#rotate)
[sort](#sort)
[scale](#scale)
[inLine](#inline)
[cross](#cross)
[move](#move)
[square](#square)
[rectangle](#rectangle)
[pentagon](#pentagon)
[triangle](#triangle)
#### Math
[degreesToRadians](#degreestodadians)
[radiansToDegrees](#radianstodegrees)
[inRange](#inrange)
[roundToPrecision](#roundtoprecision)
[average](#average)
#### Arrays
[intersection](#intersection)
[difference](#difference)
[chunk](#chunk)
[removeDuplicate](#removeDuplicates)
[sample](#sample)
#### Randomization
[randomNumber](#randomnumber)
[randomBoolean](#randomboolean)
[uniqueId](#uniqueid)
### Actions with points in XY coordinate system
* distance(point1, point2)
Returns the distance beetween two points, each point is an object with x and y properties.
* area(points)
Returns the area enclosed by the given points.
Takes an array of points as argument, where each point is an object with x and y properties.
* collision(point1, point2, collisionDistance, [callback])
Returns a boolean indicating if the two points are closer than the given distance.
* collisionInArray(point, radius, points, [callback])
Returns the point that is closer than the radius to the given point, or false if there's no collision.
* positionInCircle(point, radius, angleInRadians)
Returns the x and y coordinates for the current point in the circle, given its center point, radius, and angle.
* angle(point1, point2)
Returns the angle formed by the connection of two points.
* middle(point1, point2)
Returns the midpoint between two points.
* nearest(point, points)
Returns the nearest point to the given point from the array.
* perimeter(points)
Returns the perimeter of the figure formed by the given points.
* pointWithoutCollision(minX, maxX, minY, maxY, distance, points)
Returns a point that doesn't collide with any of the given points within the specified distance, if such a point exists, otherwise returns false.
* randomPoint([xMin], [xMax], [yMin], [yMax])
Returns a random point within the given dimensions, if provided, otherwise in 100 units on both axes.
* randomPointInDistance(point, distance)
Returns a random point within the given distance from the specified point.
* randomPoints(quantity, [xMin], [xMax], [yMin], [yMax], )
Returns a specified quantity of random points within the given dimensions, if dimensions are provided, otherwise in the range of 100.
* possibleConnections(pointsCount)
Returns the quantity of possible connections among given quantity of points.
* circleArea(radius)
Returns the area of the circle.
* center(points)
Returns the center of given points.
* farest(point, points)
Returns the farest point to the given point from the array.
* rotate(point, points, angleInRadians)
Returns the points rotated around the given point.
* sort(points, [coordinate])
Returns sorted array of the points.The coordinate parameter can be "x", "y", or none for sorting both for "x" and "y".
* scale(scaleFactorX, scaleFactorY, points)
Returns the scaled points.
* inLine([point1, point2, point3])
Returns boolean value indicating whether or not the given coordinates are on line defined by two other points.
* cross(line1Start, line1End, line2Start, line2End)
Returns boolean value indicating if two lines each defined by two points intersect.
* move(point, xStep, yStep, count)
Returns an array of points representing a moving point over time. The number of elements in the array is equal to "count". Each element contains coordinates of the point.
* square(point, size, [direction])
Returns an array of points representing a shape of square.Takes four parameters: starting coordinates (x and y), size of square side, and direction which should be one of the values "left", "right", "up",
"down".
* rectangle(point, size, [direction])
Returns an array of points representing a shape of rectangle.Takes same parameters as [square](#square) function.
* triangle(point, size, [direction])
Returns an array of points representing a shape of triangle.Takes same parameters as [square](#square) function.
* pentagon(point, size, [direction])
Returns an array of points representing a shape of pentagon.Takes four parameters: starting coordinates (x and y), size of pentagon side, and the angle of pentagon's rotation.
### Math
* degreesToRadians(degrees)
Converts degrees to radians.
* radiansToDegrees(radians)
Converts radians to degrees.
* inRange(number, min, max)
Returns true if the given number is within the specified range.
* roundToPrecision(number, precision)
Rounds the number to the given precision.
* average(numbers)
Returns the average of all numbers in an array.
### Arrays
* intersection(arr1, arr2)
Returns the array of intersection of two arrays.
* difference(arr1, arr2)
Returns the array of difference of two arrays.
* chunk(arr, perArr)
Returns an array splited into chunks based on elements count per chunk.
* removeDuplicates(arr)
Returns the array without duplicates.
* sample(arr, [size])
Returns a random sample from an array with optional size argument for sampling length. If not specified, it returns only one element.
### Randomization
* randomNumber(min, max)
Returns a random number within the given range.
* randomBoolean()
Returns a random boolean value.
* uniqueId([other ids])
Returns a unique ID that's different from the provided IDs, or a random ID if no other IDs are given.