@vpmedia/phaser 1.104.0 → 1.105.0

package/src/phaser/geom/line.ts

@@ -15,7 +15,7 @@ export class Line {
    * @param {number} x2 - The x coordinate of the end point (default: 0).
    * @param {number} y2 - The y coordinate of the end point (default: 0).
    */
-  constructor(x1 = 0, y1 = 0, x2 = 0, y2 = 0) {
+  constructor(x1: number = 0, y1: number = 0, x2: number = 0, y2: number = 0) {
     /** @type {Point} */
     this.start = new Point(x1, y1);
     /** @type {Point} */
@@ -32,7 +32,7 @@ export class Line {
    * @param {number} y2 - The new y coordinate of the end point.
    * @returns {Line} This line instance for chaining.
    */
-  setTo(x1, y1, x2, y2) {
+  setTo(x1: number, y1: number, x2: number, y2: number) {
     this.start.setTo(x1, y1);
     this.end.setTo(x2, y2);
     return this;
@@ -45,7 +45,7 @@ export class Line {
    * @param {boolean} useCenter - Whether to use the center of the sprites (default: false).
    * @returns {Line} This line instance for chaining.
    */
-  fromSprite(startSprite, endSprite, useCenter = false) {
+  fromSprite(startSprite: any, endSprite: any, useCenter: boolean = false) {
     if (useCenter) {
       return this.setTo(startSprite.center.x, startSprite.center.y, endSprite.center.x, endSprite.center.y);
     }
@@ -60,7 +60,7 @@ export class Line {
    * @param {number} length - The length of the line.
    * @returns {Line} This line instance for chaining.
    */
-  fromAngle(x, y, angle, length) {
+  fromAngle(x: number, y: number, angle: number, length: number) {
     this.start.setTo(x, y);
     this.end.setTo(x + Math.cos(angle) * length, y + Math.sin(angle) * length);
     return this;
@@ -72,7 +72,7 @@ export class Line {
    * @param {boolean} asDegrees - Whether the angle is provided in degrees (default: false).
    * @returns {Line} This line instance for chaining.
    */
-  rotate(angle, asDegrees = false) {
+  rotate(angle: number, asDegrees: boolean = false) {
     const cx = (this.start.x + this.end.x) / 2;
     const cy = (this.start.y + this.end.y) / 2;
     this.start.rotate(cx, cy, angle, asDegrees);
@@ -88,7 +88,7 @@ export class Line {
    * @param {boolean} asDegrees - Whether the angle is provided in degrees (default: false).
    * @returns {Line} This line instance for chaining.
    */
-  rotateAround(x, y, angle, asDegrees = false) {
+  rotateAround(x: number, y: number, angle: number, asDegrees: boolean = false) {
     this.start.rotate(x, y, angle, asDegrees);
     this.end.rotate(x, y, angle, asDegrees);
     return this;
@@ -101,7 +101,7 @@ export class Line {
    * @param {Point} result - The point to store the intersection in (optional).
    * @returns {Point} The intersection point, or null if no intersection occurs.
    */
-  intersects(line, asSegment, result) {
+  intersects(line: Line, asSegment: boolean, result: Point) {
     return intersectsPoints(this.start, this.end, line.start, line.end, asSegment, result);
   }
 
@@ -110,7 +110,7 @@ export class Line {
    * @param {Line} line - The line to reflect off.
    * @returns {number} The angle of reflection in radians.
    */
-  reflect(line) {
+  reflect(line: Line) {
     return reflect(this, line);
   }
 
@@ -119,7 +119,7 @@ export class Line {
    * @param {Point} output - The point to store the result in (optional).
    * @returns {Point} The midpoint of this line.
    */
-  midPoint(output = null) {
+  midPoint(output: Point = null) {
     const result = output || new Point();
     result.x = (this.start.x + this.end.x) / 2;
     result.y = (this.start.y + this.end.y) / 2;
@@ -131,7 +131,7 @@ export class Line {
    * @param {number} x - The x coordinate to center the line on.
    * @param {number} y - The y coordinate to center the line on.
    */
-  centerOn(x, y) {
+  centerOn(x: number, y: number) {
     const cx = (this.start.x + this.end.x) / 2;
     const cy = (this.start.y + this.end.y) / 2;
     const tx = x - cx;
@@ -146,7 +146,7 @@ export class Line {
    * @param {number} y - The y coordinate of the point to check.
    * @returns {boolean} True if the point lies on this line, false otherwise.
    */
-  pointOnLine(x, y) {
+  pointOnLine(x: number, y: number) {
     return (x - this.start.x) * (this.end.y - this.start.y) === (this.end.x - this.start.x) * (y - this.start.y);
   }
 
@@ -156,7 +156,7 @@ export class Line {
    * @param {number} y - The y coordinate of the point to check.
    * @returns {boolean} True if the point lies on this line segment, false otherwise.
    */
-  pointOnSegment(x, y) {
+  pointOnSegment(x: number, y: number) {
     const xMin = Math.min(this.start.x, this.end.x);
     const xMax = Math.max(this.start.x, this.end.x);
     const yMin = Math.min(this.start.y, this.end.y);
@@ -169,7 +169,7 @@ export class Line {
    * @param {Point} output - The point to store the result in (optional).
    * @returns {Point} A random point on this line.
    */
-  random(output = null) {
+  random(output: Point = null) {
     const result = output || new Point();
     const t = Math.random();
     result.x = this.start.x + t * (this.end.x - this.start.x);
@@ -183,7 +183,7 @@ export class Line {
    * @param {number[][]} results - The array to store the results in (optional).
    * @returns {number[][]} An array of coordinate pairs representing points along this line.
    */
-  coordinatesOnLine(stepRate = 1, results = []) {
+  coordinatesOnLine(stepRate: number = 1, results: number[][] = []) {
     let x1 = Math.round(this.start.x);
     let y1 = Math.round(this.start.y);
     const x2 = Math.round(this.end.x);

package/src/phaser/geom/matrix.ts

@@ -20,7 +20,7 @@ export class Matrix {
    * @param {number} tx - The tx component of the matrix (default: 0).
    * @param {number} ty - The ty component of the matrix (default: 0).
    */
-  constructor(a = 1, b = 0, c = 0, d = 1, tx = 0, ty = 0) {
+  constructor(a: number = 1, b: number = 0, c: number = 0, d: number = 1, tx: number = 0, ty: number = 0) {
     /** @type {number} */
     this.a = a;
     /** @type {number} */
@@ -42,7 +42,7 @@ export class Matrix {
    * @param {number[]} array - The array to read the matrix components from (should have 6 elements).
    * @returns {Matrix} This matrix instance for chaining.
    */
-  fromArray(array) {
+  fromArray(array: number[]) {
     return this.setTo(array[0], array[1], array[3], array[4], array[2], array[5]);
   }
 
@@ -56,7 +56,7 @@ export class Matrix {
    * @param {number} ty - The new ty component of the matrix.
    * @returns {Matrix} This matrix instance for chaining.
    */
-  setTo(a, b, c, d, tx, ty) {
+  setTo(a: number, b: number, c: number, d: number, tx: number, ty: number) {
     this.a = a;
     this.b = b;
     this.c = c;
@@ -79,7 +79,7 @@ export class Matrix {
    * @param {Matrix} matrix - The matrix to copy values to.
    * @returns {Matrix} The destination matrix.
    */
-  copyTo(matrix) {
+  copyTo(matrix: Matrix) {
     matrix.copyFrom(this);
     return matrix;
   }
@@ -89,7 +89,7 @@ export class Matrix {
    * @param {Matrix} matrix - The matrix to copy values from.
    * @returns {Matrix} This matrix instance for chaining.
    */
-  copyFrom(matrix) {
+  copyFrom(matrix: Matrix) {
     this.a = matrix.a;
     this.b = matrix.b;
     this.c = matrix.c;
@@ -105,7 +105,7 @@ export class Matrix {
    * @param {Float32Array} output - The array to store the result in (optional).
    * @returns {Float32Array} A Float32Array containing the matrix elements.
    */
-  toArray(transpose = false, output = null) {
+  toArray(transpose: boolean = false, output: Float32Array = null) {
     const result = output || new Float32Array(9);
     if (transpose) {
       result[0] = this.a;
@@ -137,7 +137,7 @@ export class Matrix {
    * @param {Point} output - The point to store the result in (optional).
    * @returns {Point} The transformed point.
    */
-  apply(pos, output = null) {
+  apply(pos: Point, output: Point = null) {
     const result = output || new Point();
     result.x = this.a * pos.x + this.c * pos.y + this.tx;
     result.y = this.b * pos.x + this.d * pos.y + this.ty;
@@ -150,7 +150,7 @@ export class Matrix {
    * @param {Point} output - The point to store the result in (optional).
    * @returns {Point} The transformed point.
    */
-  applyInverse(pos, output = null) {
+  applyInverse(pos: Point, output: Point = null) {
     const result = output || new Point();
     const id = 1 / (this.a * this.d + this.c * -this.b);
     const x = pos.x;
@@ -166,7 +166,7 @@ export class Matrix {
    * @param {number} y - The amount to translate in the y direction.
    * @returns {Matrix} This matrix instance for chaining.
    */
-  translate(x, y) {
+  translate(x: number, y: number) {
     this.tx += x;
     this.ty += y;
     return this;
@@ -178,7 +178,7 @@ export class Matrix {
    * @param {number} y - The amount to scale in the y direction.
    * @returns {Matrix} This matrix instance for chaining.
    */
-  scale(x, y) {
+  scale(x: number, y: number) {
     this.a *= x;
     this.d *= y;
     this.c *= x;
@@ -193,7 +193,7 @@ export class Matrix {
    * @param {number} angle - The angle in radians to rotate by.
    * @returns {Matrix} This matrix instance for chaining.
    */
-  rotate(angle) {
+  rotate(angle: number) {
     const cos = Math.cos(angle);
     const sin = Math.sin(angle);
     const a1 = this.a;
@@ -213,7 +213,7 @@ export class Matrix {
    * @param {Matrix} matrix - The matrix to append.
    * @returns {Matrix} This matrix instance for chaining.
    */
-  append(matrix) {
+  append(matrix: Matrix) {
     const a1 = this.a;
     const b1 = this.b;
     const c1 = this.c;

package/src/phaser/geom/point.ts

@@ -11,7 +11,7 @@ export class Point {
    * @param {number} x - The x coordinate of the point (default: 0).
    * @param {number} y - The y coordinate of the point (default: 0).
    */
-  constructor(x = 0, y = 0) {
+  constructor(x: number = 0, y: number = 0) {
     /** @type {number} */
     this.x = x;
     /** @type {number} */
@@ -25,7 +25,7 @@ export class Point {
    * @param {Point} source - The point to copy coordinates from.
    * @returns {Point} This point instance for chaining.
    */
-  copyFrom(source) {
+  copyFrom(source: Point) {
     return this.setTo(source.x, source.y);
   }
 
@@ -43,7 +43,7 @@ export class Point {
    * @param {number} y - The new y coordinate for the point.
    * @returns {Point} This point instance for chaining.
    */
-  setTo(x, y?) {
+  setTo(x: number, y?: number) {
     this.x = x || 0;
     this.y = y || (y !== 0 ? this.x : 0);
     return this;
@@ -56,7 +56,7 @@ export class Point {
    * @returns {Point} This point instance for chaining.
    * @deprecated Use setTo instead.
    */
-  set(x, y) {
+  set(x: number, y: number) {
     this.x = x || 0;
     this.y = y || (y !== 0 ? this.x : 0);
     return this;
@@ -68,7 +68,7 @@ export class Point {
    * @param {number} y - The amount to add to the y coordinate.
    * @returns {Point} This point instance for chaining.
    */
-  add(x, y) {
+  add(x: number, y: number) {
     this.x += x;
     this.y += y;
     return this;
@@ -80,7 +80,7 @@ export class Point {
    * @param {number} y - The amount to subtract from the y coordinate.
    * @returns {Point} This point instance for chaining.
    */
-  subtract(x, y) {
+  subtract(x: number, y: number) {
     this.x -= x;
     this.y -= y;
     return this;
@@ -92,7 +92,7 @@ export class Point {
    * @param {number} y - The amount to multiply the y coordinate by.
    * @returns {Point} This point instance for chaining.
    */
-  multiply(x, y) {
+  multiply(x: number, y: number) {
     this.x *= x;
     this.y *= y;
     return this;
@@ -104,7 +104,7 @@ export class Point {
    * @param {number} y - The amount to divide the y coordinate by.
    * @returns {Point} This point instance for chaining.
    */
-  divide(x, y) {
+  divide(x: number, y: number) {
     this.x /= x;
     this.y /= y;
     return this;
@@ -116,7 +116,7 @@ export class Point {
    * @param {number} max - The maximum value for the x coordinate.
    * @returns {Point} This point instance for chaining.
    */
-  clampX(min, max) {
+  clampX(min: number, max: number) {
     this.x = Math.max(min, Math.min(max, this.x));
     return this;
   }
@@ -127,7 +127,7 @@ export class Point {
    * @param {number} max - The maximum value for the y coordinate.
    * @returns {Point} This point instance for chaining.
    */
-  clampY(min, max) {
+  clampY(min: number, max: number) {
     this.y = Math.max(min, Math.min(max, this.y));
     return this;
   }
@@ -138,7 +138,7 @@ export class Point {
    * @param {number} max - The maximum value for both coordinates.
    * @returns {Point} This point instance for chaining.
    */
-  clamp(min, max) {
+  clamp(min: number, max: number) {
     this.x = Math.max(min, Math.min(max, this.x));
     this.y = Math.max(min, Math.min(max, this.y));
     return this;
@@ -157,7 +157,7 @@ export class Point {
    * @param {Point} dest - The point to copy coordinates to.
    * @returns {Point} The destination point.
    */
-  copyTo(dest) {
+  copyTo(dest: Point) {
     dest.x = this.x;
     dest.y = this.y;
     return dest;
@@ -168,7 +168,7 @@ export class Point {
    * @param {Point} b - The other point to calculate the distance to.
    * @returns {number} The distance between the two points.
    */
-  distance(b) {
+  distance(b: Point) {
     return distance(this, b);
   }
 
@@ -177,7 +177,7 @@ export class Point {
    * @param {Point} a - The other point to compare with.
    * @returns {boolean} True if the points have the same coordinates, false otherwise.
    */
-  equals(a) {
+  equals(a: Point) {
     return a.x === this.x && a.y === this.y;
   }
 
@@ -187,7 +187,7 @@ export class Point {
    * @param {boolean} asDegrees - Whether to return the result in degrees (default: false).
    * @returns {number} The angle between the two points in radians or degrees.
    */
-  angle(a, asDegrees = false) {
+  angle(a: Point, asDegrees: boolean = false) {
     if (asDegrees) {
       return (180 / Math.PI) * Math.atan2(a.y - this.y, a.x - this.x);
     }
@@ -203,7 +203,7 @@ export class Point {
    * @param {number | null | undefined} dist - The distance to rotate from (default: null).
    * @returns {Point} This point instance for chaining.
    */
-  rotate(x, y, angle, asDegrees, dist = null) {
+  rotate(x: number, y: number, angle: number, asDegrees: boolean, dist: number | null | undefined = null) {
     return rotate(this, x, y, angle, asDegrees, dist);
   }
 
@@ -228,7 +228,7 @@ export class Point {
    * @param {number} magnitude - The new magnitude for the point.
    * @returns {Point} This point instance for chaining.
    */
-  setMagnitude(magnitude) {
+  setMagnitude(magnitude: number) {
     return this.normalize().multiply(magnitude, magnitude);
   }
 
@@ -258,7 +258,7 @@ export class Point {
    * @param {Point} a - The other point to calculate the dot product with.
    * @returns {number} The dot product of the two points.
    */
-  dot(a) {
+  dot(a: Point) {
     return this.x * a.x + this.y * a.y;
   }
 
@@ -267,7 +267,7 @@ export class Point {
    * @param {Point} a - The other point to calculate the cross product with.
    * @returns {number} The cross product of the two points.
    */
-  cross(a) {
+  cross(a: Point) {
     return this.x * a.y - this.y * a.x;
   }
 

package/src/phaser/geom/polygon.ts

@@ -13,7 +13,7 @@ export class Polygon {
    * Creates a new Polygon instance.
    * @param {object[]} points - The array of points to define the polygon (optional).
    */
-  constructor(points = null) {
+  constructor(points: any[] = null) {
     /** @type {number} */
     this.area = 0;
     /** @type {Point[]} */
@@ -34,7 +34,7 @@ export class Polygon {
    * @param {number[]} output - The array to store the result in (optional).
    * @returns {number[]} An array of numbers representing the polygon's points.
    */
-  toNumberArray(output = []) {
+  toNumberArray(output: number[] = []) {
     for (let i = 0; i < this._points.length; i += 1) {
       if (typeof this._points[i] === 'number') {
         output.push(this._points[i]);
@@ -72,7 +72,7 @@ export class Polygon {
    * @param {number} y - The y coordinate of the point to check.
    * @returns {boolean} True if the point is contained within this polygon, false otherwise.
    */
-  contains(x, y) {
+  contains(x: number, y: number) {
     //  Adapted from http://www.ecse.rpi.edu/Homepages/wrf/Research/Short_Notes/pnpoly.html by Jonas Raoni Soares Silva
     let inside = false;
     if (this.flattened) {
@@ -104,7 +104,7 @@ export class Polygon {
    * @param {object[]} points - The array of points to define the polygon.
    * @returns {Polygon} This polygon instance for chaining.
    */
-  setTo(points) {
+  setTo(points: any[]) {
     this.area = 0;
     this._points = [];
     if (points) {
@@ -143,7 +143,7 @@ export class Polygon {
    * @param {number} y0 - The y coordinate of the lowest boundary (internal use).
    * @returns {number} The area of this polygon.
    */
-  calculateArea(y0) {
+  calculateArea(y0: number) {
     let p1;
     let p2;
     let avgHeight;

package/src/phaser/geom/rectangle.ts

@@ -38,7 +38,7 @@ export class Rectangle {
    * @param {number} width - The width of the rectangle (default: 0).
    * @param {number} height - The height of the rectangle (default: 0).
    */
-  constructor(x = 0, y = 0, width = 0, height = 0) {
+  constructor(x: number = 0, y: number = 0, width: number = 0, height: number = 0) {
     /** @type {number} */
     this.x = x;
     /** @type {number} */
@@ -57,7 +57,7 @@ export class Rectangle {
    * @param {number} dy - The amount to offset the y coordinate by.
    * @returns {Rectangle} This rectangle instance for chaining.
    */
-  offset(dx, dy) {
+  offset(dx: number, dy: number) {
     this.x += dx;
     this.y += dy;
     return this;
@@ -68,7 +68,7 @@ export class Rectangle {
    * @param {Point} point - The point to offset the rectangle by.
    * @returns {Rectangle} This rectangle instance for chaining.
    */
-  offsetPoint(point) {
+  offsetPoint(point: Point) {
     return this.offset(point.x, point.y);
   }
 
@@ -80,7 +80,7 @@ export class Rectangle {
    * @param {number} height - The new height of the rectangle.
    * @returns {Rectangle} This rectangle instance for chaining.
    */
-  setTo(x, y, width, height) {
+  setTo(x: number, y: number, width: number, height: number) {
     this.x = x;
     this.y = y;
     this.width = width;
@@ -94,7 +94,7 @@ export class Rectangle {
    * @param {number} y - The amount to scale the height by (default: x).
    * @returns {Rectangle} This rectangle instance for chaining.
    */
-  scale(x, y?) {
+  scale(x: number, y?: number) {
     if (y === undefined) {
       y = x;
     }
@@ -109,7 +109,7 @@ export class Rectangle {
    * @param {number} y - The y coordinate to center the rectangle on.
    * @returns {Rectangle} This rectangle instance for chaining.
    */
-  centerOn(x, y) {
+  centerOn(x: number, y: number) {
     this.centerX = x;
     this.centerY = y;
     return this;
@@ -156,7 +156,7 @@ export class Rectangle {
    * @param {Rectangle} source - The rectangle to copy values from.
    * @returns {Rectangle} This rectangle instance for chaining.
    */
-  copyFrom(source) {
+  copyFrom(source: Rectangle) {
     return this.setTo(source.x, source.y, source.width, source.height);
   }
 
@@ -165,7 +165,7 @@ export class Rectangle {
    * @param {Rectangle} dest - The rectangle to copy values to.
    * @returns {Rectangle} The destination rectangle.
    */
-  copyTo(dest) {
+  copyTo(dest: Rectangle) {
     dest.x = this.x;
     dest.y = this.y;
     dest.width = this.width;
@@ -179,7 +179,7 @@ export class Rectangle {
    * @param {number} dy - The amount to increase the height by.
    * @returns {Rectangle} This rectangle instance for chaining.
    */
-  inflate(dx, dy) {
+  inflate(dx: number, dy: number) {
     return inflate(this, dx, dy);
   }
 
@@ -188,7 +188,7 @@ export class Rectangle {
    * @param {Point} output - The point to store the size in (optional).
    * @returns {Point} The size of the rectangle as a point.
    */
-  size(output) {
+  size(output: Point) {
     return size(this, output);
   }
 
@@ -198,7 +198,7 @@ export class Rectangle {
    * @param {number} height - The new height of the rectangle.
    * @returns {Rectangle} This rectangle instance for chaining.
    */
-  resize(width, height) {
+  resize(width: number, height: number) {
     this.width = width;
     this.height = height;
     return this;
@@ -209,7 +209,7 @@ export class Rectangle {
    * @param {Rectangle} output - The rectangle to store the clone in (optional).
    * @returns {Rectangle} A new rectangle with the same values as this one.
    */
-  clone(output?) {
+  clone(output?: Rectangle) {
     return clone(this, output);
   }
 
@@ -219,7 +219,7 @@ export class Rectangle {
    * @param {number} y - The y coordinate of the point to check.
    * @returns {boolean} True if the point is contained within this rectangle, false otherwise.
    */
-  contains(x, y) {
+  contains(x: number, y: number) {
     return contains(this, x, y);
   }
 
@@ -228,7 +228,7 @@ export class Rectangle {
    * @param {Rectangle} b - The rectangle to check if it's contained.
    * @returns {boolean} True if the rectangle is contained within this rectangle, false otherwise.
    */
-  containsRect(b) {
+  containsRect(b: Rectangle) {
     return containsRect(b, this);
   }
 
@@ -237,7 +237,7 @@ export class Rectangle {
    * @param {Rectangle} b - The rectangle to compare with.
    * @returns {boolean} True if the rectangles have the same values, false otherwise.
    */
-  equals(b) {
+  equals(b: Rectangle) {
     return equals(this, b);
   }
 
@@ -247,7 +247,7 @@ export class Rectangle {
    * @param {Rectangle} out - The rectangle to store the result in (optional).
    * @returns {Rectangle} The intersection of the two rectangles.
    */
-  intersection(b, out?) {
+  intersection(b: Rectangle, out?: Rectangle) {
     return intersection(this, b, out);
   }
 
@@ -256,7 +256,7 @@ export class Rectangle {
    * @param {Rectangle} b - The rectangle to check for intersection with.
    * @returns {boolean} True if the rectangles intersect, false otherwise.
    */
-  intersects(b) {
+  intersects(b: Rectangle) {
     return intersects(this, b);
   }
 
@@ -269,7 +269,7 @@ export class Rectangle {
    * @param {number} tolerance - A tolerance value to use when checking (default: 0).
    * @returns {boolean} True if the rectangle intersects with the bounds, false otherwise.
    */
-  intersectsRaw(left, right, top, bottom, tolerance) {
+  intersectsRaw(left: number, right: number, top: number, bottom: number, tolerance: number) {
     return intersectsRaw(this, left, right, top, bottom, tolerance);
   }
 
@@ -279,7 +279,7 @@ export class Rectangle {
    * @param {Rectangle} out - The rectangle to store the result in (optional).
    * @returns {Rectangle} The union of the two rectangles.
    */
-  union(b, out?) {
+  union(b: Rectangle, out?: Rectangle) {
     return union(this, b, out);
   }
 
@@ -288,7 +288,7 @@ export class Rectangle {
    * @param {Point} output - The point to store the result in (optional).
    * @returns {Point} A random point within this rectangle.
    */
-  random(output = null) {
+  random(output: Point = null) {
     const result = output || new Point();
     result.x = this.randomX;
     result.y = this.randomY;
@@ -301,7 +301,7 @@ export class Rectangle {
    * @param {Point} output - The point to store the result in (optional).
    * @returns {Point} A point at the specified position on the rectangle.
    */
-  getPoint(position, output = null) {
+  getPoint(position: number, output: Point = null) {
     const result = output || new Point();
     switch (position) {
       case TOP_LEFT:

package/src/phaser/geom/rounded_rectangle.ts

@@ -17,7 +17,7 @@ export class RoundedRectangle {
    * @param {number} height - The height of the rectangle (default: 0).
    * @param {number} radius - The corner radius (default: 20).
    */
-  constructor(x = 0, y = 0, width = 0, height = 0, radius = 20) {
+  constructor(x: number = 0, y: number = 0, width: number = 0, height: number = 0, radius: number = 20) {
     this.x = x;
     this.y = y;
     this.width = width;
@@ -32,7 +32,7 @@ export class RoundedRectangle {
    * @param {number} y - The y coordinate of the point to check.
    * @returns {boolean} True if the point is contained within this rounded rectangle, false otherwise.
    */
-  contains(x, y) {
+  contains(x: number, y: number) {
     if (this.width <= 0 || this.height <= 0) {
       return false;
     }