melonjs 17.3.0 → 17.4.0

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

@@ -61,4 +61,10 @@ export default class Detector {
      */
     rayCast(line: Line, result?: Renderable[] | undefined): Array<Renderable>;
 }
+import type Container from "./../renderable/container.js";
 import ResponseObject from "./response.js";
+import type Renderable from "./../renderable/renderable.js";
+import type Entity from "./../renderable/entity/entity.js";
+import type Sprite from "./../renderable/sprite.js";
+import type NineSliceSprite from "./../renderable/nineslicesprite.js";
+import type Line from "./../geometries/line.js";

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

@@ -75,5 +75,8 @@ export default class QuadTree {
      * @memberof QuadTree
      * @param {Bounds} [bounds=this.bounds] - the bounds to be cleared
      */
-    clear(bounds?: any): void;
+    clear(bounds?: Bounds | undefined): void;
 }
+import type World from "./world.js";
+import type Bounds from "./bounds.js";
+import type Container from "./../renderable/container.js";

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

@@ -46,3 +46,10 @@ export function testPolygonEllipse(a: Renderable | Container | Entity | Sprite |
  * @returns {boolean} true if they intersect, false if they don't.
  */
 export function testEllipsePolygon(a: Renderable | Container | Entity | Sprite | NineSliceSprite, ellipseA: Ellipse, b: Renderable | Container | Entity | Sprite | NineSliceSprite, polyB: Polygon, response?: Response | undefined): boolean;
+import type Renderable from "./../renderable/renderable.js";
+import type Container from "./../renderable/container.js";
+import type Entity from "./../renderable/entity/entity.js";
+import type Sprite from "./../renderable/sprite.js";
+import type NineSliceSprite from "./../renderable/nineslicesprite.js";
+import type Polygon from "./../geometries/poly.js";
+import type Ellipse from "./../geometries/ellipse.js";

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

@@ -1,3 +1,6 @@
+/**
+ * @import Application from "./../application/application.js";
+ */
 /**
  * @classdesc
  * an object representing the physic world, and responsible for managing and updating all childs and physics
@@ -90,6 +93,7 @@ export default class World extends Container {
     step(dt: number): void;
 }
 import Container from "../renderable/container.js";
+import type Application from "./../application/application.js";
 import Vector2d from "./../math/vector2.js";
 import QuadTree from "./quadtree.js";
 import Detector from "./detector.js";

package/dist/types/plugin/plugin.d.ts

@@ -19,7 +19,7 @@ export function patch(proto: object, name: string, fn: Function): void;
  * Register a plugin.
  * @name register
  * @memberof plugin
- * @param {plugin.BasePlugin} plugin - Plugin object to instantiate and register
+ * @param {BasePlugin} plugin - Plugin object to instantiate and register
  * @param {string} [name=plugin.constructor.name] - a unique name for this plugin
  * @param {...*} [args] - all extra parameters will be passed to the plugin constructor
  * @example
@@ -28,7 +28,7 @@ export function patch(proto: object, name: string, fn: Function): void;
  * // the `testPlugin` class instance can also be accessed through me.plugin.cache
  * me.plugin.cache.testPlugin.myfunction ();
  */
-export function register(plugin: plugin.BasePlugin, name?: string | undefined, ...args: any[]): void;
+export function register(plugin: BasePlugin, name?: string | undefined, ...args: any[]): void;
 /**
  * returns the the plugin instance with the specified class type or registered name
  * @name get
@@ -37,6 +37,9 @@ export function register(plugin: plugin.BasePlugin, name?: string | undefined, .
  * @returns {BasePlugin} a plugin instance or undefined
  */
 export function get(classType: object | string): BasePlugin;
+/**
+ * @import Application from "./../application/application.js";
+ */
 /**
  * Contains all registered plugins.
  * @name cache
@@ -57,7 +60,7 @@ export class BasePlugin {
     /**
      * @param {Application} [app] - a reference to the app/game that registered this plugin
      */
-    constructor(app?: any);
+    constructor(app?: Application | undefined);
     /**
      * define the minimum required version of melonJS<br>
      * this can be overridden by the plugin
@@ -80,3 +83,4 @@ export class BasePlugin {
 export class Base extends BasePlugin {
     constructor();
 }
+import type Application from "./../application/application.js";

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

@@ -1,3 +1,10 @@
+/**
+ * additional import for TypeScript
+ * @import Color from "./../math/color.js";
+ * @import CanvasRenderer from "./../video/canvas/canvas_renderer.js";
+ * @import WebGLRenderer from "./../video/webgl/webgl_renderer.js";
+ * @import Camera2d from "./../camera/camera2d.js";
+ */
 /**
  * @classdesc
  * a generic Color Layer Object.  Fills the entire Canvas with the color not just the container the object belongs to.
@@ -19,6 +26,12 @@ export default class ColorLayer extends Renderable {
      */
     public color: Color;
     onResetEvent(name: any, color: any, z?: number): void;
+    /**
+     * draw this color layer (automatically called by melonJS)
+     * @param {CanvasRenderer|WebGLRenderer} renderer - a renderer instance
+     * @param {Camera2d} [viewport] - the viewport to (re)draw
+     */
+    draw(renderer: CanvasRenderer | WebGLRenderer, viewport?: Camera2d | undefined): void;
     /**
      * Destroy function
      * @ignore
@@ -26,3 +39,7 @@ export default class ColorLayer extends Renderable {
     destroy(): void;
 }
 import Renderable from "./renderable.js";
+import type Color from "./../math/color.js";
+import type CanvasRenderer from "./../video/canvas/canvas_renderer.js";
+import type WebGLRenderer from "./../video/webgl/webgl_renderer.js";
+import type Camera2d from "./../camera/camera2d.js";

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

@@ -1,3 +1,25 @@
+/**
+ * additional import for TypeScript
+ * @import Color from "./../math/color.js";
+ * @import Entity from "./entity/entity.js";
+ * @import Sprite from "./sprite.js";
+ * @import Collectable from "./collectable.js";
+ * @import Trigger from "./trigger.js";
+ * @import { Draggable } from "./draggable.js";
+ * @import { DropTarget } from "./dragndrop.js";
+ * @import NineSliceSprite from "./nineslicesprite.js";
+ * @import ImageLayer from "./imagelayer.js";
+ * @import ColorLayer from "./colorlayer.js";
+ * @import Light2d from "./light2d.js";
+ * @import UIBaseElement from "./ui/uibaseelement.js";
+ * @import UISpriteElement from "./ui/uispriteelement.js";
+ * @import UITextButton from "./ui/uitextbutton.js";
+ * @import Text from "./text/text.js";
+ * @import BitmapText from "./text/bitmaptext.js";
+ * @import Bounds from "./../physics/bounds.js";
+ * @import CanvasRenderer from "./../video/canvas/canvas_renderer.js";
+ * @import WebGLRenderer from "./../video/webgl/webgl_renderer.js";
+ */
 /**
  * @classdesc
  * Container represents a collection of child objects
@@ -206,12 +228,6 @@ export default class Container extends Renderable {
      * @returns {Renderable[]} an array of renderable object
      */
     getChildren(): Renderable[];
-    /**
-     * update the bounding box for this container.
-     * @param {boolean} [absolute=true] - update the bounds size and position in (world) absolute coordinates
-     * @returns {Bounds} this container bounding box Rectangle object
-     */
-    updateBounds(absolute?: boolean | undefined): Bounds;
     /**
      * Checks if this container is root or if it's attached to the root container.
      * @returns {boolean} true if this container is root or if it's attached to the root container
@@ -229,10 +245,10 @@ export default class Container extends Renderable {
     /**
      * Invokes the removeChildNow in a defer, to ensure the child is removed safely after the update & draw stack has completed. <br>
      * if the given child implements a onDeactivateEvent() method, that method will be called once the child is removed from this container.
-     * @param {RendRenderable|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapTexterable} child - Child to be removed
+     * @param {Renderable|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child - Child to be removed
      * @param {boolean} [keepalive=false] - true to prevent calling child.destroy()
      */
-    removeChild(child: RendRenderable | Sprite | Collectable | Trigger | Draggable | DropTarget | NineSliceSprite | ImageLayer | ColorLayer | Light2d | UIBaseElement | UISpriteElement | UITextButton | Text | BitmapTexterable, keepalive?: boolean | undefined): void;
+    removeChild(child: Renderable | Sprite | Collectable | Trigger | Draggable | DropTarget | NineSliceSprite | ImageLayer | ColorLayer | Light2d | UIBaseElement | UISpriteElement | UITextButton | Text | BitmapText, keepalive?: boolean | undefined): void;
     /**
      * Removes (and optionally destroys) a child from the container.<br>
      * (removal is immediate and unconditional)<br>
@@ -299,3 +315,19 @@ export default class Container extends Renderable {
     _sortY(a: any, b: any): number;
 }
 import Renderable from "./renderable.js";
+import type Color from "./../math/color.js";
+import type Entity from "./entity/entity.js";
+import type Sprite from "./sprite.js";
+import type Collectable from "./collectable.js";
+import type Trigger from "./trigger.js";
+import type { Draggable } from "./draggable.js";
+import type { DropTarget } from "./dragndrop.js";
+import type NineSliceSprite from "./nineslicesprite.js";
+import type ImageLayer from "./imagelayer.js";
+import type ColorLayer from "./colorlayer.js";
+import type Light2d from "./light2d.js";
+import type UIBaseElement from "./ui/uibaseelement.js";
+import type UISpriteElement from "./ui/uispriteelement.js";
+import type UITextButton from "./ui/uitextbutton.js";
+import type Text from "./text/text.js";
+import type BitmapText from "./text/bitmaptext.js";

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

@@ -1,3 +1,7 @@
+/**
+ * additional import for TypeScript
+ * @import { Draggable } from "./draggable.js";
+ */
 /**
  * @classdesc
  * a base drop target object
@@ -64,3 +68,4 @@ export class DropTarget extends Renderable {
     destroy(): void;
 }
 import Renderable from "./../renderable/renderable.js";
+import type { Draggable } from "./draggable.js";

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

@@ -1,3 +1,12 @@
+/**
+ * @import Line from "./../../geometries/line.js";
+ * @import Rect from "./../../geometries/rectangle.js";
+ * @import Ellipse from "./../../geometries/ellipse.js";
+ * @import Polygon from "./../../geometries/poly.js";
+ * @import Bounds from "./../../physics/bounds.js";
+ * @import CanvasRenderer from "./../../video/canvas/canvas_renderer.js";
+ * @import WebGLRenderer from "./../../video/webgl/webgl_renderer.js";
+ **/
 /**
  * @classdesc
  * a Generic Object Entity
@@ -26,7 +35,7 @@ export default class Entity extends Renderable {
         height: number;
         name?: string | undefined;
         id?: string | undefined;
-        image?: string | (new (width?: number | undefined, height?: number | undefined) => HTMLImageElement) | undefined;
+        image?: string | (new (width?: number, height?: number) => HTMLImageElement) | undefined;
         anchorPoint?: any;
         framewidth?: number | undefined;
         frameheight?: number | undefined;
@@ -58,12 +67,6 @@ export default class Entity extends Renderable {
     alive: boolean;
     /** @ignore */
     update(dt: any): boolean;
-    /**
-     * update the bounding box for this entity.
-     * @param {boolean} [absolute=true] - update the bounds size and position in (world) absolute coordinates
-     * @returns {Bounds} this entity bounding box Rectangle object
-     */
-    updateBounds(absolute?: boolean | undefined): Bounds;
     /**
      * update the bounds when the body is modified
      */
@@ -75,3 +78,7 @@ export default class Entity extends Renderable {
     onDeactivateEvent(): void;
 }
 import Renderable from "../renderable.js";
+import type Polygon from "./../../geometries/poly.js";
+import type Line from "./../../geometries/line.js";
+import type Ellipse from "./../../geometries/ellipse.js";
+import type Rect from "./../../geometries/rectangle.js";

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

@@ -1,3 +1,7 @@
+/**
+ * additional import for TypeScript
+ * @import Vector2d from "./../math/vector2.js";
+ */
 /**
  * @classdesc
  * a generic Image Layer Object
@@ -25,9 +29,9 @@ export default class ImageLayer extends Sprite {
         image: HTMLImageElement | HTMLCanvasElement | string;
         name?: string | undefined;
         z?: number | undefined;
-        ratio?: number | Vector2d;
+        ratio?: number | Vector2d | undefined;
         repeat?: "repeat" | "no-repeat" | "repeat-x" | "repeat-y" | undefined;
-        anchorPoint?: number | Vector2d;
+        anchorPoint?: number | Vector2d | undefined;
     });
     /**
      * Define the image scrolling ratio<br>
@@ -74,6 +78,14 @@ export default class ImageLayer extends Sprite {
     * @ignore
     */
     preDraw(renderer: any): void;
+    /**
+     * draw this ImageLayer (automatically called by melonJS)
+     * @protected
+     * @param {CanvasRenderer|WebGLRenderer} renderer - a renderer instance
+     * @param {Camera2d} [viewport] - the viewport to (re)draw
+     */
+    protected draw(renderer: CanvasRenderer | WebGLRenderer, viewport?: any): void;
     onDeactivateEvent(): void;
 }
 import Sprite from "./sprite.js";
