excalibur 0.28.3 → 0.28.4

package/build/dist/Graphics/DebugGraphicsComponent.js

@@ -0,0 +1,16 @@
+import { Component } from '../EntityComponentSystem/Component';
+/**
+ * Provide arbitrary drawing for the purposes of debugging your game
+ *
+ * Will only show when the Engine is set to debug mode [[Engine.showDebug]] or [[Engine.toggleDebug]]
+ *
+ */
+export class DebugGraphicsComponent extends Component {
+    constructor(draw, useTransform = true) {
+        super();
+        this.draw = draw;
+        this.useTransform = useTransform;
+        this.type = 'ex.debuggraphics';
+    }
+}
+//# sourceMappingURL=DebugGraphicsComponent.js.map

package/build/dist/Graphics/DebugGraphicsComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebugGraphicsComponent.js","sourceRoot":"","sources":["../../../src/engine/Graphics/DebugGraphicsComponent.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAG/D;;;;;GAKG;AACH,MAAM,OAAO,sBAAuB,SAAQ,SAA6B;IAEvE,YAAmB,IAAgE,EAAS,eAAe,IAAI;QAC7G,KAAK,EAAE,CAAC;QADS,SAAI,GAAJ,IAAI,CAA4D;QAAS,iBAAY,GAAZ,YAAY,CAAO;QADtG,SAAI,GAAG,kBAAkB,CAAC;IAGnC,CAAC;CACF"}

package/build/dist/Graphics/Filtering.js

@@ -0,0 +1,17 @@
+/**
+ * Describes the different image filtering modes
+ */
+export var ImageFiltering;
+(function (ImageFiltering) {
+    /**
+     * Pixel is useful when you do not want smoothing aka antialiasing applied to your graphics.
+     *
+     * Useful for Pixel art aesthetics.
+     */
+    ImageFiltering["Pixel"] = "Pixel";
+    /**
+     * Blended is useful when you have high resolution artwork and would like it blended and smoothed
+     */
+    ImageFiltering["Blended"] = "Blended";
+})(ImageFiltering || (ImageFiltering = {}));
+//# sourceMappingURL=Filtering.js.map

package/build/dist/Graphics/Filtering.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filtering.js","sourceRoot":"","sources":["../../../src/engine/Graphics/Filtering.ts"],"names":[],"mappings":"AACA;;GAEG;AACH,MAAM,CAAN,IAAY,cAaX;AAbD,WAAY,cAAc;IAExB;;;;OAIG;IACH,iCAAe,CAAA;IAEf;;OAEG;IACH,qCAAmB,CAAA;AACrB,CAAC,EAbW,cAAc,KAAd,cAAc,QAazB"}

package/build/dist/Graphics/Font.js

