melonjs 15.3.0 → 15.4.0

package/dist/melonjs.mjs/level/tiled/TMXLayer.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.3.0
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -11,7 +11,6 @@ import { applyTMXProperties, decode } from './TMXUtils.js';
 import Tile from './TMXTile.js';
 import Renderable from '../../renderable/renderable.js';
 import CanvasRenderer from '../../video/canvas/canvas_renderer.js';
-import { game } from '../../index.js';
 
 /**
  * Create required arrays for the given layer object
@@ -59,32 +58,13 @@ function setLayerData(layer, bounds, data) {
     }
 }
 
-/**
- * preRender a tile layer using the given renderer
- * @ignore
- */
-function preRenderLayer(layer, renderer) {
-    // set everything
-    for (let y = 0; y < layer.rows; y++) {
-        for (let x = 0; x < layer.cols; x++) {
-            // get the value of the gid
-            const tile = layer.layerData[x][y];
-            // draw the tile if defined
-            if (tile instanceof Tile) {
-                // add a new tile to the layer
-                layer.getRenderer().drawTile(renderer, x, y, tile);
-            }
-        }
-    }
-}
-
 /**
  * @classdesc
  * a TMX Tile Layer Object
  * Tiled QT 0.7.x format
  * @augments Renderable
  */
- class TMXLayer extends Renderable {
+class TMXLayer extends Renderable {
     /**
      * @param {object} map - layer data in JSON format ({@link http://docs.mapeditor.org/en/stable/reference/tmx-map-format/#layer})
      * @param {object} data - layer data in JSON format ({@link http://docs.mapeditor.org/en/stable/reference/tmx-map-format/#layer})
@@ -199,11 +179,6 @@ function preRenderLayer(layer, renderer) {
         // check if we have any user-defined properties
         applyTMXProperties(this, data);
 
-        // check for the correct rendering method
-        if (typeof (this.preRender) === "undefined") {
-            this.preRender = game.world.preRender;
-        }
-
         // set a renderer
         this.setRenderer(map.getRenderer());
 
@@ -258,8 +233,11 @@ function preRenderLayer(layer, renderer) {
 
         this.isAnimated = this.animatedTilesets.length > 0;
 
-        // Force pre-render off when tileset animation is used
-        if (this.isAnimated) {
+        // check for the correct rendering method
+        if (typeof this.preRender === "undefined" && this.isAnimated === false) {
+            this.preRender = this.ancestor.getRootAncestor().preRender;
+        } else {
+            // Force pre-render off when tileset animation is used
             this.preRender = false;
         }
 
@@ -271,8 +249,11 @@ function preRenderLayer(layer, renderer) {
                 heigth : this.height,
                 transparent : true
             });
-            preRenderLayer(this, this.canvasRenderer);
+            // pre render the layer on the canvas
+            this.getRenderer().drawTileLayer(this.canvasRenderer, this, this);
         }
+
+        this.isDirty = true;
     }
 
     // called when the layer is removed from the game world or a container
@@ -292,6 +273,7 @@ function preRenderLayer(layer, renderer) {
      */
     setRenderer(renderer) {
         this.renderer = renderer;
+        this.isDirty = true;
     }
 
     /**
@@ -344,6 +326,7 @@ function preRenderLayer(layer, renderer) {
      */
     setTile(tile, x, y) {
         this.layerData[x][y] = tile;
+        this.isDirty = true;
         return tile;
     }
 
@@ -402,6 +385,7 @@ function preRenderLayer(layer, renderer) {
         if (this.preRender) {
             this.canvasRenderer.clearRect(x * this.tilewidth, y * this.tileheight, this.tilewidth, this.tileheight);
         }
+        this.isDirty = true;
     }
 
     /**
@@ -409,14 +393,13 @@ function preRenderLayer(layer, renderer) {
      * @ignore
      */
     update(dt) {
+        let result = this.isDirty;
         if (this.isAnimated) {
-            let result = false;
             for (let i = 0; i < this.animatedTilesets.length; i++) {
                 result = this.animatedTilesets[i].update(dt) || result;
             }
-            return result;
         }
-        return false;
+        return result;
     }
 
     /**

package/dist/melonjs.mjs/level/tiled/TMXObject.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.3.0
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -216,7 +216,6 @@ class TMXObject {
      * @returns {Polygon[]|Line[]|Ellipse[]} an array of shape objects
      */
     parseTMXShapes() {
-        let i = 0;
         let shapes = [];
 
         // add an ellipse shape
@@ -244,7 +243,7 @@ class TMXObject {
                 let p = this.points;
                 let p1, p2;
                 let segments = p.length - 1;
-                for (i = 0; i < segments; i++) {
+                for (let i = 0; i < segments; i++) {
                     // clone the value before, as [i + 1]
                     // is reused later by the next segment
                     p1 = pool.pull("Vector2d", p[i].x, p[i].y);
@@ -271,7 +270,7 @@ class TMXObject {
 
         // Apply isometric projection
         if (this.orientation === "isometric") {
-            for (i = 0; i < shapes.length; i++) {
+            for (let i = 0; i < shapes.length; i++) {
                 if (typeof shapes[i].toIso === "function") {
                     shapes[i].toIso();
                 }

package/dist/melonjs.mjs/level/tiled/TMXTile.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.3.0
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -15,7 +15,7 @@ import { TMX_CLEAR_BIT_MASK, TMX_FLIP_H, TMX_FLIP_V, TMX_FLIP_AD } from './const
  * a basic tile object
  * @augments Bounds
  */
- class Tile extends Bounds {
+class Tile extends Bounds {
     /**
      * @param {number} x - x index of the Tile in the map
      * @param {number} y - y index of the Tile in the map
@@ -115,8 +115,8 @@ import { TMX_CLEAR_BIT_MASK, TMX_FLIP_H, TMX_FLIP_V, TMX_FLIP_AD } from './const
         }
         if (this.flippedY) {
             transform.scale(
-                 this.flippedAD ? -1 : 1, this.flippedAD ? 1 : -1
-             );
+                this.flippedAD ? -1 : 1, this.flippedAD ? 1 : -1
+            );
         }
         transform.translate(-this.width / 2, -this.height / 2);
     }

package/dist/melonjs.mjs/level/tiled/TMXTileMap.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.3.0
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -81,7 +81,7 @@ function readObjectGroup(map, data, z) {
  * a TMX Tile Map Object
  * Tiled QT +0.7.x format
  */
- class TMXTileMap {
+class TMXTileMap {
     /**
      * @param {string} levelId - name of TMX map
      * @param {object} data - TMX map in JSON format
@@ -276,7 +276,7 @@ function readObjectGroup(map, data, z) {
                         image : this.background_image,
                         z : zOrder++
                     }
-            ));
+                ));
         }
 
         data.layers.forEach((layer) => {

package/dist/melonjs.mjs/level/tiled/TMXTileset.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.3.0
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -15,14 +15,11 @@ import { getTMX, getImage } from '../../loader/loader.js';
  * @classdesc
  * a TMX Tile Set Object
  */
- class TMXTileset {
+class TMXTileset {
     /**
      *  @param {object} tileset - tileset data in JSON format ({@link http://docs.mapeditor.org/en/stable/reference/tmx-map-format/#tileset})
      */
     constructor(tileset) {
-        let i = 0;
-        // first gid
-
         // tile properties (collidable, etc..)
         this.TileProperties = [];
 
@@ -84,7 +81,7 @@ import { getTMX, getImage } from '../../loader/loader.js';
         this._lastUpdate = 0;
 
         let tiles = tileset.tiles;
-        for (i in tiles) {
+        for (let i in tiles) {
             if (tiles.hasOwnProperty(i)) {
                 if ("animation" in tiles[i]) {
                     this.isAnimated = true;
@@ -128,7 +125,7 @@ import { getTMX, getImage } from '../../loader/loader.js';
         // set tile properties, if any (JSON old format)
         let tileInfo = tileset.tileproperties;
         if (tileInfo) {
-            for (i in tileInfo) {
+            for (let i in tileInfo) {
                 if (tileInfo.hasOwnProperty(i)) {
                     this.setTileProperty(+i + this.firstgid, tileInfo[i]);
                 }

package/dist/melonjs.mjs/level/tiled/TMXTilesetGroup.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.3.0
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -11,7 +11,7 @@ import { TMX_CLEAR_BIT_MASK } from './constants.js';
  * @classdesc
  * an object containing all tileset
  */
- class TMXTilesetGroup {
+class TMXTilesetGroup {
 
     constructor() {
         this.tilesets = [];

package/dist/melonjs.mjs/level/tiled/TMXUtils.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.3.0
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -116,8 +116,8 @@ function normalize(obj, item) {
     let nodeName = item.nodeName;
 
     switch (nodeName) {
-        case "data":
-            var data = parse(item);  // <= "Unexpected lexical declaration in case block" if using let
+        case "data": {
+            let data = parse(item);
 
             data.encoding = data.encoding || "xml";
 
@@ -145,7 +145,7 @@ function normalize(obj, item) {
                 obj.encoding = "none";
             }
             break;
-
+        }
         case "chunk":
             obj.chunks = obj.chunks || [];
             obj.chunks.push(parse(item));
@@ -154,8 +154,8 @@ function normalize(obj, item) {
         case "imagelayer":
         case "layer":
         case "objectgroup":
-        case "group":
-            var layer = parse(item); //  // <= "Unexpected lexical declaration in case block" if using let
+        case "group": {
+            let layer = parse(item);
             layer.type = (nodeName === "layer" ? "tilelayer" : nodeName);
             if (layer.image) {
                 layer.image = layer.image.source;
@@ -164,20 +164,20 @@ function normalize(obj, item) {
             obj.layers = obj.layers || [];
             obj.layers.push(layer);
             break;
-
+        }
         case "animation":
             obj.animation = parse(item).frames;
             break;
 
         case "frame":
-        case "object":
-            var name = nodeName + "s";  // <= "Unexpected lexical declaration in case block" if using let
+        case "object": {
+            const name = nodeName + "s";
             obj[name] = obj[name] || [];
             obj[name].push(parse(item));
             break;
-
-        case "tile":
-            var tile = parse(item);  // <= "Unexpected lexical declaration in case block" if using let
+        }
+        case "tile": {
+            let tile = parse(item);
             if (tile.image) {
                 tile.imagewidth = tile.image.width;
                 tile.imageheight = tile.image.height;
@@ -186,9 +186,9 @@ function normalize(obj, item) {
             obj.tiles = obj.tiles || {};
             obj.tiles[tile.id] = tile;
             break;
-
-        case "tileset":
-            var tileset = parse(item);  // <= "Unexpected lexical declaration in case block" if using let
+        }
+        case "tileset": {
+            let tileset = parse(item);
             if (tileset.image) {
                 tileset.imagewidth = tileset.image.width;
                 tileset.imageheight = tileset.image.height;
@@ -198,13 +198,13 @@ function normalize(obj, item) {
             obj.tilesets = obj.tilesets || [];
             obj.tilesets.push(tileset);
             break;
-
+        }
         case "polygon":
-        case "polyline":
+        case "polyline": {
             obj[nodeName] = [];
 
             // Get a point array
-            var points = parse(item).points.split(" ");  // <= "Unexpected lexical declaration in case block" if using let
+            let points = parse(item).points.split(" ");
 
             // And normalize them into an array of vectors
             for (let i = 0; i < points.length; i++) {
@@ -216,15 +216,15 @@ function normalize(obj, item) {
             }
 
             break;
-
+        }
         case "properties":
             obj.properties = parse(item);
             break;
 
-        case "property":
-            var property = parse(item);  // <= "Unexpected lexical declaration in case block" if using let
+        case "property": {
+            const property = parse(item);
             // for custom properties, text is used
-            var value = (typeof property.value !== "undefined") ? property.value : property.text;
+            const value = (typeof property.value !== "undefined") ? property.value : property.text;
 
             obj[property.name] = setTMXValue(
                 property.name,
@@ -233,7 +233,7 @@ function normalize(obj, item) {
                 value
             );
             break;
-
+        }
         default:
             obj[nodeName] = parse(item);
             break;
@@ -283,16 +283,13 @@ function decodeCSV(input) {
  * @param {number} [bytes] - number of bytes per array entry
  * @returns {Uint32Array} Decoded data
  */
-function decodeBase64AsArray(input, bytes) {
-    bytes = bytes || 1;
-
-    let i, j, len;
+function decodeBase64AsArray(input, bytes = 1) {
     let dec = globalThis.atob(input.replace(/[^A-Za-z0-9\+\/\=]/g, ""));
     let ar = new Uint32Array(dec.length / bytes);
 
-    for (i = 0, len = dec.length / bytes; i < len; i++) {
+    for (let i = 0, len = dec.length / bytes; i < len; i++) {
         ar[i] = 0;
-        for (j = bytes - 1; j >= 0; --j) {
+        for (let j = bytes - 1; j >= 0; --j) {
             ar[i] += dec.charCodeAt((i * bytes) + j) << (j << 3);
         }
     }

package/dist/melonjs.mjs/level/tiled/constants.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.3.0
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license

package/dist/melonjs.mjs/level/tiled/renderer/TMXHexagonalRenderer.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.3.0
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -29,7 +29,7 @@ const offsetsStaggerY = [
  * an Hexagonal Map Renderder
  * @augments TMXRenderer
  */
- class TMXHexagonalRenderer extends TMXRenderer {
+class TMXHexagonalRenderer extends TMXRenderer {
     /**
      * @param {TMXTileMap} map - the TMX map
      */
@@ -395,7 +395,7 @@ const offsetsStaggerY = [
         let rowTile = startTile.clone();
         let rowPos = startPos.clone();
 
-       /* Determine in which half of the tile the top-left corner of the area we
+        /* Determine in which half of the tile the top-left corner of the area we
         * need to draw is. If we're in the upper half, we need to start one row
         * up due to those tiles being visible as well. How we go up one row
         * depends on whether we're in the left or right half of the tile.

package/dist/melonjs.mjs/level/tiled/renderer/TMXIsometricRenderer.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.3.0
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -15,7 +15,7 @@ import TMXLayer from '../TMXLayer.js';
  * an Isometric Map Renderder
  * @augments TMXRenderer
  */
- class TMXIsometricRenderer extends TMXRenderer {
+class TMXIsometricRenderer extends TMXRenderer {
     /**
      * @param {TMXTileMap} map - the TMX map
      */

package/dist/melonjs.mjs/level/tiled/renderer/TMXOrthogonalRenderer.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.3.0
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -14,7 +14,7 @@ import TMXRenderer from './TMXRenderer.js';
  * an Orthogonal Map Renderder
  * @augments TMXRenderer
  */
- class TMXOrthogonalRenderer extends TMXRenderer {
+class TMXOrthogonalRenderer extends TMXRenderer {
     /**
      * @param {TMXTileMap} map - the TMX map
      */

package/dist/melonjs.mjs/level/tiled/renderer/TMXRenderer.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.3.0
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -16,7 +16,7 @@ import Bounds from '../../../physics/bounds.js';
  * @classdesc
  * The map renderer base class
  */
- class TMXRenderer {
+class TMXRenderer {
     /**
      * @param {number} cols - width of the tilemap in tiles
      * @param {number} rows - height of the tilemap in tiles

package/dist/melonjs.mjs/level/tiled/renderer/TMXStaggeredRenderer.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.3.0
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -15,7 +15,7 @@ import { degToRad } from '../../../math/math.js';
  * a Staggered Map Renderder
  * @augments TMXHexagonalRenderer
  */
- class TMXStaggeredRenderer extends TMXHexagonalRenderer {
+class TMXStaggeredRenderer extends TMXHexagonalRenderer {
 
     /**
      * return true if the renderer can render the specified layer

package/dist/melonjs.mjs/level/tiled/renderer/autodetect.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.3.0
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license

package/dist/melonjs.mjs/loader/cache.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.3.0
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license

package/dist/melonjs.mjs/loader/loader.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.3.0
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license

package/dist/melonjs.mjs/loader/loadingscreen.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.3.0
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license

package/dist/melonjs.mjs/loader/melonjs_logo.png.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.3.0
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license

package/dist/melonjs.mjs/loader/parser.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.3.0
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -128,7 +128,7 @@ function preloadTMX(tmxData, onload, onerror) {
                 switch (format) {
                     case "xml":
                     case "tmx":
-                    case "tsx":
+                    case "tsx": {
                         // ie9 does not fully implement the responseXML
                         if (ua.match(/msie/i) || !xmlhttp.responseXML) {
                             if (globalThis.DOMParser) {
@@ -142,7 +142,7 @@ function preloadTMX(tmxData, onload, onerror) {
                             result = xmlhttp.responseXML;
                         }
                         // converts to a JS object
-                        var data = parse(result); // <= "Unexpected lexical declaration in case block" if using let
+                        const data = parse(result);
                         switch (format) {
                             case "tmx":
                                 result = data.map;
@@ -152,9 +152,8 @@ function preloadTMX(tmxData, onload, onerror) {
                                 result = data.tilesets[0];
                                 break;
                         }
-
                         break;
-
+                    }
                     case "json":
                     case "tmj":
                     case "tsj":

package/dist/melonjs.mjs/loader/settings.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.3.0
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license

package/dist/melonjs.mjs/math/color.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.3.0
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -189,7 +189,7 @@ let cssToRGB = new Map();
  * @classdesc
  * A color manipulation object.
  */
- class Color {
+class Color {
     /**
      * @param {number} [r=0] - red component or array of color components
      * @param {number} [g=0] - green component

package/dist/melonjs.mjs/math/math.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.3.0
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license