+import type Vector2d from "./../math/vector2.js";

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

@@ -15,7 +15,7 @@ export default class Light2d extends Renderable {
     * @param {Color|string} [color="#FFF"] - the color of the light
     * @param {number} [intensity=0.7] - The intensity of the light.
     */
-    constructor(x: number, y: number, radiusX: number, radiusY?: number | undefined, color?: Color | string, intensity?: number | undefined);
+    constructor(x: number, y: number, radiusX: number, radiusY?: number | undefined, color?: string | Color | undefined, intensity?: number | undefined);
     /**
      * the color of the light
      * @type {Color}
@@ -56,3 +56,5 @@ export default class Light2d extends Renderable {
     destroy(): void;
 }
 import Renderable from "./renderable.js";
+import type Color from "./../math/color.js";
+import type Ellipse from "./../geometries/ellipse.js";

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

@@ -1,3 +1,8 @@
+/**
+ * additional import for TypeScript
+ * @import Color from "./../math/color.js";
+ * @import { TextureAtlas } from "./../video/texture/atlas.js";
+ */
 /**
  * @classdesc
  * A NineSliceSprite is similar to a Sprite, but it uses 9-slice scaling to strech its inner area to fit the size of the Renderable,
@@ -42,7 +47,7 @@ export default class NineSliceSprite extends Sprite {
         region?: string | undefined;
         framewidth?: number | undefined;
         frameheight?: number | undefined;
-        tint?: string | Color;
+        tint?: string | Color | undefined;
         flipX?: number | undefined;
         flipY?: number | undefined;
         anchorPoint?: any;
@@ -69,3 +74,5 @@ export default class NineSliceSprite extends Sprite {
     draw(renderer: any): void;
 }
 import Sprite from "./sprite.js";
+import type { TextureAtlas } from "./../video/texture/atlas.js";
+import type Color from "./../math/color.js";

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

@@ -1,3 +1,19 @@
+/**
+ * additional import for TypeScript
+ * @import Vector2d from "./../math/vector2.js";
+ * @import Vector3d from "./../math/vector3.js";
+ * @import Matrix2d from "./../math/matrix2.js";
+ * @import Entity from "./entity/entity.js";
+ * @import Container from "./container.js";
+ * @import Line from "./../geometries/line.js";
+ * @import Ellipse from "./../geometries/ellipse.js";
+ * @import Polygon from "./../geometries/poly.js";
+ * @import RoundRect from "./../geometries/roundrect.js";
+ * @import Application from "./../application/application.js";
+ * @import CanvasRenderer from "./../video/canvas/canvas_renderer.js";
+ * @import WebGLRenderer from "./../video/webgl/webgl_renderer.js";
+ * @import ResponseObject from "./../physics/response.js";
+ **/
 /**
  * @classdesc
  * A base class for renderable objects.
@@ -251,11 +267,6 @@ export default class Renderable extends Rect {
      * @type {boolean}
      */
     public get isFlippedY(): boolean;
-    /**
-     * returns the bounding box for this renderable
-     * @returns {Bounds} bounding box Rectangle object
-     */
-    getBounds(): Bounds;
     /**
      * get the renderable alpha channel value<br>
      * @returns {number} current opacity value between 0 and 1
@@ -311,7 +322,7 @@ export default class Renderable extends Rect {
      * @param {Vector2d|ObservableVector2d} [v] - an optional point to rotate around
      * @returns {Renderable} Reference to this object for method chaining
      */
-    rotate(angle: number, v?: Vector2d | ObservableVector2d): Renderable;
+    rotate(angle: number, v?: Vector2d | ObservableVector2d | undefined): Renderable;
     /**
      * scale the renderable around his anchor point.  Scaling actually applies changes
      * to the currentTransform member wich is used by the renderer to scale the object
@@ -345,7 +356,7 @@ export default class Renderable extends Rect {
      * update the renderable's bounding rect (private)
      * @ignore
      */
-    updateBoundsPos(newX?: any, newY?: any): void;
+    updateBoundsPos(newX?: number | undefined, newY?: number | undefined): void;
     /**
       * return the renderable absolute position in the game world
       * @returns {Vector2d}
@@ -392,7 +403,7 @@ export default class Renderable extends Rect {
      * onCollision callback, triggered in case of collision,
      * when this renderable body is colliding with another one
      * @param {ResponseObject} response - the collision response object
-     * @param {Renderable|Container|Entity|Sprite|NineSliceSprite} other - the other renderable touching this one (a reference to response.a or response.b)
+     * @param {Renderable} other - the other renderable touching this one (a reference to response.a or response.b)
      * @returns {boolean} true if the object should respond to the collision (its position and velocity will be corrected)
      * @example
      * // colision handler
@@ -408,7 +419,7 @@ export default class Renderable extends Rect {
      *     return true;
      * },
      */
-    onCollision(response: ResponseObject, other: Renderable | Container | Entity | Sprite | NineSliceSprite): boolean;
+    onCollision(response: ResponseObject, other: Renderable): boolean;
     /**
      * Destroy function<br>
      * @ignore
@@ -422,7 +433,20 @@ export default class Renderable extends Rect {
 }
 import Rect from "./../geometries/rectangle.js";
 import ObservableVector2d from "./../math/observable_vector2.js";
+import type Matrix2d from "./../math/matrix2.js";
 import Body from "./../physics/body.js";
+import type Container from "./container.js";
+import type Entity from "./entity/entity.js";
+import type RoundRect from "./../geometries/roundrect.js";
+import type Polygon from "./../geometries/poly.js";
+import type Line from "./../geometries/line.js";
+import type Ellipse from "./../geometries/ellipse.js";
 import GLShader from "./../video/webgl/glshader.js";
+import type Application from "./../application/application.js";
 import Color from "./../math/color.js";
+import type Vector2d from "./../math/vector2.js";
+import type Vector3d from "./../math/vector3.js";
 import Bounds from "./../physics/bounds.js";
+import type CanvasRenderer from "./../video/canvas/canvas_renderer.js";
+import type WebGLRenderer from "./../video/webgl/webgl_renderer.js";
+import type ResponseObject from "./../physics/response.js";

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

@@ -1,3 +1,9 @@
+/**
+ * additional import for TypeScript
+ * @import Vector2d from "./../math/vector2.js";
+ * @import CanvasRenderer from "./../video/canvas/canvas_renderer.js";
+ * @import WebGLRenderer from "./../video/webgl/webgl_renderer.js";
+ */
 /**
  * @classdesc
  * An object to display a fixed or animated sprite on screen.
@@ -55,7 +61,7 @@ export default class Sprite extends Renderable {
         tint?: string | Color | undefined;
         flipX?: number | undefined;
         flipY?: number | undefined;
-        anchorPoint?: any;
+        anchorPoint?: Vector2d | undefined;
     });
     /**
      * @type {boolean}
@@ -265,5 +271,6 @@ export default class Sprite extends Renderable {
     destroy(): void;
 }
 import Renderable from "./renderable.js";
+import type Vector2d from "./../math/vector2.js";
 import { TextureAtlas } from "./../video/texture/atlas.js";
 import Color from "../math/color.js";

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

@@ -34,7 +34,7 @@ export default class BitmapText extends Renderable {
      * me.game.world.addChild(myFont);
      */
     constructor(x: number, y: number, settings: {
-        font: string | (new (width?: number | undefined, height?: number | undefined) => HTMLImageElement);
+        font: string | (new (width?: number, height?: number) => HTMLImageElement);
         fontData?: string | undefined;
         size?: number | undefined;
         fillStyle?: string | Color | undefined;

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

@@ -1,3 +1,7 @@
+/**
+ * additional import for TypeScript
+ * @import ResponseObject from "./../physics/response.js";
+ */
 /**
  * @classdesc
  * trigger an event when colliding with another object

package/dist/types/state/state.d.ts

@@ -133,7 +133,7 @@ declare namespace state {
      * @param {Color|string} color - a CSS color value
      * @param {number} [duration=1000] - expressed in milliseconds
      */
-    function transition(effect: string, color: any, duration?: number | undefined): void;
+    function transition(effect: string, color: Color | string, duration?: number | undefined): void;
     /**
      * enable/disable the transition to a particular state (by default enabled for all)
      * @name setTransition

package/dist/types/video/canvas/canvas_renderer.d.ts

@@ -1,3 +1,12 @@
+/**
+ * additional import for TypeScript
+ * @import Rect from "./../../geometries/rectangle.js";
+ * @import RoundRect from "./../../geometries/roundrect.js";
+ * @import Polygon from "./../../geometries/poly.js";
+ * @import Line from "./../../geometries/line.js";
+ * @import Ellipse from "./../../geometries/ellipse.js";
+ * @import Matrix2d from "./../../math/matrix2.js";
+ */
 /**
  * @classdesc
  * a canvas renderer object
@@ -131,12 +140,12 @@ export default class CanvasRenderer extends Renderer {
      * @param {Rect|RoundRect|Polygon|Line|Ellipse} [shape] - a shape object to stroke
      * @param {boolean} [fill=false] - fill the shape with the current color if true
      */
-    stroke(shape?: Rect | RoundRect | Polygon | Line | Ellipse, fill?: boolean | undefined): void;
+    stroke(shape?: Rect | Polygon | Line | Ellipse | RoundRect | undefined, fill?: boolean | undefined): void;
     /**
      * fill the given shape or the current defined path
      * @param {Rect|RoundRect|Polygon|Line|Ellipse} [shape] - a shape object to fill
      */
-    fill(shape?: Rect | RoundRect | Polygon | Line | Ellipse): void;
+    fill(shape?: Rect | Polygon | Line | Ellipse | RoundRect | undefined): void;
     /**
      * add a straight line from the current point to the start of the current sub-path. If the shape has already been closed or has only one point, this function does nothing
     */
@@ -322,11 +331,24 @@ export default class CanvasRenderer extends Renderer {
     /**
      * @ignore
      */
-    set lineWidth(value: number | ((width: number) => void));
+    set lineWidth(value: number);
     /**
      * sets or returns the thickness of lines for shape drawing
+     * @type {number}
+     * @default 1
+     */
+    get lineWidth(): number;
+    /**
+     * @ignore
+     */
+    set lineJoin(value: string);
+    /**
+     * sets or returns the shape used to join two line segments where they meet.
+     * There are three possible values for this property: "round", "bevel", and "miter"
+     * @type {string}
+     * @default "miter"
      */
-    get lineWidth(): number | ((width: number) => void);
+    get lineJoin(): string;
     /**
      * Reset (overrides) the renderer transformation matrix to the
      * identity one, and then apply the given transformation matrix.
@@ -371,3 +393,9 @@ export default class CanvasRenderer extends Renderer {
 import Renderer from "./../renderer.js";
 import TextureCache from "./../texture/cache.js";
 import Color from "./../../math/color.js";
+import type Rect from "./../../geometries/rectangle.js";
+import type Polygon from "./../../geometries/poly.js";
+import type Line from "./../../geometries/line.js";
+import type Ellipse from "./../../geometries/ellipse.js";
+import type RoundRect from "./../../geometries/roundrect.js";
+import type Matrix2d from "./../../math/matrix2.js";

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

@@ -1,3 +1,11 @@
+/**
+ * @import Rect from "./../geometries/rectangle.js";
+ * @import RoundRect from "./../geometries/roundrect.js";
+ * @import Polygon from "./../geometries/poly.js";
+ * @import Line from "./../geometries/line.js";
+ * @import Ellipse from "./../geometries/ellipse.js";
+ * @import Bounds from "./../physics/bounds.js";
+ */
 /**
  * @classdesc
  * a base renderer object
@@ -167,7 +175,7 @@ export default class Renderer {
      * @param {Rect|RoundRect|Polygon|Line|Ellipse} [mask] - the shape defining the mask to be applied
      * @param {boolean} [invert=false] - either the given shape should define what is visible (default) or the opposite
      */
-    setMask(mask?: Rect | RoundRect | Polygon | Line | Ellipse, invert?: boolean | undefined): void;
+    setMask(mask?: Rect | Polygon | Line | Ellipse | RoundRect | undefined, invert?: boolean | undefined): void;
     /**
      * disable (remove) the rendering mask set through setMask.
      * @see Renderer#setMask
@@ -218,3 +226,9 @@ import Vector2d from "../math/vector2.js";
 import Path2D from "./../geometries/path2d.js";
 import Color from "./../math/color.js";
 import Matrix3d from "./../math/matrix3.js";
+import type Rect from "./../geometries/rectangle.js";
+import type Bounds from "./../physics/bounds.js";
+import type RoundRect from "./../geometries/roundrect.js";
+import type Polygon from "./../geometries/poly.js";
+import type Line from "./../geometries/line.js";
+import type Ellipse from "./../geometries/ellipse.js";

package/dist/types/video/rendertarget/canvasrendertarget.d.ts

@@ -6,15 +6,22 @@ declare class CanvasRenderTarget {
     /**
      * @param {number} width - the desired width of the canvas
      * @param {number} height - the desired height of the canvas
-     * @param {Settings} attributes - The attributes to create both the canvas and context
-     * @param {boolean} [attributes.context="2d"] - the context type to be created ("2d", "webgl")
+     * @param {object} attributes - The attributes to create both the canvas and context
+     * @param {string} [attributes.context="2d"] - the context type to be created ("2d", "webgl")
      * @param {boolean} [attributes.preferWebGL1=false] - set to true for force using WebGL1 instead of WebGL2 (if supported)
      * @param {boolean} [attributes.transparent=false] - specify if the canvas contains an alpha channel
      * @param {boolean} [attributes.offscreenCanvas=false] - will create an offscreenCanvas if true instead of a standard canvas
      * @param {boolean} [attributes.willReadFrequently=false] - Indicates whether or not a lot of read-back operations are planned
      * @param {boolean} [attributes.antiAlias=false] - Whether to enable anti-aliasing, use false (default) for a pixelated effect.
      */
-    constructor(width: number, height: number, attributes?: Settings);
+    constructor(width: number, height: number, attributes?: {
+        context?: string | undefined;
+        preferWebGL1?: boolean | undefined;
+        transparent?: boolean | undefined;
+        offscreenCanvas?: boolean | undefined;
+        willReadFrequently?: boolean | undefined;
+        antiAlias?: boolean | undefined;
+    });
     /**
      * the canvas created for this CanvasRenderTarget
      * @type {HTMLCanvasElement|OffscreenCanvas}
@@ -25,7 +32,26 @@ declare class CanvasRenderTarget {
      * @type {CanvasRenderingContext2D|WebGLRenderingContext}
      */
     context: CanvasRenderingContext2D | WebGLRenderingContext;
-    attributes: any;
+    attributes: {
+        offscreenCanvas: boolean;
+        willReadFrequently: boolean;
+        antiAlias: boolean;
+        context: string;
+        transparent: boolean;
+        premultipliedAlpha: boolean;
+        stencil: boolean;
+        blendMode: string;
+        failIfMajorPerformanceCaveat: boolean;
+        preferWebGL1: boolean;
+        powerPreference: string;
+    } & {
+        context?: string | undefined;
+        preferWebGL1?: boolean | undefined;
+        transparent?: boolean | undefined;
+        offscreenCanvas?: boolean | undefined;
+        willReadFrequently?: boolean | undefined;
+        antiAlias?: boolean | undefined;
+    };
     WebGLVersion: any;
     /**
      * @ignore
@@ -110,3 +136,5 @@ declare class CanvasRenderTarget {
      */
     public get height(): number;
 }
+import type CanvasRenderer from "./../canvas/canvas_renderer.js";
+import type WebGLRenderer from "./../webgl/webgl_renderer.js";

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

@@ -1,3 +1,7 @@
+/**
+ * additional import for TypeScript
+ * @import NineSliceSprite from "./../../renderable/nineslicesprite.js";
+ */
 /**
  * create a simple 1 frame texture atlas based on the given parameters
  * @ignore
@@ -26,7 +30,7 @@ export function createAtlas(width: any, height: any, name?: string, repeat?: str
  * return a string that identifies the texture atlas type
  * @ignore
  */
-export function identifyFormat(app: any): "melonJS" | "texturepacker" | "shoebox" | "aseprite";
+export function identifyFormat(app: any): "texturepacker" | "shoebox" | "aseprite" | "melonJS";
 /**
  * @classdesc
  * A Texture atlas class, currently supports : <br>
@@ -201,3 +205,4 @@ export class TextureAtlas {
     createAnimationFromName(names?: string[] | number[] | undefined, settings?: object | undefined): Sprite;
 }
 import Sprite from "./../../renderable/sprite.js";
+import type NineSliceSprite from "./../../renderable/nineslicesprite.js";