excalibur 0.25.2 → 0.25.3

package/build/dist/Graphics/Graphic.js

@@ -0,0 +1,200 @@
+import { Vector, vec } from '../Math/vector';
+import { BoundingBox } from '../Collision/BoundingBox';
+import { Matrix } from '..';
+import { watch } from '../Util/Watch';
+/**
+ * A Graphic is the base Excalibur primitive for something that can be drawn to the [[ExcaliburGraphicsContext]].
+ * [[Sprite]], [[Animation]], [[GraphicsGroup]], [[Canvas]], [[Rectangle]], [[Circle]], and [[Polygon]] all derive from the
+ * [[Graphic]] abstract class.
+ *
+ * Implementors of a Graphic must override the abstract [[Graphic._drawImage]] method to render an image to the graphics context. Graphic
+ * handles all the position, rotation, and scale transformations in [[Graphic._preDraw]] and [[Graphic._postDraw]]
+ */
+export class Graphic {
+    constructor(options) {
+        var _a, _b, _c, _d, _e, _f;
+        this.id = Graphic._ID++;
+        this.transform = Matrix.identity();
+        this._transformStale = true;
+        /**
+         * Gets or sets wether to show debug information about the graphic
+         */
+        this.showDebug = false;
+        this._flipHorizontal = false;
+        this._flipVertical = false;
+        this._rotation = 0;
+        /**
+         * Gets or sets the opacity of the graphic, 0 is transparent, 1 is solid (opaque).
+         */
+        this.opacity = 1;
+        this._scale = Vector.One;
+        this._origin = null;
+        this._width = 0;
+        this._height = 0;
+        if (options) {
+            this.origin = (_a = options.origin) !== null && _a !== void 0 ? _a : this.origin;
+            this.flipHorizontal = (_b = options.flipHorizontal) !== null && _b !== void 0 ? _b : this.flipHorizontal;
+            this.flipVertical = (_c = options.flipVertical) !== null && _c !== void 0 ? _c : this.flipVertical;
+            this.rotation = (_d = options.rotation) !== null && _d !== void 0 ? _d : this.rotation;
+            this.opacity = (_e = options.opacity) !== null && _e !== void 0 ? _e : this.opacity;
+            this.scale = (_f = options.scale) !== null && _f !== void 0 ? _f : this.scale;
+        }
+    }
+    isStale() {
+        return this._transformStale;
+    }
+    /**
+     * Gets or sets the flipHorizontal, which will flip the graphic horizontally (across the y axis)
+     */
+    get flipHorizontal() {
+        return this._flipHorizontal;
+    }
+    set flipHorizontal(value) {
+        this._flipHorizontal = value;
+        this._transformStale = true;
+    }
+    /**
+     * Gets or sets the flipVertical, which will flip the graphic vertically (across the x axis)
+     */
+    get flipVertical() {
+        return this._flipVertical;
+    }
+    set flipVertical(value) {
+        this._flipVertical = value;
+        this._transformStale = true;
+    }
+    /**
+     * Gets or sets the rotation of the graphic
+     */
+    get rotation() {
+        return this._rotation;
+    }
+    set rotation(value) {
+        this._rotation = value;
+        this._transformStale = true;
+    }
+    /**
+     * Gets or sets the scale of the graphic, this affects the width and
+     */
+    get scale() {
+        return this._scale;
+    }
+    set scale(value) {
+        this._scale = watch(value, () => {
+            this._transformStale = true;
+        });
+        this._transformStale = true;
+    }
+    /**
+     * Gets or sets the origin of the graphic, if not set the center of the graphic is the origin
+     */
+    get origin() {
+        return this._origin;
+    }
+    set origin(value) {
+        this._origin = watch(value, () => {
+            this._transformStale = true;
+        });
+        this._transformStale = true;
+    }
+    cloneGraphicOptions() {
+        return {
+            origin: this.origin ? this.origin.clone() : null,
+            flipHorizontal: this.flipHorizontal,
+            flipVertical: this.flipVertical,
+            rotation: this.rotation,
+            opacity: this.opacity,
+            scale: this.scale ? this.scale.clone() : null
+        };
+    }
+    /**
+     * Gets or sets the width of the graphic (always positive)
+     */
+    get width() {
+        return Math.abs(this._width * this.scale.x);
+    }
+    /**
+     * Gets or sets the height of the graphic (always positive)
+     */
+    get height() {
+        return Math.abs(this._height * this.scale.y);
+    }
+    set width(value) {
+        this._width = value;
+        this._transformStale = true;
+    }
+    set height(value) {
+        this._height = value;
+        this._transformStale = true;
+    }
+    /**
+     * Gets a copy of the bounds in pixels occupied by the graphic on the the screen. This includes scale.
+     */
+    get localBounds() {
+        return BoundingBox.fromDimension(this.width, this.height, Vector.Zero);
+    }
+    /**
+     * Draw the whole graphic to the context including transform
+     * @param ex The excalibur graphics context
+     * @param x
+     * @param y
+     */
+    draw(ex, x, y) {
+        this._preDraw(ex, x, y);
+        this._drawImage(ex, 0, 0);
+        this._postDraw(ex);
+    }
+    /**
+     * Apply affine transformations to the graphics context to manipulate the graphic before [[Graphic._drawImage]]
+     * @param ex
+     * @param x
+     * @param y
+     */
+    _preDraw(ex, x, y) {
+        ex.save();
+        ex.translate(x, y);
+        if (this._transformStale) {
+            this.transform.reset();
+            this.transform.scale(Math.abs(this.scale.x), Math.abs(this.scale.y));
+            this._rotate(this.transform);
+            this._flip(this.transform);
+            this._transformStale = false;
+        }
+        ex.multiply(this.transform);
+        // it is important to multiply alphas so graphics respect the current context
+        ex.opacity = ex.opacity * this.opacity;
+    }
+    _rotate(ex) {
+        var _a;
+        const scaleDirX = this.scale.x > 0 ? 1 : -1;
+        const scaleDirY = this.scale.y > 0 ? 1 : -1;
+        const origin = (_a = this.origin) !== null && _a !== void 0 ? _a : vec(this.width / 2, this.height / 2);
+        ex.translate(origin.x, origin.y);
+        ex.rotate(this.rotation);
+        // This is for handling direction changes 1 or -1, that way we don't have mismatched translates()
+        ex.scale(scaleDirX, scaleDirY);
+        ex.translate(-origin.x, -origin.y);
+    }
+    _flip(ex) {
+        if (this.flipHorizontal) {
+            ex.translate(this.width / this.scale.x, 0);
+            ex.scale(-1, 1);
+        }
+        if (this.flipVertical) {
+            ex.translate(0, this.height / this.scale.y);
+            ex.scale(1, -1);
+        }
+    }
+    /**
+     * Apply any additional work after [[Graphic._drawImage]] and restore the context state.
+     * @param ex
+     */
+    _postDraw(ex) {
+        if (this.showDebug) {
+            ex.debug.drawRect(0, 0, this.width, this.height);
+        }
+        ex.restore();
+    }
+}
+Graphic._ID = 0;
+//# sourceMappingURL=Graphic.js.map

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

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

