143 lines
5.3 KiB
JavaScript
143 lines
5.3 KiB
JavaScript
import { Rectangle } from './Rectangle.mjs';
|
|
|
|
"use strict";
|
|
const isCornerWithinStroke = (pX, pY, cornerX, cornerY, radius, halfStrokeWidth) => {
|
|
const dx = pX - cornerX;
|
|
const dy = pY - cornerY;
|
|
const distance = Math.sqrt(dx * dx + dy * dy);
|
|
return distance >= radius - halfStrokeWidth && distance <= radius + halfStrokeWidth;
|
|
};
|
|
class RoundedRectangle {
|
|
/**
|
|
* @param x - The X coordinate of the upper-left corner of the rounded rectangle
|
|
* @param y - The Y coordinate of the upper-left corner of the rounded rectangle
|
|
* @param width - The overall width of this rounded rectangle
|
|
* @param height - The overall height of this rounded rectangle
|
|
* @param radius - Controls the radius of the rounded corners
|
|
*/
|
|
constructor(x = 0, y = 0, width = 0, height = 0, radius = 20) {
|
|
/**
|
|
* The type of the object, mainly used to avoid `instanceof` checks
|
|
* @default 'roundedRectangle'
|
|
*/
|
|
this.type = "roundedRectangle";
|
|
this.x = x;
|
|
this.y = y;
|
|
this.width = width;
|
|
this.height = height;
|
|
this.radius = radius;
|
|
}
|
|
/**
|
|
* Returns the framing rectangle of the rounded rectangle as a Rectangle object
|
|
* @param out - optional rectangle to store the result
|
|
* @returns The framing rectangle
|
|
*/
|
|
getBounds(out) {
|
|
out = out || new Rectangle();
|
|
out.x = this.x;
|
|
out.y = this.y;
|
|
out.width = this.width;
|
|
out.height = this.height;
|
|
return out;
|
|
}
|
|
/**
|
|
* Creates a clone of this Rounded Rectangle.
|
|
* @returns - A copy of the rounded rectangle.
|
|
*/
|
|
clone() {
|
|
return new RoundedRectangle(this.x, this.y, this.width, this.height, this.radius);
|
|
}
|
|
/**
|
|
* Copies another rectangle to this one.
|
|
* @param rectangle - The rectangle to copy from.
|
|
* @returns Returns itself.
|
|
*/
|
|
copyFrom(rectangle) {
|
|
this.x = rectangle.x;
|
|
this.y = rectangle.y;
|
|
this.width = rectangle.width;
|
|
this.height = rectangle.height;
|
|
return this;
|
|
}
|
|
/**
|
|
* Copies this rectangle to another one.
|
|
* @param rectangle - The rectangle to copy to.
|
|
* @returns Returns given parameter.
|
|
*/
|
|
copyTo(rectangle) {
|
|
rectangle.copyFrom(this);
|
|
return rectangle;
|
|
}
|
|
/**
|
|
* Checks whether the x and y coordinates given are contained within this Rounded Rectangle
|
|
* @param x - The X coordinate of the point to test.
|
|
* @param y - The Y coordinate of the point to test.
|
|
* @returns - Whether the x/y coordinates are within this Rounded Rectangle.
|
|
*/
|
|
contains(x, y) {
|
|
if (this.width <= 0 || this.height <= 0) {
|
|
return false;
|
|
}
|
|
if (x >= this.x && x <= this.x + this.width) {
|
|
if (y >= this.y && y <= this.y + this.height) {
|
|
const radius = Math.max(0, Math.min(this.radius, Math.min(this.width, this.height) / 2));
|
|
if (y >= this.y + radius && y <= this.y + this.height - radius || x >= this.x + radius && x <= this.x + this.width - radius) {
|
|
return true;
|
|
}
|
|
let dx = x - (this.x + radius);
|
|
let dy = y - (this.y + radius);
|
|
const radius2 = radius * radius;
|
|
if (dx * dx + dy * dy <= radius2) {
|
|
return true;
|
|
}
|
|
dx = x - (this.x + this.width - radius);
|
|
if (dx * dx + dy * dy <= radius2) {
|
|
return true;
|
|
}
|
|
dy = y - (this.y + this.height - radius);
|
|
if (dx * dx + dy * dy <= radius2) {
|
|
return true;
|
|
}
|
|
dx = x - (this.x + radius);
|
|
if (dx * dx + dy * dy <= radius2) {
|
|
return true;
|
|
}
|
|
}
|
|
}
|
|
return false;
|
|
}
|
|
/**
|
|
* Checks whether the x and y coordinates given are contained within this rectangle including the stroke.
|
|
* @param pX - The X coordinate of the point to test
|
|
* @param pY - The Y coordinate of the point to test
|
|
* @param strokeWidth - The width of the line to check
|
|
* @returns Whether the x/y coordinates are within this rectangle
|
|
*/
|
|
strokeContains(pX, pY, strokeWidth) {
|
|
const { x, y, width, height, radius } = this;
|
|
const halfStrokeWidth = strokeWidth / 2;
|
|
const innerX = x + radius;
|
|
const innerY = y + radius;
|
|
const innerWidth = width - radius * 2;
|
|
const innerHeight = height - radius * 2;
|
|
const rightBound = x + width;
|
|
const bottomBound = y + height;
|
|
if ((pX >= x - halfStrokeWidth && pX <= x + halfStrokeWidth || pX >= rightBound - halfStrokeWidth && pX <= rightBound + halfStrokeWidth) && pY >= innerY && pY <= innerY + innerHeight) {
|
|
return true;
|
|
}
|
|
if ((pY >= y - halfStrokeWidth && pY <= y + halfStrokeWidth || pY >= bottomBound - halfStrokeWidth && pY <= bottomBound + halfStrokeWidth) && pX >= innerX && pX <= innerX + innerWidth) {
|
|
return true;
|
|
}
|
|
return (
|
|
// Top-left
|
|
pX < innerX && pY < innerY && isCornerWithinStroke(pX, pY, innerX, innerY, radius, halfStrokeWidth) || pX > rightBound - radius && pY < innerY && isCornerWithinStroke(pX, pY, rightBound - radius, innerY, radius, halfStrokeWidth) || pX > rightBound - radius && pY > bottomBound - radius && isCornerWithinStroke(pX, pY, rightBound - radius, bottomBound - radius, radius, halfStrokeWidth) || pX < innerX && pY > bottomBound - radius && isCornerWithinStroke(pX, pY, innerX, bottomBound - radius, radius, halfStrokeWidth)
|
|
);
|
|
}
|
|
toString() {
|
|
return `[pixi.js/math:RoundedRectangle x=${this.x} y=${this.y}width=${this.width} height=${this.height} radius=${this.radius}]`;
|
|
}
|
|
}
|
|
|
|
export { RoundedRectangle };
|
|
//# sourceMappingURL=RoundedRectangle.mjs.map
|