AABB Collisions Detector

It is a library for detecting collisions between simple geometric shapes such as rectangles, circles, points and lines. It uses typescript and has no dependencies. Easy to use, compatible with both canvas and any rendering libraries such as pixi.js , phaser.js and others.

Interactive example

Installation

npm

npm i --save aabb-collisions-detector

yarn

yarn add aabb-collisions-detector

API

| Detector | Description | | ------------------------------------------ | ----------------------------------------------------------- | | isRectIntersectsRect(squareA, squareB) | Determines whether two rectangles intersect | | isRectIntersectsCircle(square, circle) | Determines whether the rectangle intersects with the circle | | isCircleIntersectsCircle(circleA, circleB) | Determines whether two circles intersect | | isPointIntersectsCircle(point, circle) | Determines whether a point is inside a circle | | isCircleIntersectsLine(circle, line) | Determines whether the line intersects with the circle |

Code Example

import {
  // types
  CollisionsRectangle,
  CollisionsCircle,
  CollisionsLine,
  Point2d,

  // detectors
  isRectIntersectsRect,
  isRectIntersectsCircle,
  isCircleIntersectsCircle,
  isPointIntersectsCircle,
  isCircleIntersectsLine,
} from 'aabb-collisions-detector';

const squareA: CollisionsRectangle = {x: 0, y: 0, width: 100, height: 50};
const squareB: CollisionsRectangle = {x: 50, y: 50, width: 50, height: 25};
const circleA: CollisionsCircle = {x: 25, y: 25, radius: 10};
const circleB: CollisionsCircle = {x: 0, 100, radius: 10};
const point: CollisionsLine = {p1: {x: 0, y: 0}, p2: {x: 100, y: 100}};

isRectIntersectsRect(squareA, squareB);
isRectIntersectsCircle(squareA, circle);
isCircleIntersectsCircle(circleA, circleB);
isPointIntersectsCircle(point, circleA);
isCircleIntersectsLine(circleA, line);