melonjs 14.1.2 → 14.3.0

package/dist/melonjs.mjs/renderable/renderable.js

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

package/dist/melonjs.mjs/renderable/sprite.js

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

package/dist/melonjs.mjs/renderable/trigger.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v14.1.2
+ * melonJS Game Engine - v14.3.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -9,7 +9,7 @@ import Renderable from './renderable.js';
 import collision from '../physics/collision.js';
 import Body from '../physics/body.js';
 import level from '../level/level.js';
-import game from '../game.js';
+import { game } from '../index.js';
 import pool from '../system/pooling.js';
 
 /**

package/dist/melonjs.mjs/renderable/ui/uibaseelement.js

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

package/dist/melonjs.mjs/renderable/ui/uispriteelement.js

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

package/dist/melonjs.mjs/renderable/ui/uitextbutton.js

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

package/dist/melonjs.mjs/state/stage.js

@@ -1,12 +1,12 @@
 /*!
- * melonJS Game Engine - v14.1.2
+ * melonJS Game Engine - v14.3.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
  * @copyright (C) 2011 - 2022 Olivier Biot (AltByte Pte Ltd)
  */
 import { renderer } from '../video/video.js';
-import game from '../game.js';
+import { game } from '../index.js';
 import Camera2d from '../camera/camera2d.js';
 import Color from '../math/color.js';
 

package/dist/melonjs.mjs/state/state.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v14.1.2
+ * melonJS Game Engine - v14.3.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -8,7 +8,7 @@
 import { pauseTrack, resumeTrack } from '../audio/audio.js';
 import { defer } from '../utils/function.js';
 import { on, VIDEO_INIT, BOOT, emit, STATE_STOP, STATE_PAUSE, STATE_RESTART, STATE_RESUME, STATE_CHANGE } from '../system/event.js';
-import game from '../game.js';
+import { game } from '../index.js';
 import { focus } from '../system/device.js';
 import Stage from './stage.js';
 import DefaultLoadingScreen from '../loader/loadingscreen.js';

