melonjs 15.0.0 → 15.1.0

package/README.md

@@ -2,7 +2,6 @@ melonJS 2
 =========
 ![melonJS Logo](https://github.com/melonjs/melonJS/raw/master/media/Banner/Banner%20-%20Billboard%20-%20Original%20Logo%20-%20horizontal.png)
 
-[![Build Status](https://travis-ci.org/melonjs/melonJS.svg)](https://travis-ci.org/melonjs/melonJS)
 [![Build Size](https://badgen.net/bundlephobia/minzip/melonjs)](https://bundlephobia.com/result?p=melonjs)
 [![Tree-shaking](https://badgen.net/bundlephobia/tree-shaking/react-colorful)](https://bundlephobia.com/result?p=melonjs)
 [![NPM Package](https://img.shields.io/npm/v/melonjs)](https://www.npmjs.com/package/melonjs)
@@ -15,7 +14,7 @@ A fresh, _modern_ & lightweight HTML5 game engine
 -------------------------------------------------------------------------------
 ![melonJS](https://melonjs.org/img/alex4-github.png)
 
-melonJS 2 is a modern version of the melonJS game engine. It has been rebuilt almost entirely using ES6 class, inheritance and semantic, and is bundled using Rollup to provide modern features such as transpiling and tree-shaking.
+melonJS 2 is a modern version of the melonJS game engine. It has been rebuilt entirely using ES6 class, inheritance and semantic, and bundled using Rollup to provide modern features such as transpiling and tree-shaking.
 
 >Note: migrating an existing project to melonJS 2 (version 10.0 and higher) will definitely break your game (ES6 semantic, no more Jay inheritance, nodeJS event emitter, and no backward compatibility with deprecated legacy APIs), and you might want to read first this small step by step guide on [upgrading to melonJS 2](https://github.com/melonjs/melonJS/wiki/Upgrading-to-melonJS-2). If you are looking at the legacy version (9.x and lower) of melonJS, you can find it [here](https://github.com/melonjs/melonJS/tree/legacy) under the _legacy_ branch.
 
@@ -53,8 +52,8 @@ Input
 - Device motion & accelerometer support
 
 Level Editor
-- Tiled map format version +1.0 integration for easy level design
-    - Uncompressed Plain, Base64, CSV and JSON encoded XML tilemap loading
+- Tiled map format version +1.0 built-in support for easy level design
+    - Uncompressed and [compressed](https://github.com/melonjs/tiled-inflate-plugin) Plain, Base64, CSV and JSON encoded XML tilemap loading
     - Orthogonal, Isometric and Hexagonal maps (both normal and staggered)
     - Multiple layers (multiple background/foreground, collision and Image layers)
     - Animated and multiple Tileset support
@@ -111,6 +110,7 @@ A few demos of melonJS capabilities :
 * [Masking Demo](https://melonjs.github.io/examples/masking/) (WARNING: may potentially trigger seizures for people with photosensitive epilepsy)
 * [Primitive Drawing Demo](https://melonjs.github.io/examples/graphics/)
 * [UI Demo](https://melonjs.github.io/examples/UI/)
+* [Tiled Map Loader Demo](https://melonjs.github.io/examples/tiled_example_loader/)
 
 More examples are available [here](https://melonjs.github.io/examples/)
 

package/dist/melonjs.mjs/_virtual/_commonjsHelpers.js

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

package/dist/melonjs.mjs/_virtual/arraymultimap.js

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

package/dist/melonjs.mjs/_virtual/earcut.js

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

package/dist/melonjs.mjs/_virtual/howler.js

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

package/dist/melonjs.mjs/_virtual/index.js

@@ -1,10 +1,14 @@
 /*!
- * melonJS Game Engine - v15.0.0
+ * melonJS Game Engine - v15.1.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
  * @copyright (C) 2011 - 2023 Olivier Biot (AltByte Pte Ltd)
  */
-var src = {};
+var eventemitter3Exports = {};
+var eventemitter3 = {
+  get exports(){ return eventemitter3Exports; },
+  set exports(v){ eventemitter3Exports = v; },
+};
 
-export { src as __exports };
+export { eventemitter3 as __module, eventemitter3Exports as exports };

package/dist/melonjs.mjs/_virtual/index2.js

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

package/dist/melonjs.mjs/_virtual/multimap.js

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

package/dist/melonjs.mjs/_virtual/setmultimap.js

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

package/dist/melonjs.mjs/application/application.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.0.0
+ * melonJS Game Engine - v15.1.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -34,13 +34,14 @@ import { WEBGL, CANVAS, AUTO } from '../const.js';
      * @param {number|string} [options.scale=1.0] - enable scaling of the canvas ('auto' for automatic scaling)
      * @param {string} [options.scaleMethod="fit"] - screen scaling modes ('fit','fill-min','fill-max','flex','flex-width','flex-height','stretch')
      * @param {boolean} [options.preferWebGL1=false] - if true the renderer will only use WebGL 1
+     * @param {boolean} [options.depthTest="sorting"] - ~Experimental~ the default method to sort object on the z axis in WebGL ("sorting", "z-buffer")
      * @param {string} [options.powerPreference="default"] - a hint to the user agent indicating what configuration of GPU is suitable for the WebGL context ("default", "high-performance", "low-power"). To be noted that Safari and Chrome (since version 80) both default to "low-power" to save battery life and improve the user experience on these dual-GPU machines.
      * @param {boolean} [options.transparent=false] - whether to allow transparent pixels in the front buffer (screen).
      * @param {boolean} [options.antiAlias=false] - whether to enable or not video scaling interpolation
      * @param {boolean} [options.consoleHeader=true] - whether to display melonJS version and basic device information in the console
      * @throws Will throw an exception if it fails to instantiate a renderer
      * @example
-     * var my game = new Application(640, 480, {renderer: me.video.AUTO}) {
+     * let my game = new Application(640, 480, {renderer: me.video.AUTO}) {
      *     ....
      * }
      */
@@ -79,14 +80,6 @@ import { WEBGL, CANVAS, AUTO } from '../const.js';
          */
         this.mergeGroup = true;
 
-        /**
-         * Specify the property to be used when sorting renderables.
-         * Accepted values : "x", "y", "z"
-         * @type {string}
-         * @default "z"
-         */
-        this.sortOn = "z";
-
         /**
          * Last time the game update loop was executed. <br>
          * Use this value to implement frame prediction in drawing events,
@@ -151,6 +144,7 @@ import { WEBGL, CANVAS, AUTO } from '../const.js';
         this.settings.transparent = !!(this.settings.transparent);
         this.settings.antiAlias = !!(this.settings.antiAlias);
         this.settings.failIfMajorPerformanceCaveat = !!(this.settings.failIfMajorPerformanceCaveat);
+        this.settings.depthTest = this.settings.depthTest === "z-buffer" ? "z-buffer" : "sorting";
         this.settings.subPixel = !!(this.settings.subPixel);
         this.settings.verbose = !!(this.settings.verbose);
         if (this.settings.scaleMethod.search(/^(fill-(min|max)|fit|flex(-(width|height))?|stretch)$/) !== -1) {
@@ -162,7 +156,7 @@ import { WEBGL, CANVAS, AUTO } from '../const.js';
         }
 
         // override renderer settings if &webgl or &canvas is defined in the URL
-        var uriFragment = utils.getUriFragment();
+        let uriFragment = utils.getUriFragment();
         if (uriFragment.webgl === true || uriFragment.webgl1 === true || uriFragment.webgl2 === true) {
             this.settings.renderer = WEBGL;
             if (uriFragment.webgl1 === true) {
@@ -190,14 +184,14 @@ import { WEBGL, CANVAS, AUTO } from '../const.js';
                     break;
             }
         } else {
-            var CustomRenderer = this.settings.renderer;
+            let CustomRenderer = this.settings.renderer;
             // a renderer class
             this.renderer = new CustomRenderer(this.settings);
         }
 
         // register to the channel
-        on(WINDOW_ONRESIZE, () => { onresize(this); }, this);
-        on(WINDOW_ONORIENTATION_CHANGE, () => { onresize(this); }, this);
+        on(WINDOW_ONRESIZE, () => onresize(this), this);
+        on(WINDOW_ONORIENTATION_CHANGE, () => onresize(this), this);
 
         // add our canvas (default to document.body if settings.parent is undefined)
         this.parentElement = getElement(this.settings.parent);
@@ -215,7 +209,7 @@ import { WEBGL, CANVAS, AUTO } from '../const.js';
         // add an observer to detect when the dom tree is modified
         if ("MutationObserver" in globalThis) {
             // Create an observer instance linked to the callback function
-            var observer = new MutationObserver(onresize.bind(this, this));
+            let observer = new MutationObserver(() => onresize(this));
 
             // Start observing the target node for configured mutations
             observer.observe(this.parentElement, {
@@ -228,10 +222,13 @@ import { WEBGL, CANVAS, AUTO } from '../const.js';
         }
 
         // create a new physic world
-        this.world = new World();
+        this.world = new World(0, 0, this.settings.width, this.settings.height);
         // set the reference to this application instance
         this.world.app = this;
+        // app starting time
         this.lastUpdate = globalThis.performance.now();
+        // manually sort child if depthTest setting is "sorting"
+        this.world.autoSort = !(this.renderer.type === "WEBGL" && this.settings.depthTest === "z-buffer");
 
         this.isInitialized = true;
 
@@ -244,7 +241,7 @@ import { WEBGL, CANVAS, AUTO } from '../const.js';
      */
     reset() {
         // point to the current active stage "default" camera
-        var current = state.get();
+        let current = state.get();
         if (typeof current !== "undefined") {
             this.viewport = current.cameras.get("default");
         }
@@ -256,6 +253,19 @@ import { WEBGL, CANVAS, AUTO } from '../const.js';
         this.updateFrameRate();
     }
 
+    /**
+     * Specify the property to be used when sorting renderables for this application game world.
+     * Accepted values : "x", "y", "z", "depth"
+     * @type {string}
+     * @see World.sortOn
+     */
+    get sortOn() {
+        return this.world.sortOn;
+    }
+    set sortOn(value) {
+        this.world.sortOn = value;
+    }
+
     /**
      * Fired when a level is fully loaded and all renderable instantiated. <br>
      * Additionnaly the level id will also be passed to the called function.

package/dist/melonjs.mjs/application/header.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.0.0
+ * melonJS Game Engine - v15.1.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -12,13 +12,14 @@ import { devicePixelRatio, platform, getScreenOrientation, language, hasWebAudio
  * @param {Application} game - the game application instance calling this function
  */
 function consoleHeader(app) {
-    var renderType = app.renderer.type;
-    var gpu_renderer = (typeof app.renderer.GPURenderer === "string") ? " (" + app.renderer.GPURenderer + ")" : "";
-    var audioType = hasWebAudio ? "Web Audio" : "HTML5 Audio";
+    let renderType = app.renderer.type;
+    let gpu_renderer = (typeof app.renderer.GPURenderer === "string") ? " (" + app.renderer.GPURenderer + ")" : "";
+    let depthTesting = renderType.includes("WebGL") && app.renderer.depthTest === "z-buffer" ? "Depth Test | " : "";
+    let audioType = hasWebAudio ? "Web Audio" : "HTML5 Audio";
 
     // output video information in the console
     console.log(
-        renderType + " renderer" + gpu_renderer + " | " +
+        renderType + " renderer" + gpu_renderer + " | " + depthTesting +
         audioType + " | " +
         "pixel ratio " + devicePixelRatio + " | " +
         (platform.nodeJS ? "node.js" : platform.isMobile ? "mobile" : "desktop") + " | " +

package/dist/melonjs.mjs/application/resize.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.0.0
+ * melonJS Game Engine - v15.1.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -17,14 +17,14 @@ import { getParentBounds, devicePixelRatio } from '../system/device.js';
  * @param {number} y - y scaling multiplier
  */
 function scale(game, x, y) {
-    var renderer = game.renderer;
-    var canvas = renderer.getCanvas();
-    var context = renderer.getContext();
-    var settings = renderer.settings;
-    var pixelRatio = devicePixelRatio;
+    let renderer = game.renderer;
+    let canvas = renderer.getCanvas();
+    let context = renderer.getContext();
+    let settings = renderer.settings;
+    let pixelRatio = devicePixelRatio;
 
-    var w = settings.zoomX = canvas.width * x * pixelRatio;
-    var h = settings.zoomY = canvas.height * y * pixelRatio;
+    let w = settings.zoomX = canvas.width * x * pixelRatio;
+    let h = settings.zoomY = canvas.height * y * pixelRatio;
 
     // update the global scale variable
     renderer.scaleRatio.set(x * pixelRatio, y * pixelRatio);
@@ -47,37 +47,37 @@ function scale(game, x, y) {
  * @param {Application} game - the game application instance triggering the resize
  */
 function onresize(game) {
-    var renderer = game.renderer;
-    var settings = renderer.settings;
-    var scaleX = 1, scaleY = 1;
+    let renderer = game.renderer;
+    let settings = renderer.settings;
+    let scaleX = 1, scaleY = 1;
 
     if (settings.autoScale) {
 
         // set max the canvas max size if CSS values are defined
-        var canvasMaxWidth = Infinity;
-        var canvasMaxHeight = Infinity;
+        let canvasMaxWidth = Infinity;
+        let canvasMaxHeight = Infinity;
 
         if (globalThis.getComputedStyle) {
-            var style = globalThis.getComputedStyle(renderer.getCanvas(), null);
+            let style = globalThis.getComputedStyle(renderer.getCanvas(), null);
             canvasMaxWidth = parseInt(style.maxWidth, 10) || Infinity;
             canvasMaxHeight = parseInt(style.maxHeight, 10) || Infinity;
         }
 
         // get the maximum canvas size within the parent div containing the canvas container
-        var nodeBounds = getParentBounds(game.getParentElement());
+        let nodeBounds = getParentBounds(game.getParentElement());
 
-        var _max_width = Math.min(canvasMaxWidth, nodeBounds.width);
-        var _max_height = Math.min(canvasMaxHeight, nodeBounds.height);
+        let _max_width = Math.min(canvasMaxWidth, nodeBounds.width);
+        let _max_height = Math.min(canvasMaxHeight, nodeBounds.height);
 
         // calculate final canvas width & height
-        var screenRatio = _max_width / _max_height;
+        let screenRatio = _max_width / _max_height;
 
         if ((settings.scaleMethod === "fill-min" && screenRatio > renderer.designRatio) ||
             (settings.scaleMethod === "fill-max" && screenRatio < renderer.designRatio) ||
             (settings.scaleMethod === "flex-width")
         ) {
             // resize the display canvas to fill the parent container
-            var sWidth = Math.min(canvasMaxWidth, settings.height * screenRatio);
+            let sWidth = Math.min(canvasMaxWidth, settings.height * screenRatio);
             scaleX = scaleY = _max_width / sWidth;
             renderer.resize(Math.floor(sWidth), settings.height);
         }
@@ -86,7 +86,7 @@ function onresize(game) {
                  (settings.scaleMethod === "flex-height")
         ) {
             // resize the display canvas to fill the parent container
-            var sHeight = Math.min(canvasMaxHeight, settings.width * (_max_height / _max_width));
+            let sHeight = Math.min(canvasMaxHeight, settings.width * (_max_height / _max_width));
             scaleX = scaleY = _max_height / sHeight;
             renderer.resize(settings.width, Math.floor(sHeight));
         }

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

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

package/dist/melonjs.mjs/audio/audio.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.0.0
+ * melonJS Game Engine - v15.1.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -49,7 +49,7 @@ let soundLoadError = function (sound_name, onerror_cb) {
     // check the retry counter
     if (retry_counter++ > 3) {
         // something went wrong
-        var errmsg = "melonJS: failed loading " + sound_name;
+        let errmsg = "melonJS: failed loading " + sound_name;
         {
             // throw an exception and stop everything !
             throw new Error(errmsg);
@@ -145,14 +145,14 @@ function disable() {
  * @ignore
  */
 function load(sound, html5, onload_cb, onerror_cb) {
-    var urls = [];
+    let urls = [];
     if (audioExts.length === 0) {
         throw new Error("target audio extension(s) should be set through me.audio.init() before calling the preloader.");
     }
     if (isDataUrl(sound.src) === true) {
         urls.push(sound.src);
     } else {
-        for (var i = 0; i < audioExts.length; i++) {
+        for (let i = 0; i < audioExts.length; i++) {
             urls.push(sound.src + sound.name + "." + audioExts[i] + nocache);
         }
     }
@@ -201,9 +201,9 @@ function load(sound, html5, onload_cb, onerror_cb) {
  * me.audio.play("gameover_sfx", false, null, 0.5);
  */
 function play(sound_name, loop = false, onend, volume) {
-    var sound = audioTracks[sound_name];
+    let sound = audioTracks[sound_name];
     if (sound && typeof sound !== "undefined") {
-        var id = sound.play();
+        let id = sound.play();
         if (typeof loop === "boolean") {
             // arg[0] can take different types in howler 2.0
             sound.loop(loop, id);
@@ -233,7 +233,7 @@ function play(sound_name, loop = false, onend, volume) {
  * @param {number} [id] - the sound instance ID. If none is passed, all sounds in group will fade.
  */
 function fade(sound_name, from, to, duration, id) {
-    var sound = audioTracks[sound_name];
+    let sound = audioTracks[sound_name];
     if (sound && typeof sound !== "undefined") {
         sound.fade(from, to, duration, id);
     } else {
@@ -250,12 +250,12 @@ function fade(sound_name, from, to, duration, id) {
  * @returns {number} return the current seek position (if no extra parameters were given)
  * @example
  * // return the current position of the background music
- * var current_pos = me.audio.seek("dst-gameforest");
+ * let current_pos = me.audio.seek("dst-gameforest");
  * // set back the position of the background music to the beginning
  * me.audio.seek("dst-gameforest", 0);
  */
 function seek(sound_name, ...args) {
-    var sound = audioTracks[sound_name];
+    let sound = audioTracks[sound_name];
     if (sound && typeof sound !== "undefined") {
         return sound.seek(...args);
     } else {
@@ -272,12 +272,12 @@ function seek(sound_name, ...args) {
  * @returns {number} return the current playback rate (if no extra parameters were given)
  * @example
  * // get the playback rate of the background music
- * var rate = me.audio.rate("dst-gameforest");
+ * let rate = me.audio.rate("dst-gameforest");
  * // speed up the playback of the background music
  * me.audio.rate("dst-gameforest", 2.0);
  */
 function rate(sound_name, ...args) {
-    var sound = audioTracks[sound_name];
+    let sound = audioTracks[sound_name];
     if (sound && typeof sound !== "undefined") {
         return sound.rate(...args);
     } else {
@@ -295,7 +295,7 @@ function rate(sound_name, ...args) {
  */
 function stop(sound_name, id) {
     if (typeof sound_name !== "undefined") {
-        var sound = audioTracks[sound_name];
+        let sound = audioTracks[sound_name];
         if (sound && typeof sound !== "undefined") {
             sound.stop(id);
             // remove the defined onend callback (if any defined)
@@ -318,7 +318,7 @@ function stop(sound_name, id) {
  * me.audio.pause("cling");
  */
 function pause(sound_name, id) {
-    var sound = audioTracks[sound_name];
+    let sound = audioTracks[sound_name];
     if (sound && typeof sound !== "undefined") {
         sound.pause(id);
     } else {
@@ -333,7 +333,7 @@ function pause(sound_name, id) {
  * @param {number} [id] - the sound instance ID. If none is passed, all sounds in group will resume.
  * @example
  * // play a audio clip
- * var id = me.audio.play("myClip");
+ * let id = me.audio.play("myClip");
  * ...
  * // pause it
  * me.audio.pause("myClip", id);
@@ -342,7 +342,7 @@ function pause(sound_name, id) {
  * me.audio.resume("myClip", id);
  */
 function resume(sound_name, id) {
-    var sound = audioTracks[sound_name];
+    let sound = audioTracks[sound_name];
     if (sound && typeof sound !== "undefined") {
         sound.play(id);
     } else {
@@ -455,7 +455,7 @@ function getVolume() {
  * me.audio.mute("awesome_music");
  */
 function mute(sound_name, id, mute = true) {
-    var sound = audioTracks[sound_name];
+    let sound = audioTracks[sound_name];
     if (sound && typeof(sound) !== "undefined") {
         sound.mute(mute, id);
     } else {
@@ -524,7 +524,7 @@ function unload(sound_name) {
  * me.audio.unloadAll();
  */
 function unloadAll() {
-    for (var sound_name in audioTracks) {
+    for (let sound_name in audioTracks) {
         if (audioTracks.hasOwnProperty(sound_name)) {
             unload(sound_name);
         }

package/dist/melonjs.mjs/camera/camera2d.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.0.0
+ * melonJS Game Engine - v15.1.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -22,7 +22,7 @@ import { game } from '../index.js';
 // some ref shortcut
 const MIN = Math.min, MAX = Math.max;
 
-var targetV = new Vector2d();
+let targetV = new Vector2d();
 
 /**
  * @classdesc
@@ -184,7 +184,7 @@ var targetV = new Vector2d();
 
     /** @ignore */
     _followH(target) {
-        var targetX = this.pos.x;
+        let targetX = this.pos.x;
         if ((target.x - this.pos.x) > (this.deadzone.right)) {
             targetX = MIN((target.x) - (this.deadzone.right), this.bounds.width - this.width);
         }
@@ -197,7 +197,7 @@ var targetV = new Vector2d();
 
     /** @ignore */
     _followV(target) {
-        var targetY = this.pos.y;
+        let targetY = this.pos.y;
         if ((target.y - this.pos.y) > (this.deadzone.bottom)) {
             targetY = MIN((target.y) - (this.deadzone.bottom), this.bounds.height - this.height);
         }
@@ -390,8 +390,8 @@ var targetV = new Vector2d();
      * @param {number} y
      */
     moveTo(x, y) {
-        var _x = this.pos.x;
-        var _y = this.pos.y;
+        let _x = this.pos.x;
+        let _y = this.pos.y;
 
         this.pos.x = clamp(
             x,
@@ -564,7 +564,7 @@ var targetV = new Vector2d();
      */
     fadeIn(color, duration = 1000, onComplete) {
         this._fadeIn.color = pool.pull("Color").copy(color);
-        var _alpha = this._fadeIn.color.alpha;
+        let _alpha = this._fadeIn.color.alpha;
         this._fadeIn.color.alpha = 0.0;
         this._fadeIn.tween = pool.pull("Tween", this._fadeIn.color)
             .to({ alpha: _alpha }, duration)
@@ -580,7 +580,7 @@ var targetV = new Vector2d();
      * @param {Renderable} target - the renderable to focus the camera on
      */
     focusOn(target) {
-        var bounds = target.getBounds();
+        let bounds = target.getBounds();
         this.moveTo(
             target.pos.x + bounds.left + (bounds.width / 2),
             target.pos.y + bounds.top + (bounds.height / 2)
@@ -690,8 +690,8 @@ var targetV = new Vector2d();
      * @ignore
      */
     draw(renderer, container) {
-        var translateX = this.pos.x + this.offset.x;
-        var translateY = this.pos.y + this.offset.y;
+        let translateX = this.pos.x + this.offset.x;
+        let translateY = this.pos.y + this.offset.y;
 
         // translate the world coordinates by default to screen coordinates
         container.currentTransform.translate(-translateX, -translateY);

package/dist/melonjs.mjs/const.js

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

package/dist/melonjs.mjs/entity/entity.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.0.0
+ * melonJS Game Engine - v15.1.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -114,7 +114,7 @@ import Body from '../physics/body.js';
                 pool.pull("Vector2d", 0,          this.height)
             ]);
         }
-        this.body = new Body(this, settings.shapes, this.onBodyUpdate.bind(this));
+        this.body = new Body(this, settings.shapes, () => this.onBodyUpdate());
 
         // resize the entity if required
         if (this.width === 0 && this.height === 0) {
@@ -166,7 +166,7 @@ import Body from '../physics/body.js';
      * @returns {Bounds} this entity bounding box Rectangle object
      */
     updateBounds(absolute = true) {
-        var bounds = this.getBounds();
+        let bounds = this.getBounds();
 
         bounds.clear();
         bounds.addFrame(
@@ -236,7 +236,7 @@ import Body from '../physics/body.js';
      * @param {Camera2d} [viewport] - the viewport to (re)draw
      */
     draw(renderer, viewport) {
-        var renderable = this.renderable;
+        let renderable = this.renderable;
         if (renderable instanceof Renderable) {
             // predraw (apply transforms)
             renderable.preDraw(renderer);

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

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.0.0
+ * melonJS Game Engine - v15.1.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -91,14 +91,14 @@ import pool from '../system/pooling.js';
      * @returns {Ellipse} this instance for objecf chaining
      */
     setShape(x, y, w, h) {
-        var hW = w / 2;
-        var hH = h / 2;
+        const hW = w / 2;
+        const hH = h / 2;
 
         this.pos.set(x, y);
         this.radius = Math.max(hW, hH);
         this.ratio.set(hW / this.radius, hH / this.radius);
         this.radiusV.set(this.radius, this.radius).scaleV(this.ratio);
-        var r = this.radius * this.radius;
+        const r = this.radius * this.radius;
         this.radiusSq.set(r, r).scaleV(this.ratio);
 
         // update the corresponding bounds
@@ -182,7 +182,7 @@ import pool from '../system/pooling.js';
      * @returns {Ellipse} this ellipse
      */
     translate() {
-        var _x, _y;
+        let _x, _y;
 
         if (arguments.length === 2) {
             // x, y
@@ -219,7 +219,7 @@ import pool from '../system/pooling.js';
      * @returns {boolean} true if contains
      */
     contains() {
-        var _x, _y;
+        let _x, _y;
 
         if (arguments.length === 2) {
           // x, y