melonjs 15.2.1 → 15.4.0

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

@@ -93,7 +93,7 @@ export default class Container extends Renderable {
      * will not be in any container. <br>
      * if the given child implements a onActivateEvent method, that method will be called
      * once the child is added to this container.
-     * @param {Renderable|Entity|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child
+     * @param {Renderable|Entity|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child - Child to be added
      * @param {number} [z] - forces the z index of the child to the specified value
      * @returns {Renderable} the added child
      */
@@ -101,8 +101,8 @@ export default class Container extends Renderable {
     /**
      * Add a child to the container at the specified index<br>
      * (the list won't be sorted after insertion)
-     * @param {Renderable|Entity|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child
-     * @param {number} index
+     * @param {Renderable|Entity|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child - Child to be added
+     * @param {number} index - The index at which to insert the child
      * @returns {Renderable} the added child
      */
     addChildAt(child: Renderable | Entity | Sprite | Collectable | Trigger | Draggable | DropTarget | NineSliceSprite | ImageLayer | ColorLayer | Light2d | UIBaseElement | UISpriteElement | UITextButton | Text | BitmapText, index: number): Renderable;
@@ -127,31 +127,31 @@ export default class Container extends Renderable {
     forEach(callback: Function, thisArg?: object | undefined, ...args: any[]): void;
     /**
      * Swaps the position (z-index) of 2 children
-     * @param {Renderable|Entity|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child
-     * @param {Renderable|Entity|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child2
+     * @param {Renderable|Entity|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child - Child to be added
+     * @param {Renderable|Entity|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child2 - Child to be added
      */
     swapChildren(child: Renderable | Entity | Sprite | Collectable | Trigger | Draggable | DropTarget | NineSliceSprite | ImageLayer | ColorLayer | Light2d | UIBaseElement | UISpriteElement | UITextButton | Text | BitmapText, child2: Renderable | Entity | Sprite | Collectable | Trigger | Draggable | DropTarget | NineSliceSprite | ImageLayer | ColorLayer | Light2d | UIBaseElement | UISpriteElement | UITextButton | Text | BitmapText): void;
     /**
      * Returns the Child at the specified index
-     * @param {number} index
+     * @param {number} index - The index of the child
      * @returns {Renderable} the child at the specified index
      */
     getChildAt(index: number): Renderable;
     /**
      * Returns the index of the given Child
-     * @param {Renderable|Entity|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child
+     * @param {Renderable|Entity|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child - The child object
      * @returns {number} index
      */
     getChildIndex(child: Renderable | Entity | Sprite | Collectable | Trigger | Draggable | DropTarget | NineSliceSprite | ImageLayer | ColorLayer | Light2d | UIBaseElement | UISpriteElement | UITextButton | Text | BitmapText): number;
     /**
      * Returns the next child within the container or undefined if none
-     * @param {Renderable|Entity|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child
+     * @param {Renderable|Entity|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child - The child object
      * @returns {Renderable} child
      */
     getNextChild(child: Renderable | Entity | Sprite | Collectable | Trigger | Draggable | DropTarget | NineSliceSprite | ImageLayer | ColorLayer | Light2d | UIBaseElement | UISpriteElement | UITextButton | Text | BitmapText): Renderable;
     /**
      * Returns true if contains the specified Child
-     * @param {Renderable|Entity|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child
+     * @param {Renderable|Entity|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child - The child object
      * @returns {boolean}
      */
     hasChild(child: Renderable | Entity | Sprite | Collectable | Trigger | Draggable | DropTarget | NineSliceSprite | ImageLayer | ColorLayer | Light2d | UIBaseElement | UISpriteElement | UITextButton | Text | BitmapText): boolean;
@@ -180,7 +180,7 @@ export default class Container extends Renderable {
     getChildByProp(prop: string, value: string | RegExp | number | boolean): Renderable[];
     /**
      * returns the list of childs with the specified class type
-     * @param {object} classType
+     * @param {object} classType - Class type
      * @returns {Renderable[]} Array of children
      */
     getChildByType(classType: object): Renderable[];
@@ -208,12 +208,12 @@ export default class Container extends Renderable {
     getChildren(): Renderable[];
     /**
      * Checks if this container is root or if it's attached to the root container.
-     * @returns {boolean}
+     * @returns {boolean} true if this container is root or if it's attached to the root container
      */
     isAttachedToRoot(): boolean;
     /**
      * Returns the instance of the root container (i.e. the current application World container).
-     * @returns {Container}
+     * @returns {Container} root container
      */
     getRootAncestor(): Container;
     /**
@@ -223,7 +223,7 @@ 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
+     * @param {RendRenderable|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapTexterable} 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;
@@ -231,7 +231,7 @@ export default class Container extends Renderable {
      * Removes (and optionally destroys) a child from the container.<br>
      * (removal is immediate and unconditional)<br>
      * Never use keepalive=true with objects from {@link pool}. Doing so will create a memory leak.
-     * @param {Renderable|Entity|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child
+     * @param {Renderable|Entity|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()
      */
     removeChildNow(child: Renderable | Entity | Sprite | Collectable | Trigger | Draggable | DropTarget | NineSliceSprite | ImageLayer | ColorLayer | Light2d | UIBaseElement | UISpriteElement | UITextButton | Text | BitmapText, keepalive?: boolean | undefined): void;
@@ -244,26 +244,26 @@ export default class Container extends Renderable {
     setChildsProperty(prop: string, value: object, recursive?: boolean | undefined): void;
     /**
      * Move the child in the group one step forward (z depth).
-     * @param {Renderable|Entity|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child
+     * @param {Renderable|Entity|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child -  Child to be moved
      */
     moveUp(child: Renderable | Entity | Sprite | Collectable | Trigger | Draggable | DropTarget | NineSliceSprite | ImageLayer | ColorLayer | Light2d | UIBaseElement | UISpriteElement | UITextButton | Text | BitmapText): void;
     /**
      * Move the child in the group one step backward (z depth).
-     * @param {Renderable|Entity|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child
+     * @param {Renderable|Entity|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child - Child to be moved
      */
     moveDown(child: Renderable | Entity | Sprite | Collectable | Trigger | Draggable | DropTarget | NineSliceSprite | ImageLayer | ColorLayer | Light2d | UIBaseElement | UISpriteElement | UITextButton | Text | BitmapText): void;
     /**
      * Move the specified child to the top(z depth).
-     * @param {Renderable|Entity|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child
+     * @param {Renderable|Entity|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child - Child to be moved
      */
     moveToTop(child: Renderable | Entity | Sprite | Collectable | Trigger | Draggable | DropTarget | NineSliceSprite | ImageLayer | ColorLayer | Light2d | UIBaseElement | UISpriteElement | UITextButton | Text | BitmapText): void;
     /**
      * Move the specified child the bottom (z depth).
-     * @param {Renderable|Entity|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child
+     * @param {Renderable|Entity|Sprite|Collectable|Trigger|Draggable|DropTarget|NineSliceSprite|ImageLayer|ColorLayer|Light2d|UIBaseElement|UISpriteElement|UITextButton|Text|BitmapText} child - Child to be moved
      */
     moveToBottom(child: Renderable | Entity | Sprite | Collectable | Trigger | Draggable | DropTarget | NineSliceSprite | ImageLayer | ColorLayer | Light2d | UIBaseElement | UISpriteElement | UITextButton | Text | BitmapText): void;
     /**
-     * Manually trigger the sort of all the childs in the container</p>
+     * Manually trigger the sort of all the childs in the container
      * @param {boolean} [recursive=false] - recursively sort all containers if true
      */
     sort(recursive?: boolean | undefined): void;

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

@@ -12,7 +12,7 @@ export default class ImageLayer {
      * @param {string} [settings.name="me.ImageLayer"] - layer name
      * @param {number} [settings.z=0] - z-index position
      * @param {number|Vector2d} [settings.ratio=1.0] - Scrolling ratio to be applied. See {@link ImageLayer#ratio}
-     * @param {string} [settings.repeat='repeat'] - define if and how an Image Layer should be repeated (accepted values are 'repeat', 'repeat-x', 'repeat-y', 'no-repeat'). See {@link ImageLayer#repeat}
+     * @param {"repeat"|"repeat-x"|"repeat-y"|"no-repeat"} [settings.repeat="repeat"] - define if and how an Image Layer should be repeated. See {@link ImageLayer#repeat}
      * @param {number|Vector2d} [settings.anchorPoint=0.0] - Image origin. See {@link ImageLayer#anchorPoint}
      * @example
      * // create a repetitive background pattern on the X axis using the citycloud image asset
@@ -26,7 +26,7 @@ export default class ImageLayer {
         name?: string | undefined;
         z?: number | undefined;
         ratio?: number | Vector2d;
-        repeat?: string | undefined;
+        repeat?: "repeat" | "no-repeat" | "repeat-x" | "repeat-y" | undefined;
         anchorPoint?: number | Vector2d;
     });
     floating: boolean;
@@ -83,10 +83,10 @@ export default class ImageLayer {
     updateLayer(vpos: any): void;
     isDirty: boolean | undefined;
     /**
-     * override the default predraw function
-     * as repeat and anchor are managed directly in the draw method
-     * @ignore
-     */
+    * override the default predraw function
+    * as repeat and anchor are managed directly in the draw method
+    * @ignore
+    */
     preDraw(renderer: any): void;
     /**
      * draw this ImageLayer (automatically called by melonJS)

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

@@ -8,13 +8,13 @@
  */
 export default class Light2d extends Renderable {
     /**
-     * @param {number} x - The horizontal position of the light.
-     * @param {number} y - The vertical position of the light.
-     * @param {number} radiusX - The horizontal radius of the light.
-     * @param {number} [radiusY=radiusX] - The vertical radius of the light.
-     * @param {Color|string} [color="#FFF"] - the color of the light
-     * @param {number} [intensity=0.7] - The intensity of the light.
-     */
+    * @param {number} x - The horizontal position of the light.
+    * @param {number} y - The vertical position of the light.
+    * @param {number} radiusX - The horizontal radius of the light.
+    * @param {number} [radiusY=radiusX] - The vertical radius of the light.
+    * @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);
     /**
      * the color of the light

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

@@ -4,12 +4,6 @@
  * @augments Rect
  */
 export default class Renderable extends Rect {
-    /**
-     * Position of the Renderable relative to its parent container
-     * @public
-     * @type {ObservableVector3d}
-     */
-    public pos: ObservableVector3d;
     /**
      * The anchor point is used for attachment behavior, and/or when applying transformations.<br>
      * The coordinate system places the origin at the top left corner of the frame (0, 0) and (1, 1) means the bottom-right corner<br>
@@ -64,11 +58,11 @@ export default class Renderable extends Rect {
      */
     body: Body;
     /**
-     * (G)ame (U)nique (Id)entifier" <br>
-     * a GUID will be allocated for any renderable object added <br>
-     * to an object container (including the `me.game.world` container)
-     * @type {string}
-     */
+    * (G)ame (U)nique (Id)entifier" <br>
+    * a GUID will be allocated for any renderable object added <br>
+    * to an object container (including the `me.game.world` container)
+    * @type {string}
+    */
     GUID: string;
     /**
      * an event handler that is called when the renderable leave or enter a camera viewport
@@ -204,6 +198,7 @@ export default class Renderable extends Rect {
         y: boolean;
     };
     _inViewport: boolean;
+    _tint: object;
     /**
      * Whether the renderable object is floating (i.e. used screen coordinates), or contained in a floating parent container
      * @see Renderable#floating
@@ -222,7 +217,6 @@ export default class Renderable extends Rect {
      * this.tint.setColor(255, 255, 255);
      */
     get tint(): Color;
-    _tint: object | undefined;
     set inViewport(arg: boolean);
     /**
      * Whether the renderable object is visible and within the viewport
@@ -333,11 +327,11 @@ export default class Renderable extends Rect {
      * update the renderable's bounding rect (private)
      * @ignore
      */
-    updateBoundsPos(newX?: number, newY?: number): void;
+    updateBoundsPos(newX?: any, newY?: any): void;
     /**
-     * return the renderable absolute position in the game world
-     * @returns {Vector2d}
-     */
+      * return the renderable absolute position in the game world
+      * @returns {Vector2d}
+      */
     getAbsolutePosition(): Vector2d;
     _absPos: object | undefined;
     /**
@@ -409,6 +403,4 @@ export default class Renderable extends Rect {
     onDestroyEvent(): void;
 }
 import Rect from "./../geometries/rectangle.js";
-import ObservableVector3d from "./../math/observable_vector3.js";
 import ObservableVector2d from "./../math/observable_vector2.js";
-import Color from "./../math/color.js";

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

@@ -0,0 +1,151 @@
+/**
+ * @classdesc
+ * a bitmap font object
+ * @augments Renderable
+ */
+export default class BitmapText extends Renderable {
+    /**
+     * @param {number} x - position of the text object
+     * @param {number} y - position of the text object
+     * @param {object} settings - the text configuration
+     * @param {string|Image} settings.font - a font name to identify the corresponing source image
+     * @param {string} [settings.fontData=settings.font] - the bitmap font data corresponding name, or the bitmap font data itself
+     * @param {number} [settings.size] - size a scaling ratio
+     * @param {Color|string} [settings.fillStyle] - a CSS color value used to tint the bitmapText (@see BitmapText.tint)
+     * @param {number} [settings.lineWidth=1] - line width, in pixels, when drawing stroke
+     * @param {string} [settings.textAlign="left"] - horizontal text alignment
+     * @param {string} [settings.textBaseline="top"] - the text baseline
+     * @param {number} [settings.lineHeight=1.0] - line spacing height
+     * @param {Vector2d} [settings.anchorPoint={x:0.0, y:0.0}] - anchor point to draw the text at
+     * @param {number} [settings.wordWrapWidth] - the maximum length in CSS pixel for a single segment of text
+     * @param {(string|string[])} [settings.text] - a string, or an array of strings
+     * @example
+     * // Use me.loader.preload or me.loader.load to load assets
+     * me.loader.preload([
+     *     { name: "arial", type: "binary" src: "data/font/arial.fnt" },
+     *     { name: "arial", type: "image" src: "data/font/arial.png" },
+     * ])
+     * // Then create an instance of your bitmap font:
+     * let myFont = new me.BitmapText(x, y, {font:"arial", text:"Hello"});
+     * // two possibilities for using "myFont"
+     * // either call the draw function from your Renderable draw function
+     * myFont.draw(renderer, "Hello!", 0, 0);
+     * // or just add it to the word container
+     * me.game.world.addChild(myFont);
+     */
+    constructor(x: number, y: number, settings: {
+        font: string | (new (width?: number | undefined, height?: number | undefined) => HTMLImageElement);
+        fontData?: string | undefined;
+        size?: number | undefined;
+        fillStyle?: string | Color | undefined;
+        lineWidth?: number | undefined;
+        textAlign?: string | undefined;
+        textBaseline?: string | undefined;
+        lineHeight?: number | undefined;
+        anchorPoint?: any;
+        wordWrapWidth?: number | undefined;
+        text?: string | string[] | undefined;
+    });
+    /**
+     * Set the default text alignment (or justification),<br>
+     * possible values are "left", "right", and "center".
+     * @public
+     * @type {string}
+     * @default "left"
+     */
+    public textAlign: string;
+    /**
+     * Set the text baseline (e.g. the Y-coordinate for the draw operation), <br>
+     * possible values are "top", "hanging, "middle, "alphabetic, "ideographic, "bottom"<br>
+     * @public
+     * @type {string}
+     * @default "top"
+     */
+    public textBaseline: string;
+    /**
+     * Set the line spacing height (when displaying multi-line strings). <br>
+     * Current font height will be multiplied with this value to set the line height.
+     * @public
+     * @type {number}
+     * @default 1.0
+     */
+    public lineHeight: number;
+    /**
+     * the maximum length in CSS pixel for a single segment of text.
+     * (use -1 to disable word wrapping)
+     * @public
+     * @type {number}
+     * @default -1
+     */
+    public wordWrapWidth: number;
+    /**
+     * the text to be displayed
+     * @private
+     */
+    private _text;
+    /**
+     * scaled font size
+     * @private
+     */
+    private fontScale;
+    /**
+     * font image
+     * @private
+     */
+    private fontImage;
+    /**
+     * font data
+     * @private
+     */
+    private fontData;
+    public set fillStyle(arg: Color);
+    /**
+     * defines the color used to tint the bitmap text
+     * @public
+     * @type {Color}
+     * @see Renderable#tint
+     */
+    public get fillStyle(): Color;
+    metrics: TextMetrics;
+    /**
+     * change the font settings
+     * @param {string} textAlign - ("left", "center", "right")
+     * @param {number} [scale]
+     * @returns {BitmapText} this object for chaining
+     */
+    set(textAlign: string, scale?: number | undefined): BitmapText;
+    /**
+     * change the text to be displayed
+     * @param {number|string|string[]} value - a string, or an array of strings
+     * @returns {BitmapText} this object for chaining
+     */
+    setText(value?: number | string | string[]): BitmapText;
+    /**
+     * change the font display size
+     * @param {number} scale - ratio
+     * @returns {BitmapText} this object for chaining
+     */
+    resize(scale: number): BitmapText;
+    /**
+     * measure the given text size in pixels
+     * @param {string} [text]
+     * @returns {TextMetrics} a TextMetrics object with two properties: `width` and `height`, defining the output dimensions
+     */
+    measureText(text?: string | undefined): TextMetrics;
+    /**
+     * draw the bitmap font
+     * @param {CanvasRenderer|WebGLRenderer} renderer - Reference to the destination renderer instance
+     * @param {string} [text]
+     * @param {number} [x]
+     * @param {number} [y]
+     */
+    draw(renderer: CanvasRenderer | WebGLRenderer, text?: string | undefined, x?: number | undefined, y?: number | undefined): void;
+    /**
+     * Destroy function
+     * @ignore
+     */
+    destroy(): void;
+}
+import Renderable from "../renderable.js";
+import Color from "../../math/color.js";
+import TextMetrics from "./textmetrics.js";

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

@@ -0,0 +1,35 @@
+/**
+ * Class for storing relevant data from the font file.
+ * @ignore
+ */
+export default class BitmapTextData {
+    /**
+    * @param {string} data - The bitmap font data pulled from the resource loader using me.loader.getBinary()
+    */
+    constructor(data: string);
+    /**
+     * @ignore
+     */
+    onResetEvent(data: any): void;
+    padTop: number | undefined;
+    padRight: number | undefined;
+    padBottom: number | undefined;
+    padLeft: number | undefined;
+    lineHeight: number | undefined;
+    capHeight: any;
+    descent: any;
+    /**
+     * The map of glyphs, each key is a char code.
+     * @name glyphs
+     * @type {object}
+     * @memberof BitmapTextData
+     */
+    glyphs: object | undefined;
+    /**
+     * This parses the font data text and builds a map of glyphs containing the data for each character
+     * @name parse
+     * @memberof BitmapTextData
+     * @param {string} fontData
+     */
+    parse(fontData: string): void;
+}

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

@@ -0,0 +1,28 @@
+/**
+ * a glyph representing a single character in a font
+ * @ignore
+ */
+export default class Glyph {
+    id: number;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    u: number;
+    v: number;
+    u2: number;
+    v2: number;
+    xoffset: number;
+    yoffset: number;
+    xadvance: number;
+    fixedWidth: boolean;
+    /**
+     * @ignore
+     */
+    getKerning(ch: any): any;
+    /**
+     * @ignore
+     */
+    setKerning(ch: any, value: any): void;
+    kerning: {} | undefined;
+}

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

@@ -0,0 +1,159 @@
+/**
+ * @classdesc
+ * a generic system font object.
+ * @augments Renderable
+ */
+export default class Text extends Renderable {
+    /**
+     * @param {number} x - position of the text object
+     * @param {number} y - position of the text object
+     * @param {object} settings - the text configuration
+     * @param {string} settings.font - a CSS family font name
+     * @param {number|string} settings.size - size, or size + suffix (px, em, pt)
+     * @param {Color|string} [settings.fillStyle="#000000"] - a CSS color value
+     * @param {Color|string} [settings.strokeStyle="#000000"] - a CSS color value
+     * @param {number} [settings.lineWidth=0] - line width, in pixels, when drawing stroke
+     * @param {string} [settings.textAlign="left"] - horizontal text alignment
+     * @param {string} [settings.textBaseline="top"] - the text baseline
+     * @param {number} [settings.lineHeight=1.0] - line spacing height
+     * @param {Vector2d} [settings.anchorPoint={x:0.0, y:0.0}] - anchor point to draw the text at
+     * @param {number} [settings.wordWrapWidth] - the maximum length in CSS pixel for a single segment of text
+     * @param {(string|string[])} [settings.text=""] - a string, or an array of strings
+     * @example
+     * let font = new me.Text(0, 0, {font: "Arial", size: 8, fillStyle: this.color});
+     */
+    constructor(x: number, y: number, settings: {
+        font: string;
+        size: number | string;
+        fillStyle?: string | Color | undefined;
+        strokeStyle?: string | Color | undefined;
+        lineWidth?: number | undefined;
+        textAlign?: string | undefined;
+        textBaseline?: string | undefined;
+        lineHeight?: number | undefined;
+        anchorPoint?: any;
+        wordWrapWidth?: number | undefined;
+        text?: string | string[] | undefined;
+    });
+    /** @ignore */
+    onResetEvent(x: any, y: any, settings: any): void;
+    fillStyle: any;
+    strokeStyle: any;
+    /**
+     * sets the current line width, in pixels, when drawing stroke
+     * @public
+     * @type {number}
+     * @default 0
+     */
+    public lineWidth: number | undefined;
+    /**
+     * Set the default text alignment (or justification),<br>
+     * possible values are "left", "right", and "center".<br>
+     * @public
+     * @type {string}
+     * @default "left"
+     */
+    public textAlign: string | undefined;
+    /**
+     * Set the text baseline (e.g. the Y-coordinate for the draw operation), <br>
+     * possible values are "top", "hanging, "middle, "alphabetic, "ideographic, "bottom"<br>
+     * @public
+     * @type {string}
+     * @default "top"
+     */
+    public textBaseline: string | undefined;
+    /**
+     * Set the line spacing height (when displaying multi-line strings). <br>
+     * Current font height will be multiplied with this value to set the line height.
+     * @public
+     * @type {number}
+     * @default 1.0
+     */
+    public lineHeight: number | undefined;
+    /**
+     * the maximum length in CSS pixel for a single segment of text.
+     * (use -1 to disable word wrapping)
+     * @public
+     * @type {number}
+     * @default -1
+     */
+    public wordWrapWidth: number | undefined;
+    /**
+     * the text to be displayed
+     * @private
+     */
+    private _text;
+    /**
+     * the font size (in px)
+     * @public
+     * @type {number}
+     * @default 10
+     */
+    public fontSize: number | undefined;
+    canvasTexture: object | undefined;
+    metrics: TextMetrics | undefined;
+    /**
+     * make the font bold
+     * @returns {Text} this object for chaining
+     */
+    bold(): Text;
+    font: any;
+    /**
+     * make the font italic
+     * @returns {Text} this object for chaining
+     */
+    italic(): Text;
+    /**
+     * set the font family and size
+     * @param {string} font - a CSS font name
+     * @param {number|string} [size=10] - size in px, or size + suffix (px, em, pt)
+     * @returns {Text} this object for chaining
+     * @example
+     * font.setFont("Arial", 20);
+     * font.setFont("Arial", "1.5em");
+     */
+    setFont(font: string, size?: string | number | undefined): Text;
+    /**
+     * change the text to be displayed
+     * @param {number|string|string[]} value - a string, or an array of strings
+     * @returns {Text} this object for chaining
+     */
+    setText(value?: number | string | string[]): Text;
+    glTextureUnit: any;
+    /**
+     * measure the given text size in pixels
+     * @param {CanvasRenderer|WebGLRenderer} renderer - reference to the active renderer
+     * @param {string} [text] - the text to be measured
+     * @returns {TextMetrics} a TextMetrics object defining the dimensions of the given piece of text
+     */
+    measureText(renderer: CanvasRenderer | WebGLRenderer, text?: string | undefined): TextMetrics;
+    /**
+     * draw a text at the specified coord
+     * @param {CanvasRenderer|WebGLRenderer} renderer - Reference to the destination renderer instance
+     * @param {string} [text]
+     * @param {number} [x]
+     * @param {number} [y]
+     */
+    draw(renderer: CanvasRenderer | WebGLRenderer, text?: string | undefined, x?: number | undefined, y?: number | undefined): void;
+    /**
+     * draw a stroke text at the specified coord, as defined by the `lineWidth` and `fillStroke` properties.
+     * @deprecated since 15.0.0
+     * @param {CanvasRenderer|WebGLRenderer} renderer - Reference to the destination renderer instance
+     * @param {string} text
+     * @param {number} x
+     * @param {number} y
+     */
+    drawStroke(renderer: CanvasRenderer | WebGLRenderer, text: string, x: number, y: number): void;
+    /**
+     * @ignore
+     */
+    _drawFont(context: any, text: any, x: any, y: any): TextMetrics | undefined;
+    /**
+     * Destroy function
+     * @ignore
+     */
+    destroy(): void;
+}
+import Renderable from "../renderable.js";
+import TextMetrics from "./textmetrics.js";
+import Color from "../../math/color.js";