@@ -0,0 +1,148 @@
+import { BoundingBox } from '../Collision/Index';
+import { Color } from '../Color';
+import { BaseAlign, Direction, FontStyle, FontUnit, TextAlign } from './FontCommon';
+import { Graphic } from './Graphic';
+import { ImageFiltering } from './Filtering';
+import { FontTextInstance } from './FontTextInstance';
+import { FontCache } from './FontCache';
+/**
+ * Represents a system or web font in Excalibur
+ *
+ * If no options specified, the system sans-serif 10 pixel is used
+ *
+ * If loading a custom web font be sure to have the font loaded before you use it https://erikonarheim.com/posts/dont-test-fonts/
+ */
+export class Font extends Graphic {
+    constructor(options = {}) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+        super(options); // <- Graphics properties
+        /**
+         * Set the font filtering mode, by default set to [[ImageFiltering.Blended]] regardless of the engine default smoothing
+         *
+         * If you have a pixel style font that may be a reason to switch this to [[ImageFiltering.Pixel]]
+         */
+        this.filtering = ImageFiltering.Blended;
+        /**
+         * Font quality determines the size of the underlying raster text, higher quality means less jagged edges.
+         * If quality is set to 1, then just enough raster bitmap is generated to render the text.
+         *
+         * You can think of quality as how zoomed in to the text you can get before seeing jagged edges.
+         *
+         * (Default 2)
+         */
+        this.quality = 2;
+        // Raster properties for fonts
+        this.padding = 2;
+        this.smoothing = false;
+        this.lineWidth = 1;
+        this.lineDash = [];
+        this.color = Color.Black;
+        this.family = 'sans-serif';
+        this.style = FontStyle.Normal;
+        this.bold = false;
+        this.unit = FontUnit.Px;
+        this.textAlign = TextAlign.Left;
+        this.baseAlign = BaseAlign.Alphabetic;
+        this.direction = Direction.LeftToRight;
+        this.size = 10;
+        this.shadow = null;
+        this._textBounds = new BoundingBox();
+        this._textMeasurement = new FontTextInstance(this, '', Color.Black);
+        // Raster properties
+        this.smoothing = (_a = options === null || options === void 0 ? void 0 : options.smoothing) !== null && _a !== void 0 ? _a : this.smoothing;
+        this.padding = (_b = options === null || options === void 0 ? void 0 : options.padding) !== null && _b !== void 0 ? _b : this.padding;
+        this.color = (_c = options === null || options === void 0 ? void 0 : options.color) !== null && _c !== void 0 ? _c : this.color;
+        this.strokeColor = (_d = options === null || options === void 0 ? void 0 : options.strokeColor) !== null && _d !== void 0 ? _d : this.strokeColor;
+        this.lineDash = (_e = options === null || options === void 0 ? void 0 : options.lineDash) !== null && _e !== void 0 ? _e : this.lineDash;
+        this.lineWidth = (_f = options === null || options === void 0 ? void 0 : options.lineWidth) !== null && _f !== void 0 ? _f : this.lineWidth;
+        this.filtering = (_g = options === null || options === void 0 ? void 0 : options.filtering) !== null && _g !== void 0 ? _g : this.filtering;
+        // Font specific properties
+        this.family = (_h = options === null || options === void 0 ? void 0 : options.family) !== null && _h !== void 0 ? _h : this.family;
+        this.style = (_j = options === null || options === void 0 ? void 0 : options.style) !== null && _j !== void 0 ? _j : this.style;
+        this.bold = (_k = options === null || options === void 0 ? void 0 : options.bold) !== null && _k !== void 0 ? _k : this.bold;
+        this.size = (_l = options === null || options === void 0 ? void 0 : options.size) !== null && _l !== void 0 ? _l : this.size;
+        this.unit = (_m = options === null || options === void 0 ? void 0 : options.unit) !== null && _m !== void 0 ? _m : this.unit;
+        this.textAlign = (_o = options === null || options === void 0 ? void 0 : options.textAlign) !== null && _o !== void 0 ? _o : this.textAlign;
+        this.baseAlign = (_p = options === null || options === void 0 ? void 0 : options.baseAlign) !== null && _p !== void 0 ? _p : this.baseAlign;
+        this.direction = (_q = options === null || options === void 0 ? void 0 : options.direction) !== null && _q !== void 0 ? _q : this.direction;
+        this.quality = (_r = options === null || options === void 0 ? void 0 : options.quality) !== null && _r !== void 0 ? _r : this.quality;
+        if (options === null || options === void 0 ? void 0 : options.shadow) {
+            this.shadow = {};
+            this.shadow.blur = (_s = options.shadow.blur) !== null && _s !== void 0 ? _s : this.shadow.blur;
+            this.shadow.offset = (_t = options.shadow.offset) !== null && _t !== void 0 ? _t : this.shadow.offset;
+            this.shadow.color = (_u = options.shadow.color) !== null && _u !== void 0 ? _u : this.shadow.color;
+        }
+    }
+    clone() {
+        return new Font({
+            ...this.cloneGraphicOptions(),
+            size: this.size,
+            unit: this.unit,
+            family: this.family,
+            style: this.style,
+            bold: this.bold,
+            textAlign: this.textAlign,
+            baseAlign: this.baseAlign,
+            direction: this.direction,
+            shadow: this.shadow
+                ? {
+                    blur: this.shadow.blur,
+                    offset: this.shadow.offset,
+                    color: this.shadow.color
+                }
+                : null
+        });
+    }
+    get fontString() {
+        return `${this.style} ${this.bold ? 'bold' : ''} ${this.size}${this.unit} ${this.family}`;
+    }
+    get localBounds() {
+        return this._textBounds;
+    }
+    _drawImage(_ex, _x, _y) {
+        // TODO weird vestigial drawimage
+    }
+    _rotate(ex) {
+        var _a;
+        // TODO this needs to change depending on the bounding box...
+        const origin = (_a = this.origin) !== null && _a !== void 0 ? _a : this._textBounds.center;
+        ex.translate(origin.x, origin.y);
+        ex.rotate(this.rotation);
+        ex.translate(-origin.x, -origin.y);
+    }
+    _flip(ex) {
+        if (this.flipHorizontal) {
+            ex.translate(this._textBounds.width / this.scale.x, 0);
+            ex.scale(-1, 1);
+        }
+        if (this.flipVertical) {
+            ex.translate(0, -this._textBounds.height / 2 / this.scale.y);
+            ex.scale(1, -1);
+        }
+    }
+    measureTextWithoutCache(text, maxWidth) {
+        return this._textMeasurement.measureText(text, maxWidth);
+    }
+    /**
+     * Returns a BoundingBox that is the total size of the text including multiple lines
+     *
+     * Does not include any padding or adjustment
+     * @param text
+     * @returns BoundingBox
+     */
+    measureText(text, maxWidth) {
+        return FontCache.measureText(text, this, maxWidth);
+    }
+    _postDraw(ex) {
+        ex.restore();
+    }
+    render(ex, text, colorOverride, x, y, maxWidth) {
+        const textInstance = FontCache.getTextInstance(text, this, colorOverride);
+        // Apply affine transformations
+        this._textBounds = textInstance.dimensions;
+        this._preDraw(ex, x, y);
+        textInstance.render(ex, x, y, maxWidth);
+        this._postDraw(ex);
+    }
+}
+//# sourceMappingURL=Font.js.map

