melonjs 10.12.0 → 11.0.0

package/dist/melonjs.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v10.12.0
+ * melonJS Game Engine - v11.0.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -315,10 +315,10 @@
 	(shared$3.exports = function (key, value) {
 	  return store$2[key] || (store$2[key] = value !== undefined ? value : {});
 	})('versions', []).push({
-	  version: '3.23.1',
+	  version: '3.23.2',
 	  mode: 'global',
 	  copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
-	  license: 'https://github.com/zloirock/core-js/blob/v3.23.1/LICENSE',
+	  license: 'https://github.com/zloirock/core-js/blob/v3.23.2/LICENSE',
 	  source: 'https://github.com/zloirock/core-js'
 	});
 
@@ -4379,6 +4379,17 @@
 	// internal instance of the event emiter
 	var eventEmitter = new EventEmitter();
 
+	/**
+	 * event when the DOM is Ready is booting
+	 * @public
+	 * @constant
+	 * @type {string}
+	 * @name DOM_READY
+	 * @memberof event
+	 * @see event.on
+	 */
+	var DOM_READY = "dom_ready";
+
 	/**
 	 * event when the system is booting
 	 * @public
@@ -4888,6 +4899,7 @@
 
 	var event = /*#__PURE__*/Object.freeze({
 		__proto__: null,
+		DOM_READY: DOM_READY,
 		BOOT: BOOT,
 		STATE_PAUSE: STATE_PAUSE,
 		STATE_RESUME: STATE_RESUME,
@@ -28450,33 +28462,17 @@
 	    }
 	};
 
-	// private properties
-	var accelInitialized = false;
-	var deviceOrientationInitialized = false;
+	// track if DOMContentLoaded was called already
+	var readyBound = false;
 
-	// swipe utility fn & flag
-	var swipeEnabled = true;
+	// is the DOM ready ?
+	var isDOMReady = false;
 
