melonjs 15.14.0 → 16.0.0

package/dist/types/application/application.d.ts

@@ -102,7 +102,7 @@ export default class Application {
      * destroy all current objects
      */
     reset(): void;
-    set sortOn(arg: string);
+    set sortOn(value: string);
     /**
      * Specify the property to be used when sorting renderables for this application game world.
      * Accepted values : "x", "y", "z", "depth"

package/dist/types/application/settings.d.ts

@@ -17,6 +17,7 @@ export namespace defaultSettings {
     let verbose: boolean;
     let consoleHeader: boolean;
     let legacy: boolean;
+    let canvas: undefined;
 }
 /**
  * Application & Renderer Settings definition.
@@ -26,6 +27,10 @@ export type Settings = {
      * - the DOM parent element to hold the canvas in the HTML file
      */
     parent?: string | HTMLElement | undefined;
+    /**
+     * - an existing canvas element to use as the renderer target (by default melonJS will create its own canvas based on given parameters)
+     */
+    canvas?: HTMLCanvasElement | undefined;
     /**
      * - renderer to use (CANVAS, WEBGL, AUTO), or a custom renderer class
      */

package/dist/types/geometries/path2d.d.ts

@@ -3,6 +3,7 @@
  * a simplified path2d implementation, supporting only one path
  */
 export default class Path2D {
+    constructor(svgPath: any);
     /**
      * the points defining the current path
      * @type {Point[]}
@@ -17,6 +18,11 @@ export default class Path2D {
     vertices: any[];
     startPoint: object;
     isDirty: boolean;
+    /**
+     * Parses an SVG path string and adds the points to the current path.
+     * @param {string} svgPath - The SVG path string to parse.
+     */
+    parseSVGPath(svgPath: string): void;
     /**
      * begin a new path
      */
@@ -77,6 +83,24 @@ export default class Path2D {
      * @param {boolean} [anticlockwise=false] - an optional boolean value which, if true, draws the ellipse counterclockwise (anticlockwise).
      */
     ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, anticlockwise?: boolean | undefined): void;
+    /**
+     * Adds a quadratic Bézier curve to the path.
+     * @param {number} cpX - The x-coordinate of the control point.
+     * @param {number} cpY - The y-coordinate of the control point.
+     * @param {number} x - The x-coordinate of the end point of the curve.
+     * @param {number} y - The y-coordinate of the end point of the curve.
+     */
+    quadraticCurveTo(cpX: number, cpY: number, x: number, y: number): void;
+    /**
+     * Adds a cubic Bézier curve to the path.
+     * @param {number} cp1X - The x-coordinate of the first control point.
+     * @param {number} cp1Y - The y-coordinate of the first control point.
+     * @param {number} cp2X - The x-coordinate of the second control point.
+     * @param {number} cp2Y - The y-coordinate of the second control point.
+     * @param {number} x - The x-coordinate of the end point of the curve.
+     * @param {number} y - The y-coordinate of the end point of the curve.
+     */
+    bezierCurveTo(cp1X: number, cp1Y: number, cp2X: number, cp2Y: number, x: number, y: number): void;
     /**
      * creates a path for a rectangle at position (x, y) with a size that is determined by width and height.
      * @param {number} x - the x-axis coordinate of the rectangle's starting point.

package/dist/types/geometries/rectangle.d.ts

@@ -42,25 +42,25 @@ export default class Rect extends Polygon {
      * @type {number}
      */
     get bottom(): number;
-    set width(arg: number);
+    set width(value: number);
     /**
      * width of the Rectangle
      * @type {number}
      */
     get width(): number;
-    set height(arg: number);
+    set height(value: number);
     /**
      * height of the Rectangle
      * @type {number}
      */
     get height(): number;
-    set centerX(arg: number);
+    set centerX(value: number);
     /**
      * absolute center of this rectangle on the horizontal axis
      * @type {number}
      */
     get centerX(): number;
-    set centerY(arg: number);
+    set centerY(value: number);
     /**
      * absolute center of this rectangle on the vertical axis
      * @type {number}

package/dist/types/geometries/roundrect.d.ts

@@ -12,7 +12,7 @@ export default class RoundRect extends Rect {
      * @param {number} [radius=20] - the radius of the rounded corner
      */
     constructor(x: number, y: number, width: number, height: number, radius?: number | undefined);
-    set radius(arg: number);
+    set radius(value: number);
     /**
      * the radius of the rounded corner
      * @type {number}

package/dist/types/geometries/toarccanvas.d.ts

@@ -0,0 +1,10 @@
+export function endpointToCenterParameterization(x1: any, y1: any, x2: any, y2: any, largeArcFlag: any, sweepFlag: any, srx: any, sry: any, xAxisRotationDeg: any): {
+    cx: any;
+    cy: any;
+    rx: number;
+    ry: number;
+    startAngle: number;
+    endAngle: number;
+    xAxisRotation: number;
+    anticlockwise: boolean;
+};

package/dist/types/loader/parsers/binary.d.ts

@@ -7,11 +7,3 @@
  * @ignore
  */
 export function preloadBinary(data: loader.Asset, onload?: Function | undefined, onerror?: Function | undefined): number;
-/**
- * parse/preload a Javascript files
- * @param {loader.Asset} data - asset data
- * @param {Function} [onload] - function to be called when the asset is loaded
- * @param {Function} [onerror] - function to be called in case of error
- * @ignore
- */
-export function preloadJavascript(data: loader.Asset, onload?: Function | undefined, onerror?: Function | undefined): number;

package/dist/types/loader/parsers/fetchdata.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Fetches data from the specified URL.
+ * @param {string} url - The URL to fetch the data from.
+ * @param {string} responseType - The type of response expected ('json', 'text', 'blob', 'arrayBuffer').
+ * @returns {Promise} A promise that resolves with the fetched data or rejects with an error.
+ * @example
+ * fetchData('https://api.example.com/data', 'json')
+ *     .then(data => {
+ *         // Handle the fetched JSON data
+ *     })
+ *     .catch(error => {
+ *         // Handle the error
+ *     });
+ */
+export function fetchData(url: string, responseType: string): Promise<any>;

package/dist/types/loader/parsers/tmx.d.ts

@@ -3,6 +3,7 @@
  * @param {loader.Asset} data - asset data
  * @param {Function} [onload] - function to be called when the asset is loaded
  * @param {Function} [onerror] - function to be called in case of error
+ * @param {Function} [fetchData] - function to use instead of default window.fetch, has some error handling and things
  * @returns {number} the amount of corresponding resource parsed/preloaded
  * @ignore
  */

package/dist/types/math/color.d.ts

@@ -15,25 +15,25 @@ export default class Color {
      */
     onResetEvent(r?: number, g?: number, b?: number, alpha?: number): void;
     glArray: Float32Array | undefined;
-    set r(arg: number);
+    set r(value: number);
     /**
      * Color Red Component [0 .. 255]
      * @type {number}
      */
     get r(): number;
-    set g(arg: number);
+    set g(value: number);
     /**
      * Color Green Component [0 .. 255]
      * @type {number}
      */
     get g(): number;
-    set b(arg: number);
+    set b(value: number);
     /**
      * Color Blue Component [0 .. 255]
      * @type {number}
      */
     get b(): number;
-    set alpha(arg: number);
+    set alpha(value: number);
     /**
      * Color Alpha Component [0.0 .. 1.0]
      * @type {number}

package/dist/types/math/math.d.ts

@@ -119,6 +119,12 @@ export function round(num: number, dec?: number | undefined): number;
  * }
  */
 export function toBeCloseTo(expected: number, actual: number, precision?: number | undefined): boolean;
+/**
+ * Calculates the power of a number.
+ * @param {number} n - The number to be raised to the power of 2.
+ * @returns {number} The result of raising the number to the power of 2.
+ */
+export function pow(n: number): number;
 /**
  * a collection of math utility functions
  * @namespace Math

package/dist/types/math/observable_vector2.d.ts

@@ -19,7 +19,7 @@ export default class ObservableVector2d extends Vector2d {
      * @ignore
      */
     onResetEvent(x: number | undefined, y: number | undefined, settings: any): void;
-    public set x(arg: number);
+    public set x(value: number);
     /**
      * x value of the vector
      * @public
@@ -29,7 +29,7 @@ export default class ObservableVector2d extends Vector2d {
      */
     public get x(): number;
     _x: any;
-    public set y(arg: number);
+    public set y(value: number);
     /**
      * y value of the vector
      * @public

package/dist/types/math/observable_vector3.d.ts

@@ -20,7 +20,7 @@ export default class ObservableVector3d extends Vector3d {
      * @ignore
      */
     onResetEvent(x: number | undefined, y: number | undefined, z: number | undefined, settings: any): this;
-    public set x(arg: number);
+    public set x(value: number);
     /**
      * x value of the vector
      * @public
@@ -30,7 +30,7 @@ export default class ObservableVector3d extends Vector3d {
      */
     public get x(): number;
     _x: any;
-    public set y(arg: number);
+    public set y(value: number);
     /**
      * y value of the vector
      * @public
@@ -40,7 +40,7 @@ export default class ObservableVector3d extends Vector3d {
      */
     public get y(): number;
     _y: any;
-    public set z(arg: number);
+    public set z(value: number);
     /**
      * z value of the vector
      * @public

package/dist/types/physics/bounds.d.ts

@@ -38,25 +38,25 @@ export default class Bounds {
      * @param {number} maxY
      */
     setMinMax(minX: number, minY: number, maxX: number, maxY: number): void;
-    set x(arg: number);
+    set x(value: number);
     /**
      * x position of the bound
      * @type {number}
      */
     get x(): number;
-    set y(arg: number);
+    set y(value: number);
     /**
      * y position of the bounds
      * @type {number}
      */
     get y(): number;
-    set width(arg: number);
+    set width(value: number);
     /**
      * width of the bounds
      * @type {number}
      */
     get width(): number;
-    set height(arg: number);
+    set height(value: number);
     /**
      * width of the bounds
      * @type {number}

package/dist/types/renderable/entity/entity.d.ts

@@ -39,7 +39,7 @@ export default class Entity extends Renderable {
      * @ignore
      */
     children: any[];
-    set renderable(arg: Renderable);
+    set renderable(value: Renderable);
     /**
      * The entity renderable component (can be any objects deriving from me.Renderable, like me.Sprite for example)
      * @type {Renderable}

package/dist/types/renderable/imagelayer.d.ts

@@ -40,7 +40,7 @@ export default class ImageLayer extends Sprite {
      * @default <1.0,1.0>
      */
     ratio: Vector2d;
-    set repeat(arg: string);
+    set repeat(value: string);
     /**
      * Define if and how an Image Layer should be repeated.<br>
      * By default, an Image Layer is repeated both vertically and horizontally.<br>
@@ -67,7 +67,7 @@ export default class ImageLayer extends Sprite {
      * updateLayer function
      * @ignore
      */
-    updateLayer(vpos: any): void;
+    updateLayer(): void;
     /**
     * override the default predraw function
     * as repeat and anchor are managed directly in the draw method

package/dist/types/renderable/renderable.d.ts

@@ -199,14 +199,20 @@ export default class Renderable extends Rect {
         y: boolean;
     };
     _inViewport: boolean;
+    _parentApp: any;
     _tint: object;
+    /**
+     * returns the parent application (or game) to which this renderable is attached to
+     * @return {Application} the parent application or undefined if not attached to any container/app
+     */
+    get parentApp(): Application;
     /**
      * Whether the renderable object is floating (i.e. used screen coordinates), or contained in a floating parent container
      * @see Renderable#floating
      * @type {boolean}
      */
     get isFloating(): boolean;
-    set tint(arg: Color);
+    set tint(value: Color);
     /**
      * define a tint for this renderable. a (255, 255, 255) r, g, b value will remove the tint effect.
      * @type {Color}
@@ -218,13 +224,13 @@ export default class Renderable extends Rect {
      * this.tint.setColor(255, 255, 255);
      */
     get tint(): Color;
-    set depth(arg: number);
+    set depth(value: number);
     /**
      * the depth of this renderable on the z axis
      * @type {number}
      */
     get depth(): number;
-    set inViewport(arg: boolean);
+    set inViewport(value: boolean);
     /**
      * Whether the renderable object is visible and within the viewport
      * @type {boolean}

package/dist/types/renderable/text/bitmaptext.d.ts

@@ -98,7 +98,7 @@ export default class BitmapText extends Renderable {
      * @private
      */
     private fontData;
-    public set fillStyle(arg: Color);
+    public set fillStyle(value: Color);
     /**
      * defines the color used to tint the bitmap text
      * @public

package/dist/types/video/renderer.d.ts

@@ -65,13 +65,13 @@ export default class Renderer {
     currentTint: Color;
     projectionMatrix: Matrix3d;
     uvOffset: number;
-    set height(arg: number);
+    set height(value: number);
     /**
      * return the height of the canvas which this renderer draws to
      * @returns {number} height of the system Canvas
      */
     get height(): number;
-    set width(arg: number);
+    set width(value: number);
     /**
      * return the width of the canvas which this renderer draws to
      * @returns {number} width of the system Canvas
@@ -190,44 +190,32 @@ export default class Renderer {
     clearTint(): void;
     /**
      * creates a Blob object representing the last rendered frame
-     * @param {object} [options] - An object with the following properties:
-     * @param {string} [options.type="image/png"] - A string indicating the image format
-     * @param {number} [options.quality] - A Number between 0 and 1 indicating the image quality to be used when creating images using file formats that support lossy compression (such as image/jpeg or image/webp). A user agent will use its default quality value if this option is not specified, or if the number is outside the allowed range.
+     * @param {string} [type="image/png"] - A string indicating the image format
+     * @param {number} [quality] - A Number between 0 and 1 indicating the image quality to be used when creating images using file formats that support lossy compression (such as image/jpeg or image/webp). A user agent will use its default quality value if this option is not specified, or if the number is outside the allowed range.
      * @returns {Promise} A Promise returning a Blob object representing the last rendered frame
      * @example
      * renderer.convertToBlob().then((blob) => console.log(blob));
      */
-    toBlob(options?: {
-        type?: string | undefined;
-        quality?: number | undefined;
-    } | undefined): Promise<any>;
+    toBlob(type?: string | undefined, quality?: number | undefined): Promise<any>;
     /**
      * creates an ImageBitmap object of the last frame rendered
      * (not supported by standard Canvas)
-     * @param {object} [options] - An object with the following properties:
-     * @param {string} [options.type="image/png"] - A string indicating the image format
-     * @param {number} [options.quality] - A Number between 0 and 1 indicating the image quality to be used when creating images using file formats that support lossy compression (such as image/jpeg or image/webp). A user agent will use its default quality value if this option is not specified, or if the number is outside the allowed range.
+     * @param {string} [type="image/png"] - A string indicating the image format
+     * @param {number} [quality] - A Number between 0 and 1 indicating the image quality to be used when creating images using file formats that support lossy compression (such as image/jpeg or image/webp). A user agent will use its default quality value if this option is not specified, or if the number is outside the allowed range.
      * @returns {Promise} A Promise returning an ImageBitmap.
      * @example
      * renderer.transferToImageBitmap().then((image) => console.log(image));
      */
-    toImageBitmap(options?: {
-        type?: string | undefined;
-        quality?: number | undefined;
-    } | undefined): Promise<any>;
+    toImageBitmap(type?: string | undefined, quality?: number | undefined): Promise<any>;
     /**
      * returns a data URL containing a representation of the last frame rendered
-     * @param {object} [options] - An object with the following properties:
-     * @param {string} [options.type="image/png"] - A string indicating the image format
-     * @param {number} [options.quality] - A Number between 0 and 1 indicating the image quality to be used when creating images using file formats that support lossy compression (such as image/jpeg or image/webp). A user agent will use its default quality value if this option is not specified, or if the number is outside the allowed range.
+     * @param {string} [type="image/png"] - A string indicating the image format
+     * @param {number} [quality] - A Number between 0 and 1 indicating the image quality to be used when creating images using file formats that support lossy compression (such as image/jpeg or image/webp). A user agent will use its default quality value if this option is not specified, or if the number is outside the allowed range.
      * @returns {Promise} A Promise returning a string containing the requested data URL.
      * @example
      * renderer.toDataURL().then((dataURL) => console.log(dataURL));
      */
-    toDataURL(options?: {
-        type?: string | undefined;
-        quality?: number | undefined;
-    } | undefined): Promise<any>;
+    toDataURL(type?: string | undefined, quality?: number | undefined): Promise<any>;
 }
 import Vector2d from "../math/vector2.js";
 import Path2D from "./../geometries/path2d.js";

package/dist/types/video/texture/canvas_texture.d.ts

@@ -60,44 +60,32 @@ declare class CanvasTexture {
     getImageData(x: number, y: number, width: number, height: number): ImageData;
     /**
      * creates a Blob object representing the image contained in this canvas texture
-     * @param {object} [options] - An object with the following properties:
-     * @param {string} [options.type="image/png"] - A string indicating the image format
-     * @param {number} [options.quality] - A Number between 0 and 1 indicating the image quality to be used when creating images using file formats that support lossy compression (such as image/jpeg or image/webp). A user agent will use its default quality value if this option is not specified, or if the number is outside the allowed range.
+     * @param {string} [type="image/png"] - A string indicating the image format
+     * @param {number} [quality] - A Number between 0 and 1 indicating the image quality to be used when creating images using file formats that support lossy compression (such as image/jpeg or image/webp). A user agent will use its default quality value if this option is not specified, or if the number is outside the allowed range.
      * @returns {Promise} A Promise returning a Blob object representing the image contained in this canvas texture
      * @example
      * canvasTexture.convertToBlob().then((blob) => console.log(blob));
      */
-    toBlob(options?: {
-        type?: string | undefined;
-        quality?: number | undefined;
-    } | undefined): Promise<any>;
+    toBlob(type?: string | undefined, quality?: number | undefined): Promise<any>;
     /**
      * creates an ImageBitmap object from the most recently rendered image of this canvas texture
-     * @param {object} [options] - An object with the following properties:
-     * @param {string} [options.type="image/png"] - A string indicating the image format
-     * @param {number} [options.quality] - A Number between 0 and 1 indicating the image quality to be used when creating images using file formats that support lossy compression (such as image/jpeg or image/webp). A user agent will use its default quality value if this option is not specified, or if the number is outside the allowed range.
+     * @param {string} [type="image/png"] - A string indicating the image format
+     * @param {number} [quality] - A Number between 0 and 1 indicating the image quality to be used when creating images using file formats that support lossy compression (such as image/jpeg or image/webp). A user agent will use its default quality value if this option is not specified, or if the number is outside the allowed range.
      * @returns {Promise} A Promise returning an ImageBitmap.
      * @example
      * canvasTexture.transferToImageBitmap().then((bitmap) => console.log(bitmap));
      */
-    toImageBitmap(options?: {
-        type?: string | undefined;
-        quality?: number | undefined;
-    } | undefined): Promise<any>;
+    toImageBitmap(type?: string | undefined, quality?: number | undefined): Promise<any>;
     /**
      * returns a data URL containing a representation of the most recently rendered image of this canvas texture
      * (not supported by OffscreenCanvas)
-     * @param {object} [options] - An object with the following properties:
-     * @param {string} [options.type="image/png"] - A string indicating the image format
-     * @param {number} [options.quality] - A Number between 0 and 1 indicating the image quality to be used when creating images using file formats that support lossy compression (such as image/jpeg or image/webp). A user agent will use its default quality value if this option is not specified, or if the number is outside the allowed range.
+     * @param {string} [type="image/png"] - A string indicating the image format
+     * @param {number} [quality] - A Number between 0 and 1 indicating the image quality to be used when creating images using file formats that support lossy compression (such as image/jpeg or image/webp). A user agent will use its default quality value if this option is not specified, or if the number is outside the allowed range.
      * @returns {Promise} A Promise returning a string containing the requested data URL.
      * @example
      * renderer.toDataURL().then((dataURL) => console.log(dataURL));
      */
-    toDataURL(options?: {
-        type?: string | undefined;
-        quality?: number | undefined;
-    } | undefined): Promise<any>;
+    toDataURL(type?: string | undefined, quality?: number | undefined): Promise<any>;
     /**
      * invalidate the current CanvasTexture, and force a reupload of the corresponding texture
      * (call this if you modify the canvas content between two draw calls)
@@ -109,14 +97,14 @@ declare class CanvasTexture {
      * @ignore
      */
     destroy(): void;
-    public set width(arg: number);
+    public set width(val: number);
     /**
      * The width of this canvas texture in pixels
      * @public
      * @type {number}
      */
     public get width(): number;
-    public set height(arg: number);
+    public set height(val: number);
     /**
      * The height of this canvas texture in pixels
      * @public

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "melonjs",
-  "version": "15.14.0",
+  "version": "16.0.0",
   "description": "melonJS Game Engine",
   "homepage": "http://www.melonjs.org/",
   "type": "module",
@@ -35,7 +35,7 @@
   "author": "Olivier Biot (AltByte Pte Ltd)",
   "funding": "https://github.com/sponsors/melonjs",
   "engines": {
-    "node": ">= 19"
+    "node": ">= 20"
   },
   "main": "dist/melonjs.module.js",
   "module": "dist/melonjs.module.js",
@@ -53,37 +53,38 @@
   ],
   "dependencies": {
     "@teppeis/multimaps": "^3.0.0",
-    "core-js": "^3.33.0",
+    "core-js": "^3.35.1",
     "earcut": "2.2.4",
     "eventemitter3": "^5.0.1",
-    "howler": "2.2.4"
+    "howler": "2.2.4",
+    "whatwg-fetch": "^3.6.20"
   },
   "devDependencies": {
-    "@babel/eslint-parser": "^7.22.15",
-    "@babel/plugin-syntax-import-assertions": "^7.22.5",
-    "@fastify/static": "^6.11.2",
+    "@babel/eslint-parser": "^7.23.10",
+    "@babel/plugin-syntax-import-assertions": "^7.23.3",
+    "@fastify/static": "^7.0.0",
     "@melonjs/webdoc-theme": "^1.1.1",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-replace": "^5.0.4",
+    "@rollup/plugin-replace": "^5.0.5",
     "@webdoc/cli": "^2.2.0",
-    "chromedriver": "^118.0.0",
+    "chromedriver": "^121.0.0",
     "cross-env": "^7.0.3",
     "del-cli": "^5.1.0",
-    "eslint": "^8.51.0",
-    "eslint-plugin-jsdoc": "^46.8.2",
+    "eslint": "^8.56.0",
+    "eslint-plugin-jsdoc": "^48.0.4",
     "expect": "^29.7.0",
-    "expect-mocha-image-snapshot": "^3.0.15",
-    "fastify": "^4.24.2",
+    "expect-mocha-image-snapshot": "^3.0.16",
+    "fastify": "^4.26.0",
     "mocha": "^10.2.0",
     "npm-self-link": "^1.1.7",
-    "puppeteer": "^21.3.8",
-    "rollup": "^4.1.3",
+    "puppeteer": "^21.10.0",
+    "rollup": "^4.9.6",
     "rollup-plugin-bundle-size": "^1.0.3",
     "rollup-plugin-string": "^3.0.0",
-    "terser": "^5.21.0",
-    "typescript": "^5.2.2"
+    "terser": "^5.27.0",
+    "typescript": "^5.3.3"
   },
   "scripts": {
     "build": "npm run lint && rollup -c --silent",

package/src/application/settings.js

@@ -17,13 +17,15 @@ export const defaultSettings = {
     powerPreference : "default",
     verbose : false,
     consoleHeader : true,
-    legacy : false
+    legacy : false,
+    canvas : undefined
 };
 
 /**
  * Application & Renderer Settings definition.
  * @typedef {object} Settings
  * @property {string|HTMLElement} [parent=document.body] - the DOM parent element to hold the canvas in the HTML file
+ * @property {HTMLCanvasElement} [canvas] - an existing canvas element to use as the renderer target (by default melonJS will create its own canvas based on given parameters)
  * @property {number|Renderer} [renderer=AUTO] - renderer to use (CANVAS, WEBGL, AUTO), or a custom renderer class
  * @property {number|string} [scale=1.0] - enable scaling of the canvas ('auto' for automatic scaling)
  * @property {"fit"|"fill-min"|"fill-max"|"flex"|"flex-width"|"flex-height"|"stretch"} [scaleMethod="fit"] - screen scaling modes : <br>

package/src/geometries/ellipse.js

@@ -189,17 +189,15 @@ export default class Ellipse {
      *  // do something
      * }
      */
-    contains() {
+    contains(...args) {
         let _x, _y;
 
-        if (arguments.length === 2) {
+        if (args.length === 2) {
             // x, y
-            _x = arguments[0];
-            _y = arguments[1];
+            [_x, _y] = args;
         } else {
             // vector
-            _x = arguments[0].x;
-            _y = arguments[0].y;
+            [_x, _y] = [args[0].x, args[0].y];
         }
 
         // Make position relative to object center point.