melonjs 15.14.0 → 15.15.0

package/dist/melonjs.mjs/video/webgl/utils/uniforms.js

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

package/dist/melonjs.mjs/video/webgl/webgl_renderer.js

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

package/dist/melonjs.module.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.14.0
+ * melonJS Game Engine - v15.15.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -61,8 +61,9 @@ var global$e =
   // eslint-disable-next-line no-restricted-globals -- safe
   check(typeof self == 'object' && self) ||
   check(typeof commonjsGlobal == 'object' && commonjsGlobal) ||
+  check(typeof commonjsGlobal == 'object' && commonjsGlobal) ||
   // eslint-disable-next-line no-new-func -- fallback
-  (function () { return this; })() || commonjsGlobal || Function('return this')();
+  (function () { return this; })() || Function('return this')();
 
 var global$f = /*@__PURE__*/getDefaultExportFromCjs(global$e);
 
@@ -473,10 +474,10 @@ var store$2 = sharedStore;
 (shared$5.exports = function (key, value) {
   return store$2[key] || (store$2[key] = value !== undefined ? value : {});
 })('versions', []).push({
-  version: '3.33.0',
+  version: '3.33.3',
   mode: IS_PURE ? 'pure' : 'global',
   copyright: '© 2014-2023 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.33.0/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.33.3/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
@@ -17622,6 +17623,9 @@ class Renderable extends Rect {
         // viewport flag
         this._inViewport = false;
 
+        // cache value for the parentApp
+        this._parentApp = undefined;
+
         // renderable cache tint value used by the getter/setter
         this._tint = pool.pull("Color", 255, 255, 255, 1.0);
 
@@ -17629,6 +17633,20 @@ class Renderable extends Rect {
         this.setOpacity(1.0);
     }
 
+    /**
+     * returns the parent application (or game) to which this renderable is attached to
+     * @return {Application} the parent application or undefined if not attached to any container/app
+     */
+    get parentApp() {
+        if (typeof this._parentApp === "undefined") {
+            if (typeof this.ancestor !== "undefined" && typeof this.ancestor.getRootAncestor === "function") {
+                // the `app` property is only defined in the world "root" container
+                this._parentApp = this.ancestor.getRootAncestor().app;
+            }
+        }
+        return this._parentApp;
+    }
+
     /**
      * Whether the renderable object is floating (i.e. used screen coordinates), or contained in a floating parent container
      * @see Renderable#floating
@@ -18154,6 +18172,7 @@ class Renderable extends Rect {
         }
 
         this.ancestor = undefined;
+        this._parentApp = undefined;
 
         // destroy the physic body if defined and is a builtin body object
         if ((typeof this.body !== "undefined") && (typeof this.body.destroy === "function")) {
@@ -33066,14 +33085,12 @@ class ImageLayer extends Sprite {
         on(VIEWPORT_ONCHANGE, this.updateLayer, this);
         on(VIEWPORT_ONRESIZE, this.resize, this);
         // force a first refresh when the level is loaded
-        once(LEVEL_LOADED, () => {
-            this.updateLayer(game.viewport.pos);
-        });
+        on(LEVEL_LOADED, this.updateLayer, this);
         // in case the level is not added to the root container,
         // the onActivateEvent call happens after the LEVEL_LOADED event
         // so we need to force a first update
         if (this.ancestor.root !== true) {
-            this.updateLayer(game.viewport.pos);
+            this.updateLayer();
         }
     }
 
@@ -33101,10 +33118,12 @@ class ImageLayer extends Sprite {
      * updateLayer function
      * @ignore
      */
-    updateLayer(vpos) {
+    updateLayer() {
         const rx = this.ratio.x,
             ry = this.ratio.y;
 
+        const viewport = game.viewport;
+
         if (rx === 0 && ry === 0) {
             // static image
             return;
@@ -33112,8 +33131,8 @@ class ImageLayer extends Sprite {
 
         const width = this.width,
             height = this.height,
-            bw = game.viewport.bounds.width,
-            bh = game.viewport.bounds.height,
+            bw = viewport.bounds.width,
+            bh = viewport.bounds.height,
             ax = this.anchorPoint.x,
             ay = this.anchorPoint.y,
 
@@ -33123,8 +33142,8 @@ class ImageLayer extends Sprite {
              * See https://github.com/melonjs/melonJS/issues/741#issuecomment-138431532
              * for a thorough description of how this works.
              */
-            x = ax * (rx - 1) * (bw - game.viewport.width) + this.offset.x - rx * vpos.x,
-            y = ay * (ry - 1) * (bh - game.viewport.height) + this.offset.y - ry * vpos.y;
+            x = ax * (rx - 1) * (bw - viewport.width) + this.offset.x - rx * viewport.pos.x,
+            y = ay * (ry - 1) * (bh - viewport.height) + this.offset.y - ry * viewport.pos.y;
 
 
         // Repeat horizontally; start drawing from left boundary
@@ -33205,6 +33224,7 @@ class ImageLayer extends Sprite {
         // cancel all event subscriptions
         off(VIEWPORT_ONCHANGE, this.updateLayer);
         off(VIEWPORT_ONRESIZE, this.resize);
+        off(LEVEL_LOADED, this.updateLayer);
     }
 
     /**
@@ -38436,9 +38456,9 @@ class BasePlugin {
          * define the minimum required version of melonJS<br>
          * this can be overridden by the plugin
          * @type {string}
-         * @default "15.14.0"
+         * @default "15.15.0"
          */
-        this.version = "15.14.0";
+        this.version = "15.15.0";
 
         /**
          * a reference to the app/game that registered this plugin
@@ -38720,7 +38740,7 @@ Renderer.prototype.getHeight = function()  {
  * @name version
  * @type {string}
  */
-const version = "15.14.0";
+const version = "15.15.0";
 
 /**
  * a flag indicating that melonJS is fully initialized

package/dist/types/renderable/imagelayer.d.ts

@@ -67,7 +67,7 @@ export default class ImageLayer extends Sprite {
      * updateLayer function
      * @ignore
      */
-    updateLayer(vpos: any): void;
+    updateLayer(): void;
     /**
     * override the default predraw function
     * as repeat and anchor are managed directly in the draw method

package/dist/types/renderable/renderable.d.ts

@@ -199,7 +199,13 @@ export default class Renderable extends Rect {
         y: boolean;
     };
     _inViewport: boolean;
+    _parentApp: any;
     _tint: object;
+    /**
+     * returns the parent application (or game) to which this renderable is attached to
+     * @return {Application} the parent application or undefined if not attached to any container/app
+     */
+    get parentApp(): Application;
     /**
      * Whether the renderable object is floating (i.e. used screen coordinates), or contained in a floating parent container
      * @see Renderable#floating

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "melonjs",
-  "version": "15.14.0",
+  "version": "15.15.0",
   "description": "melonJS Game Engine",
   "homepage": "http://www.melonjs.org/",
   "type": "module",
@@ -53,36 +53,36 @@
   ],
   "dependencies": {
     "@teppeis/multimaps": "^3.0.0",
-    "core-js": "^3.33.0",
+    "core-js": "^3.33.3",
     "earcut": "2.2.4",
     "eventemitter3": "^5.0.1",
     "howler": "2.2.4"
   },
   "devDependencies": {
-    "@babel/eslint-parser": "^7.22.15",
-    "@babel/plugin-syntax-import-assertions": "^7.22.5",
-    "@fastify/static": "^6.11.2",
+    "@babel/eslint-parser": "^7.23.3",
+    "@babel/plugin-syntax-import-assertions": "^7.23.3",
+    "@fastify/static": "^6.12.0",
     "@melonjs/webdoc-theme": "^1.1.1",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-replace": "^5.0.4",
+    "@rollup/plugin-replace": "^5.0.5",
     "@webdoc/cli": "^2.2.0",
-    "chromedriver": "^118.0.0",
+    "chromedriver": "^119.0.1",
     "cross-env": "^7.0.3",
     "del-cli": "^5.1.0",
-    "eslint": "^8.51.0",
-    "eslint-plugin-jsdoc": "^46.8.2",
+    "eslint": "^8.54.0",
+    "eslint-plugin-jsdoc": "^46.9.0",
     "expect": "^29.7.0",
     "expect-mocha-image-snapshot": "^3.0.15",
-    "fastify": "^4.24.2",
+    "fastify": "^4.24.3",
     "mocha": "^10.2.0",
     "npm-self-link": "^1.1.7",
-    "puppeteer": "^21.3.8",
-    "rollup": "^4.1.3",
+    "puppeteer": "^21.5.2",
+    "rollup": "^4.5.0",
     "rollup-plugin-bundle-size": "^1.0.3",
     "rollup-plugin-string": "^3.0.0",
-    "terser": "^5.21.0",
+    "terser": "^5.24.0",
     "typescript": "^5.2.2"
   },
   "scripts": {

package/src/renderable/imagelayer.js

@@ -124,14 +124,12 @@ export default class ImageLayer extends Sprite {
         event.on(event.VIEWPORT_ONCHANGE, this.updateLayer, this);
         event.on(event.VIEWPORT_ONRESIZE, this.resize, this);
         // force a first refresh when the level is loaded
-        event.once(event.LEVEL_LOADED, () => {
-            this.updateLayer(game.viewport.pos);
-        });
+        event.on(event.LEVEL_LOADED, this.updateLayer, this);
         // in case the level is not added to the root container,
         // the onActivateEvent call happens after the LEVEL_LOADED event
         // so we need to force a first update
         if (this.ancestor.root !== true) {
-            this.updateLayer(game.viewport.pos);
+            this.updateLayer();
         }
     }
 
@@ -159,10 +157,12 @@ export default class ImageLayer extends Sprite {
      * updateLayer function
      * @ignore
      */
-    updateLayer(vpos) {
+    updateLayer() {
         const rx = this.ratio.x,
             ry = this.ratio.y;
 
+        const viewport = game.viewport;
+
         if (rx === 0 && ry === 0) {
             // static image
             return;
@@ -170,8 +170,8 @@ export default class ImageLayer extends Sprite {
 
         const width = this.width,
             height = this.height,
-            bw = game.viewport.bounds.width,
-            bh = game.viewport.bounds.height,
+            bw = viewport.bounds.width,
+            bh = viewport.bounds.height,
             ax = this.anchorPoint.x,
             ay = this.anchorPoint.y,
 
@@ -181,8 +181,8 @@ export default class ImageLayer extends Sprite {
              * See https://github.com/melonjs/melonJS/issues/741#issuecomment-138431532
              * for a thorough description of how this works.
              */
-            x = ax * (rx - 1) * (bw - game.viewport.width) + this.offset.x - rx * vpos.x,
-            y = ay * (ry - 1) * (bh - game.viewport.height) + this.offset.y - ry * vpos.y;
+            x = ax * (rx - 1) * (bw - viewport.width) + this.offset.x - rx * viewport.pos.x,
+            y = ay * (ry - 1) * (bh - viewport.height) + this.offset.y - ry * viewport.pos.y;
 
 
         // Repeat horizontally; start drawing from left boundary
@@ -263,6 +263,7 @@ export default class ImageLayer extends Sprite {
         // cancel all event subscriptions
         event.off(event.VIEWPORT_ONCHANGE, this.updateLayer);
         event.off(event.VIEWPORT_ONRESIZE, this.resize);
+        event.off(event.LEVEL_LOADED, this.updateLayer);
     }
 
     /**

package/src/renderable/renderable.js

@@ -258,6 +258,9 @@ export default class Renderable extends Rect {
         // viewport flag
         this._inViewport = false;
 
+        // cache value for the parentApp
+        this._parentApp = undefined;
+
         // renderable cache tint value used by the getter/setter
         this._tint = pool.pull("Color", 255, 255, 255, 1.0);
 
@@ -265,6 +268,20 @@ export default class Renderable extends Rect {
         this.setOpacity(1.0);
     }
 
+    /**
+     * returns the parent application (or game) to which this renderable is attached to
+     * @return {Application} the parent application or undefined if not attached to any container/app
+     */
+    get parentApp() {
+        if (typeof this._parentApp === "undefined") {
+            if (typeof this.ancestor !== "undefined" && typeof this.ancestor.getRootAncestor === "function") {
+                // the `app` property is only defined in the world "root" container
+                this._parentApp = this.ancestor.getRootAncestor().app;
+            }
+        }
+        return this._parentApp;
+    }
+
     /**
      * Whether the renderable object is floating (i.e. used screen coordinates), or contained in a floating parent container
      * @see Renderable#floating
@@ -790,6 +807,7 @@ export default class Renderable extends Rect {
         }
 
         this.ancestor = undefined;
+        this._parentApp = undefined;
 
         // destroy the physic body if defined and is a builtin body object
         if ((typeof this.body !== "undefined") && (typeof this.body.destroy === "function")) {