package/build/dist/Graphics/GraphicsComponent.js

@@ -0,0 +1,290 @@
+import { Vector, vec } from '../Math/vector';
+import { Graphic } from './Graphic';
+import { Logger } from '../Util/Log';
+import { BoundingBox } from '../Collision/Index';
+import { Component } from '../EntityComponentSystem/Component';
+/**
+ * Type guard for checking if a Graphic HasTick (used for graphics that change over time like animations)
+ * @param graphic
+ */
+export function hasGraphicsTick(graphic) {
+    return !!graphic.tick;
+}
+export class GraphicsLayer {
+    constructor(_options, _graphics) {
+        this._options = _options;
+        this._graphics = _graphics;
+        this.graphics = [];
+    }
+    get name() {
+        return this._options.name;
+    }
+    hide(nameOrGraphic) {
+        if (!nameOrGraphic) {
+            this.graphics.length = 0;
+        }
+        else {
+            let gfx = null;
+            if (nameOrGraphic instanceof Graphic) {
+                gfx = nameOrGraphic;
+            }
+            else {
+                gfx = this._graphics.getGraphic(nameOrGraphic);
+            }
+            this.graphics = this.graphics.filter((g) => g.graphic !== gfx);
+        }
+    }
+    /**
+     * Show a graphic by name or instance at an offset, graphics are shown in the order in which `show()` is called.
+     *
+     * If `show()` is called multiple times for the same graphic it will be shown multiple times.
+     * @param nameOrGraphic
+     * @param options
+     */
+    show(nameOrGraphic, options) {
+        options = { ...options };
+        let gfx;
+        if (nameOrGraphic instanceof Graphic) {
+            gfx = this._graphics.copyGraphics ? nameOrGraphic.clone() : nameOrGraphic;
+        }
+        else {
+            gfx = this._graphics.getGraphic(nameOrGraphic);
+            if (!gfx) {
+                Logger.getInstance().error(`No such graphic added to component named ${nameOrGraphic}. These named graphics are available: `, this._graphics.getNames());
+            }
+        }
+        if (gfx) {
+            this.graphics.push({ graphic: gfx, options });
+            return gfx;
+        }
+        else {
+            return null;
+        }
+    }
+    /**
+     * Use a specific graphic, swap out any current graphics being shown
+     * @param nameOrGraphic
+     * @param options
+     */
+    use(nameOrGraphic, options) {
+        options = { ...options };
+        this.hide();
+        return this.show(nameOrGraphic, options);
+    }
+    /**
+     * Current order of the layer, higher numbers are on top, lower numbers are on the bottom.
+     *
+     * For example a layer with `order = -1` would be under a layer of `order = 1`
+     */
+    get order() {
+        return this._options.order;
+    }
+    /**
+     * Set the order of the layer, higher numbers are on top, lower numbers are on the bottom.
+     *
+     * For example a layer with `order = -1` would be under a layer of `order = 1`
+     */
+    set order(order) {
+        this._options.order = order;
+    }
+    /**
+     * Get or set the pixel offset from the layer anchor for all graphics in the layer
+     */
+    get offset() {
+        var _a;
+        return (_a = this._options.offset) !== null && _a !== void 0 ? _a : Vector.Zero;
+    }
+    set offset(value) {
+        this._options.offset = value;
+    }
+    get currentKeys() {
+        var _a;
+        return (_a = this.name) !== null && _a !== void 0 ? _a : 'anonymous';
+    }
+}
+export class GraphicsLayers {
+    constructor(_component) {
+        this._component = _component;
+        this._layers = [];
+        this._layerMap = {};
+        this.default = new GraphicsLayer({ name: 'default', order: 0 }, _component);
+        this._maybeAddLayer(this.default);
+    }
+    create(options) {
+        const layer = new GraphicsLayer(options, this._component);
+        return this._maybeAddLayer(layer);
+    }
+    get(name) {
+        if (name) {
+            return this._getLayer(name);
+        }
+        return this._layers;
+    }
+    currentKeys() {
+        const graphicsLayerKeys = [];
+        for (const layer of this._layers) {
+            graphicsLayerKeys.push(layer.currentKeys);
+        }
+        return graphicsLayerKeys;
+    }
+    has(name) {
+        return name in this._layerMap;
+    }
+    _maybeAddLayer(layer) {
+        if (this._layerMap[layer.name]) {
+            // todo log warning
+            return this._layerMap[layer.name];
+        }
+        this._layerMap[layer.name] = layer;
+        this._layers.push(layer);
+        this._layers.sort((a, b) => a.order - b.order);
+        return layer;
+    }
+    _getLayer(name) {
+        return this._layerMap[name];
+    }
+}
+/**
+ * Component to manage drawings, using with the position component
+ */
+export class GraphicsComponent extends Component {
+    constructor(options) {
+        super();
+        this.type = 'ex.graphics';
+        this._graphics = {};
+        /**
+         * Sets or gets wether any drawing should be visible in this component
+         */
+        this.visible = true;
+        /**
+         * Sets or gets wither all drawings should have an opacity applied
+         */
+        this.opacity = 1;
+        /**
+         * Offset to apply to graphics by default
+         */
+        this.offset = Vector.Zero;
+        /**
+         * Anchor to apply to graphics by default
+         */
+        this.anchor = Vector.Half;
+        /**
+         * If set to true graphics added to the component will be copied. This can affect performance
+         */
+        this.copyGraphics = false;
+        this._bounds = null;
+        // Defaults
+        options = {
+            visible: this.visible,
+            ...options
+        };
+        const { current, anchor, opacity, visible, graphics, offset, copyGraphics, onPreDraw, onPostDraw } = options;
+        this._graphics = graphics || {};
+        this.offset = offset !== null && offset !== void 0 ? offset : this.offset;
+        this.opacity = opacity !== null && opacity !== void 0 ? opacity : this.opacity;
+        this.anchor = anchor !== null && anchor !== void 0 ? anchor : this.anchor;
+        this.copyGraphics = copyGraphics !== null && copyGraphics !== void 0 ? copyGraphics : this.copyGraphics;
+        this.onPreDraw = onPreDraw !== null && onPreDraw !== void 0 ? onPreDraw : this.onPreDraw;
+        this.onPostDraw = onPostDraw !== null && onPostDraw !== void 0 ? onPostDraw : this.onPostDraw;
+        this.visible = !!visible;
+        this.layers = new GraphicsLayers(this);
+        if (current && this._graphics[current]) {
+            this.show(this._graphics[current]);
+        }
+    }
+    getGraphic(name) {
+        return this._graphics[name];
+    }
+    /**
+     * Get registered graphics names
+     */
+    getNames() {
+        return Object.keys(this._graphics);
+    }
+    /**
+     * Returns the currently displayed graphics and their offsets, empty array if hidden
+     */
+    get current() {
+        return this.layers.default.graphics;
+    }
+    /**
+     * Returns all graphics associated with this component
+     */
+    get graphics() {
+        return this._graphics;
+    }
+    add(nameOrGraphic, graphic) {
+        let name = 'default';
+        let graphicToSet = null;
+        if (typeof nameOrGraphic === 'string') {
+            name = nameOrGraphic;
+            graphicToSet = graphic;
+        }
+        else {
+            graphicToSet = nameOrGraphic;
+        }
+        this._graphics[name] = this.copyGraphics ? graphicToSet.clone() : graphicToSet;
+        if (name === 'default') {
+            this.show('default');
+        }
+        return graphicToSet;
+    }
+    /**
+     * Show a graphic by name on the **default** layer, returns the new [[Graphic]]
+     */
+    show(nameOrGraphic, options) {
+        return this.layers.default.show(nameOrGraphic, options);
+    }
+    /**
+     * Use a graphic only, swap out any graphics on the **default** layer, returns the new [[Graphic]]
+     * @param nameOrGraphic
+     * @param options
+     */
+    use(nameOrGraphic, options) {
+        return this.layers.default.use(nameOrGraphic, options);
+    }
+    hide(nameOrGraphic) {
+        this.layers.default.hide(nameOrGraphic);
+    }
+    set localBounds(bounds) {
+        this._bounds = bounds;
+    }
+    get localBounds() {
+        if (this._bounds) {
+            return this._bounds;
+        }
+        let bb = new BoundingBox();
+        for (const layer of this.layers.get()) {
+            for (const { graphic, options } of layer.graphics) {
+                let anchor = this.anchor;
+                let offset = this.offset;
+                if (options === null || options === void 0 ? void 0 : options.anchor) {
+                    anchor = options.anchor;
+                }
+                if (options === null || options === void 0 ? void 0 : options.offset) {
+                    offset = options.offset;
+                }
+                const bounds = graphic.localBounds;
+                const offsetX = -bounds.width * anchor.x + offset.x;
+                const offsetY = -bounds.height * anchor.y + offset.y;
+                bb = graphic === null || graphic === void 0 ? void 0 : graphic.localBounds.translate(vec(offsetX + layer.offset.x, offsetY + layer.offset.y)).combine(bb);
+            }
+        }
+        return bb;
+    }
+    /**
+     * Update underlying graphics if necesary, called internally
+     * @param elapsed
+     * @internal
+     */
+    update(elapsed, idempotencyToken = 0) {
+        for (const layer of this.layers.get()) {
+            for (const { graphic } of layer.graphics) {
+                if (hasGraphicsTick(graphic)) {
+                    graphic === null || graphic === void 0 ? void 0 : graphic.tick(elapsed, idempotencyToken);
+                }
+            }
+        }
+    }
+}
+//# sourceMappingURL=GraphicsComponent.js.map

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

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