-	/**
-	 * @ignore
-	 */
-	function _disableSwipeFn(e) {
-	    e.preventDefault();
-	    if (typeof globalThis.scroll === "function") {
-	        globalThis.scroll(0, 0);
-	    }
-	    return false;
-	}
-	// DOM loading stuff
-	var readyBound = false, isReady = false, readyList = [];
-
-	/**
-	 * // called to check if the device is ready
-	 * @ignore
-	 */
+	// check if the dom is ready
 	function _domReady() {
+
 	    // Make sure that the DOM is not already loaded
-	    if (!isReady) {
+	    if (!isDOMReady) {
 	        // be sure document.body is there
 	        if (typeof globalThis.document !== "undefined" && !globalThis.document.body) {
 	            return setTimeout(_domReady, 13);
@@ -28486,7 +28482,7 @@
 	        if (typeof globalThis.document !== "undefined" && typeof globalThis.document.removeEventListener === "function") {
 	            globalThis.document.removeEventListener(
 	                "DOMContentLoaded",
-	                this._domReady,
+	                _domReady,
 	                false
 	            );
 	        }
@@ -28497,13 +28493,58 @@
 	        }
 
 	        // execute all callbacks
-	        while (readyList.length) {
-	            readyList.shift().call(globalThis, []);
-	        }
+	        emit(DOM_READY);
 
 	        // Remember that the DOM is ready
-	        isReady = true;
+	        isDOMReady = true;
+	    }
+	}
+	// https://developer.mozilla.org/en-US/docs/Web/API/Window/DOMContentLoaded_event
+	function DOMContentLoaded(fn) {
+	    // If the DOM is already ready
+	    if (isDOMReady) {
+	        // Execute the function immediately
+	        fn.call(globalThis, []);
+	    }
+	    else {
+	        // else add the function to the DOM_READY event
+	        once(DOM_READY, fn, globalThis);
+	        // bind dom load event if not done yet
+	        if (!readyBound) {
+	            // directly call domReady if document is already "ready"
+	            if (((typeof process !== "undefined") && (process.release.name === "node")) || (typeof globalThis.document !== "undefined" && globalThis.document.readyState === "complete")) {
+	                // defer the fn call to ensure our script is fully loaded
+	                globalThis.setTimeout(_domReady, 0);
+	            }
+	            else {
+	                if (typeof globalThis.document !== "undefined" && typeof globalThis.document.addEventListener === "function") {
+	                    // Use the handy event callback
+	                    globalThis.document.addEventListener("DOMContentLoaded", _domReady, false);
+	                }
+	                // A fallback to globalThis.onload, that will always work
+	                globalThis.addEventListener("load", _domReady, false);
+	            }
+	            readyBound = true;
+	        }
+	    }
+	}
+
+	// private properties
+	var accelInitialized = false;
+	var deviceOrientationInitialized = false;
+
+	// swipe utility fn & flag
+	var swipeEnabled = true;
+
+	/**
+	 * @ignore
+	 */
+	function _disableSwipeFn(e) {
+	    e.preventDefault();
+	    if (typeof globalThis.scroll === "function") {
+	        globalThis.scroll(0, 0);
 	    }
+	    return false;
 	}
 	// a cache DOMRect object
 	var _domRect = {left: 0, top: 0, x: 0, y: 0, width: 0, height: 0, right: 0, bottom: 0};
@@ -28859,7 +28900,7 @@
 	     * @readonly
 	     * @name nodeJS
 	     */
-	    nodeJS : (typeof process !== "undefined") && (process.release.name === "node"),
+	    nodeJS : (typeof globalThis.process !== "undefined") && (typeof globalThis.process.release !== "undefined") && (globalThis.process.release.name === "node"),
 
 	    /**
 	     * equals to true if the device is running on ChromeOS.
@@ -29047,33 +29088,7 @@
 	    * });
 	    */
 	    onReady: function onReady(fn) {
-	        // If the DOM is already ready
-	        if (isReady) {
-	            // Execute the function immediately
-	            fn.call(globalThis, []);
-	        }
-	        else {
-	            // Add the function to the wait list
-	            readyList.push(fn);
-
-	            // attach listeners if not yet done
-	            if (!readyBound) {
-	                // directly call domReady if document is already "ready"
-	                if (device.nodeJS === true || (typeof globalThis.document !== "undefined" && globalThis.document.readyState === "complete")) {
-	                    // defer the fn call to ensure our script is fully loaded
-	                    globalThis.setTimeout(_domReady, 0);
-	                }
-	                else {
-	                    if (typeof globalThis.document !== "undefined" && typeof globalThis.document.addEventListener === "function") {
-	                        // Use the handy event callback
-	                        globalThis.document.addEventListener("DOMContentLoaded", _domReady, false);
-	                    }
-	                    // A fallback to globalThis.onload, that will always work
-	                    globalThis.addEventListener("load", _domReady, false);
-	                }
-	                readyBound = true;
-	            }
-	        }
+	        DOMContentLoaded(fn);
 	    },
 
 	    /**
@@ -32901,10 +32916,10 @@
 	     * this can be overridden by the plugin
 	     * @public
 	     * @type {string}
-	     * @default "10.12.0"
+	     * @default "11.0.0"
 	     * @name plugin.Base#version
 	     */
-	    this.version = "10.12.0";
+	    this.version = "11.0.0";
 	};
 
 	/**
@@ -36098,19 +36113,41 @@
 	/** @ignore */
 	function createGradient(light) {
 	    var context = light.texture.context;
-	    var x1 = light.texture.width / 2;
-	    var y1 = light.texture.height / 2;
-	    var gradient = context.createRadialGradient(x1, y1, 0, x1, y1, light.radius);
+
+	    var x1 = light.texture.width / 2,
+	        y1 = light.texture.height / 2;
+
+	    var radiusX = light.radiusX,
+	        radiusY = light.radiusY;
+
+	    var scaleX, scaleY, invScaleX, invScaleY;
+	    var gradient;
+
 
 	    light.texture.clear();
 
+	    if (radiusX >= radiusY) {
+	        scaleX = 1;
+	        invScaleX = 1;
+	        scaleY = radiusY/radiusX;
+	        invScaleY = radiusX/radiusY;
+	        gradient = context.createRadialGradient(x1, y1 * invScaleY, 0, x1, radiusY * invScaleY, radiusX);
+	    }
+	    else {
+	        scaleY = 1;
+	        invScaleY = 1;
+	        scaleX = radiusX/radiusY;
+	        invScaleX = radiusY/radiusX;
+	        gradient = context.createRadialGradient(x1 * invScaleX, y1, 0, x1 * invScaleX, y1, radiusY);
+	    }
+
 	    gradient.addColorStop( 0, light.color.toRGBA(light.intensity));
 	    gradient.addColorStop( 1, light.color.toRGBA(0.0));
 
-	    context.beginPath();
 	    context.fillStyle = gradient;
-	    context.arc(x1, y1, light.radius, 0, Math.PI * 2, false);
-	    context.fill();
+
+	    context.setTransform(scaleX, 0, 0, scaleY, 0, 0);
+	    context.fillRect(0, 0, light.texture.width * invScaleX, light.texture.height * invScaleY);
 	}
 
 	/**
@@ -36122,12 +36159,13 @@
 	 * @see stage.lights
 	 */
 	var Light2d = /*@__PURE__*/(function (Renderable) {
-	   function Light2d(x, y, radius, color, intensity) {
+	   function Light2d(x, y, radiusX, radiusY, color, intensity) {
+	        if ( radiusY === void 0 ) radiusY = radiusX;
 	        if ( color === void 0 ) color = "#FFF";
 	        if ( intensity === void 0 ) intensity = 0.7;
 
 	        // call the parent constructor
-	        Renderable.call(this, x, y, radius * 2, radius * 2);
+	        Renderable.call(this, x, y, radiusX * 2, radiusY * 2);
 
 	        /**
 	         * the color of the light
@@ -36137,10 +36175,16 @@
 	        this.color = pool.pull("Color").parseCSS(color);
 
 	        /**
-	         * The radius of the light
+	         * The horizontal radius of the light
 	         * @type {number}
 	         */
-	        this.radius = radius;
+	        this.radiusX = radiusX;
+
+	        /**
+	         * The vertical radius of the light
+	         * @type {number}
+	         */
+	        this.radiusY = radiusY;
 
 	        /**
 	         * The intensity of the light
@@ -37508,7 +37552,7 @@
 	 * @name version
 	 * @type {string}
 	 */
-	var version = "10.12.0";
+	var version = "11.0.0";
 
 
 	/**