melonjs 15.2.1 → 15.4.0

package/dist/melonjs.mjs/geometries/roundrect.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.2.1
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -39,11 +39,8 @@ class RoundRect extends Rect {
 
     /**
      * the radius of the rounded corner
-     * @public
      * @type {number}
      * @default 20
-     * @name radius
-     * @memberof RoundRect
      */
     get radius() {
         return this._radius;
@@ -61,8 +58,6 @@ class RoundRect extends Rect {
 
     /**
      * copy the position, size and radius of the given rounded rectangle into this one
-     * @name copy
-     * @memberof RoundRect
      * @param {RoundRect} rrect - source rounded rectangle
      * @returns {RoundRect} new rectangle
      */
@@ -73,38 +68,38 @@ class RoundRect extends Rect {
     }
 
     /**
-     * Returns true if the rounded rectangle contains the given point
-     * @name contains
-     * @memberof RoundRect
-     * @method
-     * @param  {number} x -  x coordinate
-     * @param  {number} y -  y coordinate
-     * @returns {boolean} true if contains
-     */
-
-    /**
-     * Returns true if the rounded rectangle contains the given point
-     * @name contains
-     * @memberof RoundRect
-     * @param {Vector2d} point
-     * @returns {boolean} true if contains
+     * Returns true if the rounded rectangle contains the given point or rectangle
+     * @param {number|Vector2d|Rect} x -  x coordinate or a vector point, or a Rect to test
+     * @param {number} [y] - y coordinate
+     * @returns {boolean} True if the rounded rectangle contain the given point or rectangle, otherwise false
+     * @example
+     * if (rect.contains(10, 10)) {
+     *   // do something
+     * }
+     * // or
+     * if (rect.contains(myVector2d)) {
+     *   // do something
+     * }
+     * if (rect.contains(myRect)) {
+     *   // do something
+     * }
      */
     contains() {
         let arg0 = arguments[0];
         let _x, _y;
         if (arguments.length === 2) {
-             // x, y
-             _x = arg0;
-             _y = arguments[1];
-         } else {
-             if (arg0 instanceof Rect) {
-                 // good enough
-                 return super.contains(arg0);
-             } else {
-                 // vector
+            // x, y
+            _x = arg0;
+            _y = arguments[1];
+        } else {
+            if ((typeof arg0.radius === "undefined") && (typeof arg0.bottom === "number")) {
+                // it's a rect
+                return super.contains(arg0);
+            } else {
+                // else a vector or point
                 _x = arg0.x;
                 _y = arg0.y;
-             }
+            }
         }
 
         // check whether point is outside the bounding box
@@ -144,8 +139,6 @@ class RoundRect extends Rect {
 
     /**
      * check if this RoundRect is identical to the specified one
-     * @name equals
-     * @memberof RoundRect
      * @param {RoundRect} rrect
      * @returns {boolean} true if equals
      */
@@ -155,8 +148,6 @@ class RoundRect extends Rect {
 
     /**
      * clone this RoundRect
-     * @name clone
-     * @memberof RoundRect
      * @returns {RoundRect} new RoundRect
      */
     clone() {

package/dist/melonjs.mjs/index.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.2.1
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -42,9 +42,9 @@ export { default as UISpriteElement } from './renderable/ui/uispriteelement.js';
 import Collectable from './renderable/collectable.js';
 import Trigger from './renderable/trigger.js';
 import Light2d from './renderable/light2d.js';
-import Text from './text/text.js';
-import BitmapText from './text/bitmaptext.js';
-import BitmapTextData from './text/bitmaptextdata.js';
+import Text from './renderable/text/text.js';
+import BitmapText from './renderable/text/bitmaptext.js';
+import BitmapTextData from './renderable/text/bitmaptextdata.js';
 export { Draggable } from './renderable/draggable.js';
 export { DropTarget } from './renderable/dragndrop.js';
 export { default as TMXRenderer } from './level/tiled/renderer/TMXRenderer.js';
@@ -112,7 +112,7 @@ import { initKeyboardEvent } from './input/keyboard.js';
  * @name version
  * @type {string}
  */
-const version = "15.2.1";
+const version = "15.4.0";
 
 /**
  * a flag indicating that melonJS is fully initialized
@@ -232,7 +232,7 @@ function boot() {
 // call the library init function when ready
 onReady(() => {
     {
-       boot();
+        boot();
     }
 });
 

package/dist/melonjs.mjs/input/gamepad.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.2.1
+ * 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/input/input.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.2.1
+ * 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/input/keyboard.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.2.1
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -102,14 +102,14 @@ let keyUpEvent = function (e, keyCode, mouseButton) {
  * PUBLIC STUFF
  */
 
- /**
+/**
   * the default target element for keyboard events (usually the window element in which the game is running)
   * @public
   * @type {EventTarget}
   * @name keyBoardEventTarget
   * @memberof input
   */
- let keyBoardEventTarget = null;
+let keyBoardEventTarget = null;
 
 /**
  * standard keyboard constants

package/dist/melonjs.mjs/input/pointer.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.2.1
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -135,7 +135,7 @@ class Pointer extends Bounds {
          */
         this.clientX = 0;
 
-       /**
+        /**
         * the vertical coordinate within the application's client area at which the event occurred
         * @public
         * @type {number}
@@ -155,7 +155,7 @@ class Pointer extends Bounds {
          */
         this.movementX = 0;
 
-       /**
+        /**
         * the difference in the Y coordinate of the pointer since the previous move event
         * @public
         * @type {number}
@@ -279,7 +279,7 @@ class Pointer extends Bounds {
          */
         this.gameLocalY = 0;
 
-       /**
+        /**
         * The unique identifier of the contact for a touch, mouse or pen
         * @public
         * @type {number}

package/dist/melonjs.mjs/input/pointerevent.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.2.1
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -165,10 +165,9 @@ function enablePointerEvent() {
         }
 
         // if time interval <= 16, disable the feature
-        let i;
         let events = findAllActiveEvents(activeEventList, POINTER_MOVE);
         if (throttlingInterval < 17) {
-            for (i = 0; i < events.length; i++) {
+            for (let i = 0; i < events.length; i++) {
                 if (activeEventList.indexOf(events[i]) !== -1) {
                     pointerEventTarget.addEventListener(
                         events[i],
@@ -180,7 +179,7 @@ function enablePointerEvent() {
             }
         }
         else {
-            for (i = 0; i < events.length; i++) {
+            for (let i = 0; i < events.length; i++) {
                 if (activeEventList.indexOf(events[i]) !== -1) {
                     pointerEventTarget.addEventListener(
                         events[i],
@@ -490,14 +489,14 @@ function onPointerEvent(e) {
  * PUBLIC STUFF
  */
 
- /**
+/**
   * the default target element for pointer events (usually the canvas element in which the game is rendered)
   * @public
   * @type {EventTarget}
   * @name pointerEventTarget
   * @memberof input
   */
- let pointerEventTarget = null;
+let pointerEventTarget = null;
 
 /**
  * Pointer information (current position and size)
@@ -620,7 +619,7 @@ function unbindPointer(button) {
     // clear the event status
     pointer.bind[
         typeof(button) === "undefined" ?
-        pointer.LEFT : button
+            pointer.LEFT : button
     ] = null;
 }
 

package/dist/melonjs.mjs/lang/console.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.2.1
+ * 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/lang/deprecated.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.2.1
+ * melonJS Game Engine - v15.4.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -107,7 +107,7 @@ Renderer.prototype.getScreenContext = function()  {
  * @deprecated since 14.0.0
  * @see UISpriteElement
  */
- class GUI_Object extends UISpriteElement {
+class GUI_Object extends UISpriteElement {
     /**
      * @param {number} x - the x coordinate of the GUI Object
      * @param {number} y - the y coordinate of the GUI Object

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

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.2.1
+ * 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/TMXGroup.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.2.1
+ * 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/TMXLayer.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.2.1
+ * 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.2.1
+ * 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.2.1
+ * 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.2.1
+ * 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.2.1
+ * 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.2.1
+ * 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 = [];