package/dist/melonjs.mjs/system/device.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v14.1.2
+ * melonJS Game Engine - v14.3.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -469,7 +469,7 @@ function enableSwipe(enable) {
  */
 function isFullscreen() {
     if (hasFullscreenSupport) {
-        return !!(prefixed("fullscreenElement", document) || document.mozFullScreenElement);
+        return !!(prefixed("fullscreenElement", globalThis.document) || globalThis.document.mozFullScreenElement);
     } else {
         return false;
     }
@@ -480,7 +480,7 @@ function isFullscreen() {
  * @function requestFullscreen
  * @memberof device
  * @public
- * @param {object} [element=default canvas object] - the element to be set in full-screen mode.
+ * @param {Element} [element] - the element to be set in full-screen mode.
  * @example
  * // add a keyboard shortcut to toggle Fullscreen mode on/off
  * me.input.bindKey(me.input.KEY.F, "toggleFullscreen");
@@ -509,7 +509,7 @@ function requestFullscreen(element) {
  */
 function exitFullscreen() {
     if (hasFullscreenSupport && isFullscreen()) {
-        document.exitFullscreen();
+        globalThis.document.exitFullscreen();
     }
 }
 
@@ -662,7 +662,7 @@ function getElement(element) {
 
     if (element !== "undefined") {
         if (typeof element === "string") {
-            target = document.getElementById(element);
+            target = globalThis.document.getElementById(element);
         } else if (typeof element === "object" && element.nodeType === Node.ELEMENT_NODE) {
             target = element;
         }
@@ -671,7 +671,7 @@ function getElement(element) {
     // fallback, if invalid target or non HTMLElement object
     if (!target)  {
         //default to document.body
-        target = document.body;
+        target = globalThis.document.body;
     }
 
     return target;
@@ -688,7 +688,7 @@ function getElement(element) {
  * @returns {DOMRect} the size and position of the element relatively to the viewport
  */
 function getElementBounds(element) {
-    if (typeof element === "object" && element !== document.body && typeof element.getBoundingClientRect !== "undefined") {
+    if (typeof element === "object" && element !== globalThis.document.body && typeof element.getBoundingClientRect !== "undefined") {
         return element.getBoundingClientRect();
     } else {
         domRect.width = domRect.right = globalThis.innerWidth;
@@ -723,7 +723,7 @@ function getParentBounds(element) {
 function isWebGLSupported(options) {
     let _supported = false;
     try {
-        let canvas = document.createElement("canvas");
+        let canvas = globalThis.document.createElement("canvas");
         let ctxOptions = {
             stencil: true,
             failIfMajorPerformanceCaveat: options.failIfMajorPerformanceCaveat
@@ -736,26 +736,6 @@ function isWebGLSupported(options) {
     return _supported;
 }
 
-/**
- * return the highest precision format supported by this device for GL Shaders
- * @function getMaxShaderPrecision
- * @memberof device
- * @public
- * @param {WebGLRenderingContext} gl
- * @returns {boolean} "lowp", "mediump", or "highp"
- */
-function getMaxShaderPrecision(gl) {
-    if (gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.HIGH_FLOAT ).precision > 0 &&
-        gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.HIGH_FLOAT ).precision > 0) {
-            return "highp";
-    }
-    if (gl.getShaderPrecisionFormat(gl.VERTEX_SHADER, gl.MEDIUM_FLOAT ).precision > 0 &&
-        gl.getShaderPrecisionFormat(gl.FRAGMENT_SHADER, gl.MEDIUM_FLOAT ).precision > 0) {
-            return "mediump";
-    }
-    return "lowp";
-}
-
 /**
  * Makes a request to bring this device window to the front.
  * @function focus
@@ -906,4 +886,4 @@ function vibrate(pattern) {
     }
 }
 
-export { accelerationX, accelerationY, accelerationZ, alpha, autoFocus, beta, devicePixelRatio, enableSwipe, exitFullscreen, focus, gamma, getElement, getElementBounds, getMaxShaderPrecision, getParentBounds, getParentElement, getScreenOrientation, getStorage, hasAccelerometer, hasDeviceOrientation, hasFullscreenSupport, hasHTML5Audio, hasPointerLockSupport, hasWebAudio, isFullscreen, isLandscape, isMobile, isPortrait, isWebGLSupported, language, localStorage, lockOrientation, maxTouchPoints, nativeBase64, offscreenCanvas, onDeviceRotate, onReady, pauseOnBlur, platform, pointerEvent, requestFullscreen, resumeOnFocus, screenOrientation, sound, stopOnBlur, touch, touchEvent, unlockOrientation, unwatchAccelerometer, unwatchDeviceOrientation, vibrate, watchAccelerometer, watchDeviceOrientation, wheel };
+export { accelerationX, accelerationY, accelerationZ, alpha, autoFocus, beta, devicePixelRatio, enableSwipe, exitFullscreen, focus, gamma, getElement, getElementBounds, getParentBounds, getParentElement, getScreenOrientation, getStorage, hasAccelerometer, hasDeviceOrientation, hasFullscreenSupport, hasHTML5Audio, hasPointerLockSupport, hasWebAudio, isFullscreen, isLandscape, isMobile, isPortrait, isWebGLSupported, language, localStorage, lockOrientation, maxTouchPoints, nativeBase64, offscreenCanvas, onDeviceRotate, onReady, pauseOnBlur, platform, pointerEvent, requestFullscreen, resumeOnFocus, screenOrientation, sound, stopOnBlur, touch, touchEvent, unlockOrientation, unwatchAccelerometer, unwatchDeviceOrientation, vibrate, watchAccelerometer, watchDeviceOrientation, wheel };

package/dist/melonjs.mjs/system/dom.js

@@ -1,11 +1,12 @@
 /*!
- * melonJS Game Engine - v14.1.2
+ * melonJS Game Engine - v14.3.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
  * @copyright (C) 2011 - 2022 Olivier Biot (AltByte Pte Ltd)
  */
 import { once, DOM_READY, emit } from './event.js';
+import { nodeJS } from './platform.js';
 
 // track if DOMContentLoaded was called already
 let readyBound = false;
@@ -58,7 +59,7 @@ function DOMContentLoaded(fn) {
         // 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")) {
+            if (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);
             }

package/dist/melonjs.mjs/system/event.js

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

package/dist/melonjs.mjs/system/platform.js

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

package/dist/melonjs.mjs/system/pooling.js

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

package/dist/melonjs.mjs/system/save.js

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

package/dist/melonjs.mjs/system/timer.js

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

package/dist/melonjs.mjs/text/bitmaptext.js

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

package/dist/melonjs.mjs/text/bitmaptextdata.js

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

package/dist/melonjs.mjs/text/glyph.js

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

package/dist/melonjs.mjs/text/text.js

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

package/dist/melonjs.mjs/text/textmetrics.js

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

package/dist/melonjs.mjs/text/textstyle.js

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

package/dist/melonjs.mjs/tweens/easing.js

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

package/dist/melonjs.mjs/tweens/interpolation.js

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

package/dist/melonjs.mjs/tweens/tween.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v14.1.2
+ * melonJS Game Engine - v14.3.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -7,7 +7,7 @@
  */
 import timer from '../system/timer.js';
 import { on, STATE_RESUME, off } from '../system/event.js';
-import game from '../game.js';
+import { game } from '../index.js';
 import { Easing } from './easing.js';
 import { Interpolation } from './interpolation.js';
 

package/dist/melonjs.mjs/utils/agent.js

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

package/dist/melonjs.mjs/utils/array.js

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

package/dist/melonjs.mjs/utils/file.js

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

package/dist/melonjs.mjs/utils/function.js

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

package/dist/melonjs.mjs/utils/string.js

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

package/dist/melonjs.mjs/utils/utils.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v14.1.2
+ * melonJS Game Engine - v14.3.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -11,9 +11,6 @@ import * as file from './file.js';
 import * as string from './string.js';
 import { toHex } from './string.js';
 import * as _function from './function.js';
-import { createCanvas } from '../video/video.js';
-import CanvasRenderer from '../video/canvas/canvas_renderer.js';
-import { version } from '../index.js';
 
 /**
  * a collection of utility functions
@@ -32,35 +29,13 @@ var utils = {
     string : string,
     function : _function,
 
-    /**
-     * Get image pixels
-     * @public
-     * @memberof utils
-     * @name getPixels
-     * @param {HTMLImageElement|HTMLCanvasElement} image - Image to read
-     * @returns {ImageData} ImageData object
-     */
-    getPixels : function (image) {
-        if (image instanceof HTMLImageElement) {
-            var _context = CanvasRenderer.getContext2d(
-                createCanvas(image.width, image.height)
-            );
-            _context.drawImage(image, 0, 0);
-            return _context.getImageData(0, 0, image.width, image.height);
-        }
-        else {
-            // canvas !
-            return image.getContext("2d").getImageData(0, 0, image.width, image.height);
-        }
-    },
-
     /**
      * Compare two version strings
      * @public
      * @memberof utils
      * @name checkVersion
-     * @param {string} first - First version string to compare
-     * @param {string} [second=version] - Second version string to compare
+     * @param {string} first - Ffrst version string to compare
+     * @param {string} second - second version string to compare
      * @returns {number} comparison result <br>&lt; 0 : first &lt; second<br>
      * 0 : first == second<br>
      * &gt; 0 : first &gt; second
@@ -71,7 +46,7 @@ var utils = {
      *     );
      * }
      */
-    checkVersion : function (first, second = version) {
+    checkVersion : function (first, second) {
         var a = first.split(".");
         var b = second.split(".");
         var len = Math.min(a.length, b.length);

package/dist/melonjs.mjs/video/canvas/canvas_renderer.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v14.1.2
+ * melonJS Game Engine - v14.3.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -52,6 +52,9 @@ import { emit, ONCONTEXT_LOST, ONCONTEXT_RESTORED } from '../../system/event.js'
             this.uvOffset = 1;
         }
 
+        // set the renderer type
+        this.type = "CANVAS";
+
         // context lost & restore event for canvas
         this.getCanvas().addEventListener("contextlost", (e) => {
             e.preventDefault();

package/dist/melonjs.mjs/video/renderer.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v14.1.2
+ * melonJS Game Engine - v14.3.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -7,7 +7,7 @@
  */
 import Color from '../math/color.js';
 import Matrix3d from '../math/matrix3.js';
-import { createCanvas, renderer } from './video.js';
+import { createCanvas } from './video.js';
 import { on, emit, GAME_RESET, CANVAS_ONRESIZE } from '../system/event.js';
 import { platform } from '../system/device.js';
 import { setPrefixed } from '../utils/agent.js';
@@ -18,6 +18,7 @@ import Polygon from '../geometries/poly.js';
 import Line from '../geometries/line.js';
 import Bounds from '../physics/bounds.js';
 import Path2D from '../geometries/path2d.js';
+import Vector2d from '../math/vector2.js';
 import Point from '../geometries/point.js';
 
 /**
@@ -48,6 +49,20 @@ import Point from '../geometries/point.js';
          */
         this.settings = options;
 
+        /**
+         * the requested video size ratio
+         * @public
+         * @type {Number}
+         */
+        this.designRatio = this.settings.width / this.settings.height;
+
+        /**
+         * the scaling ratio to be applied to the main canvas
+         * @type {Vector2d}
+         * @default <1,1>
+         */
+        this.scaleRatio = new Vector2d(this.settings.scale, this.settings.scale);
+
         /**
          * true if the current rendering context is valid
          * @default true
@@ -61,6 +76,13 @@ import Point from '../geometries/point.js';
          */
         this.path2D = new Path2D();
 
+        /**
+         * The renderer type : Canvas, WebGL, etc...
+         * (override this property with a specific value when implementing a custom renderer)
+         * @type {string}
+         */
+        this.type = "Generic";
+
         /**
          * @ignore
          */
@@ -101,9 +123,9 @@ import Point from '../geometries/point.js';
         // default uvOffset
         this.uvOffset = 0;
 
-        // reset the instantiated renderer on game reset
+        // reset the renderer on game reset
         on(GAME_RESET, () => {
-            renderer.reset();
+            this.reset();
         });
     }
 
@@ -330,8 +352,6 @@ import Point from '../geometries/point.js';
 
     /**
      * fill the given shape
-     * @name fill
-     * @memberof Renderer
      * @param {Rect|RoundRect|Polygon|Line|Ellipse} shape - a shape object to fill
      */
     fill(shape) {

package/dist/melonjs.mjs/video/texture/atlas.js

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

package/dist/melonjs.mjs/video/texture/cache.js

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

package/dist/melonjs.mjs/video/texture/canvas_texture.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v14.1.2
+ * melonJS Game Engine - v14.3.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -7,6 +7,7 @@
  */
 import { createCanvas } from '../video.js';
 import { setPrefixed } from '../../utils/agent.js';
+import { clamp } from '../../math/math.js';
 
 // default canvas settings
 var defaultAttributes = {
@@ -104,6 +105,25 @@ class CanvasTexture {
         this.canvas.height = Math.round(height);
     }
 
+    /**
+     * Returns an ImageData object representing the underlying pixel data for a specified portion of this canvas texture.
+     * (Note: when using getImageData(), it is highly recommended to use the `willReadFrequently` attribute when creatimg the corresponding canvas texture)
+     * @param {number} x - The x-axis coordinate of the top-left corner of the rectangle from which the ImageData will be extracted
+     * @param {number} y - The y-axis coordinate of the top-left corner of the rectangle from which the ImageData will be extracted
+     * @param {number} width - The width of the rectangle from which the ImageData will be extracted. Positive values are to the right, and negative to the left
+     * @param {number} height - The height of the rectangle from which the ImageData will be extracted. Positive values are down, and negative are up
+     * @return {ImageData} The ImageData extracted from this CanvasTexture.
+     */
+    getImageData(x, y, width, height) {
+        // clamp values
+        x = clamp(Math.floor(x), 0, this.canvas.width - 1);
+        y = clamp(Math.floor(y), 0, this.canvas.height - 1);
+        width = clamp(width, 1, this.canvas.width - x);
+        height = clamp(height, 1, this.canvas.height - y);
+        // return imageData
+        return this.context.getImageData(x, y, width, height);
+    }
+
     /**
      * @ignore
      */

package/dist/melonjs.mjs/video/utils/autodetect.js

@@ -0,0 +1,27 @@
+/*!
+ * melonJS Game Engine - v14.3.0
+ * http://www.melonjs.org
+ * melonjs is licensed under the MIT License.
+ * http://www.opensource.org/licenses/mit-license
+ * @copyright (C) 2011 - 2022 Olivier Biot (AltByte Pte Ltd)
+ */
+import { isWebGLSupported } from '../../system/device.js';
+import WebGLRenderer from '../webgl/webgl_renderer.js';
+import CanvasRenderer from '../canvas/canvas_renderer.js';
+
+/**
+ * Auto-detect the best renderer to use
+ * @ignore
+ */
+function autoDetectRenderer(options) {
+    try {
+        if (isWebGLSupported(options)) {
+            return new WebGLRenderer(options);
+        }
+    } catch (e) {
+        console.log("Error creating WebGL renderer :" + e.message);
+    }
+    return new CanvasRenderer(options);
+}
+
+export { autoDetectRenderer };