package/build/dist/Graphics/Font.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Font.js","sourceRoot":"","sources":["../../../src/engine/Graphics/Font.ts"],"names":[],"mappings":"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"}

package/build/dist/Graphics/FontCache.d.ts

@@ -3,6 +3,7 @@ import { Color } from '../Color';
 import { Font } from './Font';
 import { FontTextInstance } from './FontTextInstance';
 export declare class FontCache {
+    static FONT_TIMEOUT: number;
     private static _LOGGER;
     private static _TEXT_USAGE;
     private static _TEXT_CACHE;

package/build/dist/Graphics/FontCache.js

@@ -0,0 +1,80 @@
+import { Logger } from '../Util/Log';
+import { FontTextInstance } from './FontTextInstance';
+export class FontCache {
+    static measureText(text, font, maxWidth) {
+        const hash = FontTextInstance.getHashCode(font, text);
+        if (FontCache._MEASURE_CACHE.has(hash)) {
+            return FontCache._MEASURE_CACHE.get(hash);
+        }
+        FontCache._LOGGER.debug('Font text measurement cache miss');
+        const measurement = font.measureTextWithoutCache(text, maxWidth);
+        FontCache._MEASURE_CACHE.set(hash, measurement);
+        return measurement;
+    }
+    static getTextInstance(text, font, color) {
+        const hash = FontTextInstance.getHashCode(font, text, color);
+        let textInstance = FontCache._TEXT_CACHE.get(hash);
+        if (!textInstance) {
+            textInstance = new FontTextInstance(font, text, color);
+            FontCache._TEXT_CACHE.set(hash, textInstance);
+            FontCache._LOGGER.debug('Font text instance cache miss');
+        }
+        // Cache the bitmap for certain amount of time
+        FontCache._TEXT_USAGE.set(textInstance, performance.now());
+        return textInstance;
+    }
+    static checkAndClearCache() {
+        const deferred = [];
+        const currentHashCodes = new Set();
+        for (const [textInstance, time] of FontCache._TEXT_USAGE.entries()) {
+            // if bitmap hasn't been used in 100 ms clear it
+            if (time + FontCache.FONT_TIMEOUT < performance.now()) {
+                FontCache._LOGGER.debug(`Text cache entry timed out ${textInstance.text}`);
+                deferred.push(textInstance);
+                textInstance.dispose();
+            }
+            else {
+                const hash = textInstance.getHashCode(false);
+                currentHashCodes.add(hash);
+            }
+        }
+        // Deferred removal of text instances
+        deferred.forEach((t) => {
+            FontCache._TEXT_USAGE.delete(t);
+        });
+        // Regenerate text instance cache
+        this._TEXT_CACHE.clear();
+        for (const [textInstance] of this._TEXT_USAGE.entries()) {
+            this._TEXT_CACHE.set(textInstance.getHashCode(), textInstance);
+        }
+        // Regenerated measurement cache
+        const newTextMeasurementCache = new Map();
+        for (const current of currentHashCodes) {
+            if (FontCache._MEASURE_CACHE.has(current)) {
+                newTextMeasurementCache.set(current, FontCache._MEASURE_CACHE.get(current));
+            }
+        }
+        this._MEASURE_CACHE.clear();
+        this._MEASURE_CACHE = newTextMeasurementCache;
+    }
+    static get cacheSize() {
+        return FontCache._TEXT_USAGE.size;
+    }
+    /**
+     * Force clear all cached text bitmaps
+     */
+    static clearCache() {
+        for (const [textInstance] of FontCache._TEXT_USAGE.entries()) {
+            textInstance.dispose();
+        }
+        FontCache._TEXT_USAGE.clear();
+        FontCache._TEXT_CACHE.clear();
+        FontCache._MEASURE_CACHE.clear();
+    }
+}
+FontCache.FONT_TIMEOUT = 500;
+FontCache._LOGGER = Logger.getInstance();
+FontCache._TEXT_USAGE = new Map();
+FontCache._TEXT_CACHE = new Map();
+FontCache._MEASURE_CACHE = new Map();
+//# sourceMappingURL=FontCache.js.map

package/build/dist/Graphics/FontCache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontCache.js","sourceRoot":"","sources":["../../../src/engine/Graphics/FontCache.ts"],"names":[],"mappings":"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"}

package/build/dist/Graphics/FontCommon.js

@@ -0,0 +1,109 @@
+/**
+ * Enum representing the different font size units
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/font-size
+ */
+export var FontUnit;
+(function (FontUnit) {
+    /**
+     * Em is a scalable unit, 1 em is equal to the current font size of the current element, parent elements can effect em values
+     */
+    FontUnit["Em"] = "em";
+    /**
+     * Rem is similar to the Em, it is a scalable unit. 1 rem is equal to the font size of the root element
+     */
+    FontUnit["Rem"] = "rem";
+    /**
+     * Pixel is a unit of length in screen pixels
+     */
+    FontUnit["Px"] = "px";
+    /**
+     * Point is a physical unit length (1/72 of an inch)
+     */
+    FontUnit["Pt"] = "pt";
+    /**
+     * Percent is a scalable unit similar to Em, the only difference is the Em units scale faster when Text-Size stuff
+     */
+    FontUnit["Percent"] = "%";
+})(FontUnit || (FontUnit = {}));
+/**
+ * Enum representing the different horizontal text alignments
+ */
+export var TextAlign;
+(function (TextAlign) {
+    /**
+     * The text is left-aligned.
+     */
+    TextAlign["Left"] = "left";
+    /**
+     * The text is right-aligned.
+     */
+    TextAlign["Right"] = "right";
+    /**
+     * The text is centered.
+     */
+    TextAlign["Center"] = "center";
+    /**
+     * The text is aligned at the normal start of the line (left-aligned for left-to-right locales,
+     * right-aligned for right-to-left locales).
+     */
+    TextAlign["Start"] = "start";
+    /**
+     * The text is aligned at the normal end of the line (right-aligned for left-to-right locales,
+     * left-aligned for right-to-left locales).
+     */
+    TextAlign["End"] = "end";
+})(TextAlign || (TextAlign = {}));
+/**
+ * Enum representing the different baseline text alignments
+ */
+export var BaseAlign;
+(function (BaseAlign) {
+    /**
+     * The text baseline is the top of the em square.
+     */
+    BaseAlign["Top"] = "top";
+    /**
+     * The text baseline is the hanging baseline.  Currently unsupported; this will act like
+     * alphabetic.
+     */
+    BaseAlign["Hanging"] = "hanging";
+    /**
+     * The text baseline is the middle of the em square.
+     */
+    BaseAlign["Middle"] = "middle";
+    /**
+     * The text baseline is the normal alphabetic baseline.
+     */
+    BaseAlign["Alphabetic"] = "alphabetic";
+    /**
+     * The text baseline is the ideographic baseline; this is the bottom of
+     * the body of the characters, if the main body of characters protrudes
+     * beneath the alphabetic baseline.  Currently unsupported; this will
+     * act like alphabetic.
+     */
+    BaseAlign["Ideographic"] = "ideographic";
+    /**
+     * The text baseline is the bottom of the bounding box.  This differs
+     * from the ideographic baseline in that the ideographic baseline
+     * doesn't consider descenders.
+     */
+    BaseAlign["Bottom"] = "bottom";
+})(BaseAlign || (BaseAlign = {}));
+/**
+ * Enum representing the different possible font styles
+ */
+export var FontStyle;
+(function (FontStyle) {
+    FontStyle["Normal"] = "normal";
+    FontStyle["Italic"] = "italic";
+    FontStyle["Oblique"] = "oblique";
+})(FontStyle || (FontStyle = {}));
+/**
+ * Enum representing the text direction, useful for other languages, or writing text in reverse
+ */
+export var Direction;
+(function (Direction) {
+    Direction["LeftToRight"] = "ltr";
+    Direction["RightToLeft"] = "rtl";
+})(Direction || (Direction = {}));
+//# sourceMappingURL=FontCommon.js.map

package/build/dist/Graphics/FontCommon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontCommon.js","sourceRoot":"","sources":["../../../src/engine/Graphics/FontCommon.ts"],"names":[],"mappings":"AAKA;;;GAGG;AACH,MAAM,CAAN,IAAY,QAqBX;AArBD,WAAY,QAAQ;IAClB;;OAEG;IACH,qBAAS,CAAA;IACT;;OAEG;IACH,uBAAW,CAAA;IACX;;OAEG;IACH,qBAAS,CAAA;IACT;;OAEG;IACH,qBAAS,CAAA;IACT;;OAEG;IACH,yBAAa,CAAA;AACf,CAAC,EArBW,QAAQ,KAAR,QAAQ,QAqBnB;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,SAuBX;AAvBD,WAAY,SAAS;IACnB;;OAEG;IACH,0BAAa,CAAA;IACb;;OAEG;IACH,4BAAe,CAAA;IACf;;OAEG;IACH,8BAAiB,CAAA;IACjB;;;OAGG;IACH,4BAAe,CAAA;IACf;;;OAGG;IACH,wBAAW,CAAA;AACb,CAAC,EAvBW,SAAS,KAAT,SAAS,QAuBpB;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,SA+BX;AA/BD,WAAY,SAAS;IACnB;;OAEG;IACH,wBAAW,CAAA;IACX;;;OAGG;IACH,gCAAmB,CAAA;IACnB;;OAEG;IACH,8BAAiB,CAAA;IACjB;;OAEG;IACH,sCAAyB,CAAA;IACzB;;;;;OAKG;IACH,wCAA2B,CAAA;IAC3B;;;;OAIG;IACH,8BAAiB,CAAA;AACnB,CAAC,EA/BW,SAAS,KAAT,SAAS,QA+BpB;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,8BAAiB,CAAA;IACjB,8BAAiB,CAAA;IACjB,gCAAmB,CAAA;AACrB,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,gCAAmB,CAAA;IACnB,gCAAmB,CAAA;AACrB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB"}

package/build/dist/Graphics/FontTextInstance.js

@@ -0,0 +1,230 @@
+import { BoundingBox } from '../Collision/BoundingBox';
+import { Color } from '../Color';
+import { line } from '../Util/DrawUtil';
+import { ExcaliburGraphicsContextWebGL } from './Context/ExcaliburGraphicsContextWebGL';
+export class FontTextInstance {
+    constructor(font, text, color, maxWidth) {
+        this.font = font;
+        this.text = text;
+        this.color = color;
+        this.maxWidth = maxWidth;
+        this._textFragments = [];
+        this.disposed = false;
+        this._dirty = true;
+        this.canvas = document.createElement('canvas');
+        this.ctx = this.canvas.getContext('2d');
+        this.dimensions = this.measureText(text);
+        this._setDimension(this.dimensions, this.ctx);
+        this._lastHashCode = this.getHashCode();
+    }
+    measureText(text, maxWidth) {
+        if (this.disposed) {
+            throw Error('Accessing disposed text instance! ' + this.text);
+        }
+        let lines = null;
+        if (maxWidth != null) {
+            lines = this._getLinesFromText(text, maxWidth);
+        }
+        else {
+            lines = text.split('\n');
+        }
+        const maxWidthLine = lines.reduce((a, b) => {
+            return a.length > b.length ? a : b;
+        });
+        this._applyFont(this.ctx); // font must be applied to the context to measure it
+        const metrics = this.ctx.measureText(maxWidthLine);
+        let textHeight = Math.abs(metrics.actualBoundingBoxAscent) + Math.abs(metrics.actualBoundingBoxDescent);
+        // TODO lineheight makes the text bounds wonky
+        const lineAdjustedHeight = textHeight * lines.length;
+        textHeight = lineAdjustedHeight;
+        const bottomBounds = lineAdjustedHeight - Math.abs(metrics.actualBoundingBoxAscent);
+        const x = 0;
+        const y = 0;
+        const measurement = new BoundingBox({
+            left: x - Math.abs(metrics.actualBoundingBoxLeft) - this.font.padding,
+            top: y - Math.abs(metrics.actualBoundingBoxAscent) - this.font.padding,
+            bottom: y + bottomBounds + this.font.padding,
+            right: x + Math.abs(metrics.actualBoundingBoxRight) + this.font.padding
+        });
+        return measurement;
+    }
+    _setDimension(textBounds, bitmap) {
+        // Changing the width and height clears the context properties
+        // We double the bitmap width to account for all possible alignment
+        // We scale by "quality" so we render text without jaggies
+        bitmap.canvas.width = (textBounds.width + this.font.padding * 2) * 2 * this.font.quality;
+        bitmap.canvas.height = (textBounds.height + this.font.padding * 2) * 2 * this.font.quality;
+    }
+    static getHashCode(font, text, color) {
+        var _a;
+        const hash = text +
+            '__hashcode__' +
+            font.fontString +
+            font.showDebug +
+            font.textAlign +
+            font.baseAlign +
+            font.direction +
+            JSON.stringify(font.shadow) +
+            (font.padding.toString() +
+                font.smoothing.toString() +
+                font.lineWidth.toString() +
+                font.lineDash.toString() +
+                ((_a = font.strokeColor) === null || _a === void 0 ? void 0 : _a.toString()) +
+                (color ? color.toString() : font.color.toString()));
+        return hash;
+    }
+    getHashCode(includeColor = true) {
+        return FontTextInstance.getHashCode(this.font, this.text, includeColor ? this.color : undefined);
+    }
+    _applyRasterProperties(ctx) {
+        var _a, _b;
+        ctx.translate(this.font.padding, this.font.padding);
+        ctx.imageSmoothingEnabled = this.font.smoothing;
+        ctx.lineWidth = this.font.lineWidth;
+        ctx.setLineDash((_a = this.font.lineDash) !== null && _a !== void 0 ? _a : ctx.getLineDash());
+        ctx.strokeStyle = (_b = this.font.strokeColor) === null || _b === void 0 ? void 0 : _b.toString();
+        ctx.fillStyle = this.color.toString();
+    }
+    _applyFont(ctx) {
+        ctx.resetTransform();
+        ctx.translate(this.font.padding + ctx.canvas.width / 2, this.font.padding + ctx.canvas.height / 2);
+        ctx.scale(this.font.quality, this.font.quality);
+        ctx.textAlign = this.font.textAlign;
+        ctx.textBaseline = this.font.baseAlign;
+        ctx.font = this.font.fontString;
+        ctx.direction = this.font.direction;
+        if (this.font.shadow) {
+            ctx.shadowColor = this.font.shadow.color.toString();
+            ctx.shadowBlur = this.font.shadow.blur;
+            ctx.shadowOffsetX = this.font.shadow.offset.x;
+            ctx.shadowOffsetY = this.font.shadow.offset.y;
+        }
+    }
+    _drawText(ctx, lines, lineHeight) {
+        this._applyRasterProperties(ctx);
+        this._applyFont(ctx);
+        for (let i = 0; i < lines.length; i++) {
+            const line = lines[i];
+            if (this.color) {
+                ctx.fillText(line, 0, i * lineHeight);
+            }
+            if (this.font.strokeColor) {
+                ctx.strokeText(line, 0, i * lineHeight);
+            }
+        }
+        if (this.font.showDebug) {
+            // Horizontal line
+            /* istanbul ignore next */
+            line(ctx, Color.Green, -ctx.canvas.width / 2, 0, ctx.canvas.width / 2, 0, 2);
+            // Vertical line
+            /* istanbul ignore next */
+            line(ctx, Color.Red, 0, -ctx.canvas.height / 2, 0, ctx.canvas.height / 2, 2);
+        }
+    }
+    _splitTextBitmap(bitmap) {
+        const textImages = [];
+        let currentX = 0;
+        let currentY = 0;
+        // 4k is the max for mobile devices
+        const width = Math.min(4096, bitmap.canvas.width);
+        const height = Math.min(4096, bitmap.canvas.height);
+        // Splits the original bitmap into 4k max chunks
+        while (currentX < bitmap.canvas.width) {
+            while (currentY < bitmap.canvas.height) {
+                // create new bitmap
+                const canvas = document.createElement('canvas');
+                canvas.width = width;
+                canvas.height = height;
+                const ctx = canvas.getContext('2d');
+                // draw current slice to new bitmap in < 4k chunks
+                ctx.drawImage(bitmap.canvas, currentX, currentY, width, height, 0, 0, width, height);
+                textImages.push({ x: currentX, y: currentY, canvas });
+                currentY += height;
+            }
+            currentX += width;
+            currentY = 0;
+        }
+        return textImages;
+    }
+    flagDirty() {
+        this._dirty = true;
+    }
+    render(ex, x, y, maxWidth) {
+        if (this.disposed) {
+            throw Error('Accessing disposed text instance! ' + this.text);
+        }
+        this._ex = ex;
+        const hashCode = this.getHashCode();
+        if (this._lastHashCode !== hashCode) {
+            this._dirty = true;
+        }
+        // Calculate image chunks
+        if (this._dirty) {
+            this.dimensions = this.measureText(this.text, maxWidth);
+            this._setDimension(this.dimensions, this.ctx);
+            const lines = this._getLinesFromText(this.text, maxWidth);
+            const lineHeight = this.dimensions.height / lines.length;
+            // draws the text to the main bitmap
+            this._drawText(this.ctx, lines, lineHeight);
+            // clear any out old fragments
+            if (ex instanceof ExcaliburGraphicsContextWebGL) {
+                for (const frag of this._textFragments) {
+                    ex.textureLoader.delete(frag.canvas);
+                }
+            }
+            // splits to < 4k fragments for large text
+            this._textFragments = this._splitTextBitmap(this.ctx);
+            if (ex instanceof ExcaliburGraphicsContextWebGL) {
+                for (const frag of this._textFragments) {
+                    ex.textureLoader.load(frag.canvas, this.font.filtering, true);
+                }
+            }
+            this._lastHashCode = hashCode;
+            this._dirty = false;
+        }
+        // draws the bitmap fragments to excalibur graphics context
+        for (const frag of this._textFragments) {
+            ex.drawImage(frag.canvas, 0, 0, frag.canvas.width, frag.canvas.height, frag.x / this.font.quality + x - this.ctx.canvas.width / this.font.quality / 2, frag.y / this.font.quality + y - this.ctx.canvas.height / this.font.quality / 2, frag.canvas.width / this.font.quality, frag.canvas.height / this.font.quality);
+        }
+    }
+    dispose() {
+        this.disposed = true;
+        this.dimensions = undefined;
+        this.canvas = undefined;
+        this.ctx = undefined;
+        if (this._ex instanceof ExcaliburGraphicsContextWebGL) {
+            for (const frag of this._textFragments) {
+                this._ex.textureLoader.delete(frag.canvas);
+            }
+        }
+        this._textFragments.length = 0;
+    }
+    _getLinesFromText(text, maxWidth) {
+        if (this._chachedText === text && this._cachedRenderWidth === maxWidth) {
+            return this._chachedLines;
+        }
+        const lines = text.split('\n');
+        if (maxWidth == null) {
+            return lines;
+        }
+        // If the current line goes past the maxWidth, append a new line without modifying the underlying text.
+        for (let i = 0; i < lines.length; i++) {
+            let line = lines[i];
+            let newLine = '';
+            if (this.measureText(line).width > maxWidth) {
+                while (this.measureText(line).width > maxWidth) {
+                    newLine = line[line.length - 1] + newLine;
+                    line = line.slice(0, -1); // Remove last character from line
+                }
+                // Update the array with our new values
+                lines[i] = line;
+                lines[i + 1] = newLine;
+            }
+        }
+        this._chachedText = text;
+        this._chachedLines = lines;
+        this._cachedRenderWidth = maxWidth;
+        return lines;
+    }
+}
+//# sourceMappingURL=FontTextInstance.js.map