package/build/dist/Graphics/GraphicsDiagnostics.js

@@ -0,0 +1,9 @@
+export class GraphicsDiagnostics {
+    static clear() {
+        GraphicsDiagnostics.DrawCallCount = 0;
+        GraphicsDiagnostics.DrawnImagesCount = 0;
+    }
+}
+GraphicsDiagnostics.DrawCallCount = 0;
+GraphicsDiagnostics.DrawnImagesCount = 0;
+//# sourceMappingURL=GraphicsDiagnostics.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GraphicsDiagnostics.js","sourceRoot":"","sources":["../../../src/engine/Graphics/GraphicsDiagnostics.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,mBAAmB;IAGvB,MAAM,CAAC,KAAK;QACjB,mBAAmB,CAAC,aAAa,GAAG,CAAC,CAAC;QACtC,mBAAmB,CAAC,gBAAgB,GAAG,CAAC,CAAC;IAC3C,CAAC;;AALa,iCAAa,GAAW,CAAC,CAAC;AAC1B,oCAAgB,GAAW,CAAC,CAAC"}

package/build/dist/Graphics/GraphicsGroup.js

@@ -0,0 +1,69 @@
+import { Graphic } from './Graphic';
+import { Animation } from './Animation';
+import { BoundingBox } from '../Collision/Index';
+export class GraphicsGroup extends Graphic {
+    constructor(options) {
+        super(options);
+        this.members = [];
+        this.members = options.members;
+        this._updateDimensions();
+    }
+    clone() {
+        return new GraphicsGroup({
+            members: [...this.members],
+            ...this.cloneGraphicOptions()
+        });
+    }
+    _updateDimensions() {
+        let bb = new BoundingBox();
+        for (const { graphic, pos } of this.members) {
+            bb = graphic.localBounds.translate(pos).combine(bb);
+        }
+        this.width = bb.width;
+        this.height = bb.height;
+        return bb;
+    }
+    get localBounds() {
+        let bb = new BoundingBox();
+        for (const { graphic, pos } of this.members) {
+            bb = graphic.localBounds.translate(pos).combine(bb);
+        }
+        return bb;
+    }
+    _isAnimationOrGroup(graphic) {
+        return graphic instanceof Animation || graphic instanceof GraphicsGroup;
+    }
+    tick(elapsedMilliseconds, idempotencyToken) {
+        for (const member of this.members) {
+            const maybeAnimation = member.graphic;
+            if (this._isAnimationOrGroup(maybeAnimation)) {
+                maybeAnimation.tick(elapsedMilliseconds, idempotencyToken);
+            }
+        }
+    }
+    reset() {
+        for (const member of this.members) {
+            const maybeAnimation = member.graphic;
+            if (this._isAnimationOrGroup(maybeAnimation)) {
+                maybeAnimation.reset();
+            }
+        }
+    }
+    _preDraw(ex, x, y) {
+        this._updateDimensions();
+        super._preDraw(ex, x, y);
+    }
+    _drawImage(ex, x, y) {
+        for (const member of this.members) {
+            ex.save();
+            ex.translate(x, y);
+            member.graphic.draw(ex, member.pos.x, member.pos.y);
+            if (this.showDebug) {
+                /* istanbul ignore next */
+                ex.debug.drawRect(0, 0, this.width, this.height);
+            }
+            ex.restore();
+        }
+    }
+}
+//# sourceMappingURL=GraphicsGroup.js.map

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

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