melonjs 15.11.0 → 15.13.0

package/dist/melonjs.module.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v15.11.0
+ * melonJS Game Engine - v15.13.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -205,7 +205,7 @@ var $TypeError$5 = TypeError;
 // `RequireObjectCoercible` abstract operation
 // https://tc39.es/ecma262/#sec-requireobjectcoercible
 var requireObjectCoercible$3 = function (it) {
-  if (isNullOrUndefined$1(it)) throw $TypeError$5("Can't call method on " + it);
+  if (isNullOrUndefined$1(it)) throw new $TypeError$5("Can't call method on " + it);
   return it;
 };
 
@@ -393,7 +393,7 @@ var $TypeError$4 = TypeError;
 // `Assert: IsCallable(argument) is true`
 var aCallable$1 = function (argument) {
   if (isCallable$7(argument)) return argument;
-  throw $TypeError$4(tryToString(argument) + ' is not a function');
+  throw new $TypeError$4(tryToString(argument) + ' is not a function');
 };
 
 var aCallable$2 = /*@__PURE__*/getDefaultExportFromCjs(aCallable$1);
@@ -425,7 +425,7 @@ var ordinaryToPrimitive$1 = function (input, pref) {
   if (pref === 'string' && isCallable$6(fn = input.toString) && !isObject$4(val = call$2(fn, input))) return val;
   if (isCallable$6(fn = input.valueOf) && !isObject$4(val = call$2(fn, input))) return val;
   if (pref !== 'string' && isCallable$6(fn = input.toString) && !isObject$4(val = call$2(fn, input))) return val;
-  throw $TypeError$3("Can't convert object to primitive value");
+  throw new $TypeError$3("Can't convert object to primitive value");
 };
 
 var ordinaryToPrimitive$2 = /*@__PURE__*/getDefaultExportFromCjs(ordinaryToPrimitive$1);
@@ -473,10 +473,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.32.2',
+  version: '3.33.0',
   mode: IS_PURE ? 'pure' : 'global',
   copyright: '© 2014-2023 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.32.2/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.33.0/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
@@ -567,7 +567,7 @@ var toPrimitive$1 = function (input, pref) {
     if (pref === undefined) pref = 'default';
     result = call$1(exoticToPrim, input, pref);
     if (!isObject$3(result) || isSymbol$1(result)) return result;
-    throw $TypeError$2("Can't convert object to primitive value");
+    throw new $TypeError$2("Can't convert object to primitive value");
   }
   if (pref === undefined) pref = 'number';
   return ordinaryToPrimitive(input, pref);
@@ -668,7 +668,7 @@ var $TypeError$1 = TypeError;
 // `Assert: Type(argument) is Object`
 var anObject$2 = function (argument) {
   if (isObject$1(argument)) return argument;
-  throw $TypeError$1($String$2(argument) + ' is not an object');
+  throw new $TypeError$1($String$2(argument) + ' is not an object');
 };
 
 var anObject$3 = /*@__PURE__*/getDefaultExportFromCjs(anObject$2);
@@ -713,7 +713,7 @@ var f$2 = objectDefineProperty.f = DESCRIPTORS$3 ? V8_PROTOTYPE_DEFINE_BUG ? fun
   if (IE8_DOM_DEFINE) try {
     return $defineProperty(O, P, Attributes);
   } catch (error) { /* empty */ }
-  if ('get' in Attributes || 'set' in Attributes) throw $TypeError('Accessors not supported');
+  if ('get' in Attributes || 'set' in Attributes) throw new $TypeError('Accessors not supported');
   if ('value' in Attributes) O[P] = Attributes.value;
   return O;
 };
@@ -823,7 +823,7 @@ var getterFor = function (TYPE) {
   return function (it) {
     var state;
     if (!isObject(it) || (state = get$1(it)).type !== TYPE) {
-      throw TypeError$1('Incompatible receiver, ' + TYPE + ' required');
+      throw new TypeError$1('Incompatible receiver, ' + TYPE + ' required');
     } return state;
   };
 };
@@ -836,7 +836,7 @@ if (NATIVE_WEAK_MAP || shared.state) {
   store.set = store.set;
   /* eslint-enable no-self-assign -- prototype methods protection */
   set = function (it, metadata) {
-    if (store.has(it)) throw TypeError$1(OBJECT_ALREADY_INITIALIZED);
+    if (store.has(it)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
     store.set(it, metadata);
     return metadata;
@@ -851,7 +851,7 @@ if (NATIVE_WEAK_MAP || shared.state) {
   var STATE = sharedKey('state');
   hiddenKeys$2[STATE] = true;
   set = function (it, metadata) {
-    if (hasOwn$3(it, STATE)) throw TypeError$1(OBJECT_ALREADY_INITIALIZED);
+    if (hasOwn$3(it, STATE)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
     createNonEnumerableProperty$1(it, STATE, metadata);
     return metadata;
@@ -1326,7 +1326,7 @@ var classof = classof$1;
 var $String = String;
 
 var toString$2 = function (argument) {
-  if (classof(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
+  if (classof(argument) === 'Symbol') throw new TypeError('Cannot convert a Symbol value to a string');
   return $String(argument);
 };
 
@@ -9763,7 +9763,7 @@ var event = {
 var howler$1 = {};
 
 /*!
- *  howler.js v2.2.3
+ *  howler.js v2.2.4
  *  howlerjs.com
  *
  *  (c) 2013-2020, James Simpson of GoldFire Studios
@@ -10030,7 +10030,7 @@ var howler$1 = {};
 
 	      // Opera version <33 has mixed MP3 support, so we need to check for and block it.
 	      var ua = self._navigator ? self._navigator.userAgent : '';
-	      var checkOpera = ua.match(/OPR\/([0-6].)/g);
+	      var checkOpera = ua.match(/OPR\/(\d+)/g);
 	      var isOldOpera = (checkOpera && parseInt(checkOpera[0].split('/')[1], 10) < 33);
 	      var checkSafari = ua.indexOf('Safari') !== -1 && ua.indexOf('Chrome') === -1;
 	      var safariVersion = ua.match(/Version\/(.*?) /);
@@ -11932,6 +11932,10 @@ var howler$1 = {};
 	      var self = this;
 	      var isIOS = Howler._navigator && Howler._navigator.vendor.indexOf('Apple') >= 0;
 
+	      if (!node.bufferSource) {
+	        return self;
+	      }
+
 	      if (Howler._scratchBuffer && node.bufferSource) {
 	        node.bufferSource.onended = null;
 	        node.bufferSource.disconnect(0);
@@ -12351,7 +12355,7 @@ var howler$1 = {};
 	/*!
 	 *  Spatial Plugin - Adds support for stereo and 3D audio where Web Audio is supported.
 	 *  
-	 *  howler.js v2.2.3
+	 *  howler.js v2.2.4
 	 *  howlerjs.com
 	 *
 	 *  (c) 2013-2020, James Simpson of GoldFire Studios
@@ -12864,18 +12868,9 @@ var howler$1 = {};
 	          panningModel: typeof o.panningModel !== 'undefined' ? o.panningModel : pa.panningModel
 	        };
 
-	        // Update the panner values or create a new panner if none exists.
+	        // Create a new panner node if one doesn't already exist.
 	        var panner = sound._panner;
-	        if (panner) {
-	          panner.coneInnerAngle = pa.coneInnerAngle;
-	          panner.coneOuterAngle = pa.coneOuterAngle;
-	          panner.coneOuterGain = pa.coneOuterGain;
-	          panner.distanceModel = pa.distanceModel;
-	          panner.maxDistance = pa.maxDistance;
-	          panner.refDistance = pa.refDistance;
-	          panner.rolloffFactor = pa.rolloffFactor;
-	          panner.panningModel = pa.panningModel;
-	        } else {
+	        if (!panner) {
 	          // Make sure we have a position to setup the node with.
 	          if (!sound._pos) {
 	            sound._pos = self._pos || [0, 0, -0.5];
@@ -12883,7 +12878,18 @@ var howler$1 = {};
 
 	          // Create a new panner node.
 	          setupPanner(sound, 'spatial');
+	          panner = sound._panner;
 	        }
+
+	        // Update the panner values or create a new panner if none exists.
+	        panner.coneInnerAngle = pa.coneInnerAngle;
+	        panner.coneOuterAngle = pa.coneOuterAngle;
+	        panner.coneOuterGain = pa.coneOuterGain;
+	        panner.distanceModel = pa.distanceModel;
+	        panner.maxDistance = pa.maxDistance;
+	        panner.refDistance = pa.refDistance;
+	        panner.rolloffFactor = pa.rolloffFactor;
+	        panner.panningModel = pa.panningModel;
 	      }
 	    }
 
@@ -13935,6 +13941,7 @@ function setPrefixed(name, value, obj) {
             obj[name] = value;
             return true;
         }
+        return false;
     });
 
     return false;
@@ -18966,8 +18973,8 @@ class Stage {
         // empty or no default camera
         if (this.cameras.has("default") === false) {
             if (typeof default_camera === "undefined") {
-                let width = renderer.getWidth();
-                let height = renderer.getHeight();
+                let width = renderer.width;
+                let height = renderer.height;
                 // new default camera instance
                 default_camera = new Camera2d(0, 0, width, height);
             }
@@ -21019,6 +21026,30 @@ class Renderer {
         this.uvOffset = 0;
     }
 
+    /**
+     * return the height of the canvas which this renderer draws to
+     * @returns {number} height of the system Canvas
+     */
+    get height() {
+        return this.getCanvas().height;
+    }
+
+    set height(value) {
+        this.resize(this.width, value);
+    }
+
+    /**
+     * return the width of the canvas which this renderer draws to
+     * @returns {number} width of the system Canvas
+     */
+    get width() {
+        return this.getCanvas().width;
+    }
+
+    set width(value) {
+        this.resize(value, this.height);
+    }
+
     /**
      * prepare the framebuffer for drawing a new frame
      */
@@ -21040,8 +21071,8 @@ class Renderer {
         this.cache.clear();
         this.currentScissor[0] = 0;
         this.currentScissor[1] = 0;
-        this.currentScissor[2] = this.getCanvas().width;
-        this.currentScissor[3] = this.getCanvas().height;
+        this.currentScissor[2] = this.width;
+        this.currentScissor[3] = this.height;
         this.clearMask();
     }
 
@@ -21053,7 +21084,6 @@ class Renderer {
         return this.canvas;
     }
 
-
     /**
      * return a reference to this renderer canvas corresponding Context
      * @returns {CanvasRenderingContext2D|WebGLRenderingContext}
@@ -21106,22 +21136,6 @@ class Renderer {
         return _context;
     }
 
-    /**
-     * return the width of the system Canvas
-     * @returns {number}
-     */
-    getWidth() {
-        return this.getCanvas().width;
-    }
-
-    /**
-     * return the height of the system Canvas
-     * @returns {number} height of the system Canvas
-     */
-    getHeight() {
-        return this.getCanvas().height;
-    }
-
     /**
      * get the current fill & stroke style color.
      * @returns {Color} current global color
@@ -21145,12 +21159,11 @@ class Renderer {
      */
     overlaps(bounds) {
         return (
-            bounds.left <= this.getWidth() && bounds.right >= 0 &&
-            bounds.top <= this.getHeight() && bounds.bottom >= 0
+            bounds.left <= this.width && bounds.right >= 0 &&
+            bounds.top <= this.height && bounds.bottom >= 0
         );
     }
 
-
     /**
      * resizes the system canvas
      * @param {number} width - new width of the canvas
@@ -27908,7 +27921,7 @@ class ProgressBar extends Renderable {
     draw(renderer, viewport) {
         // draw the progress bar
         renderer.setColor("black");
-        renderer.fillRect(this.pos.x, viewport.centerY, renderer.getWidth(), this.barHeight / 2);
+        renderer.fillRect(this.pos.x, viewport.centerY, renderer.width, this.barHeight / 2);
 
         renderer.setColor("#55aa00");
         renderer.fillRect(this.pos.x, viewport.centerY, this.progress, this.barHeight / 2);
@@ -27944,8 +27957,8 @@ class DefaultLoadingScreen extends Stage {
         // progress bar
         game.world.addChild(new ProgressBar(
             0,
-            renderer.getHeight() / 2,
-            renderer.getWidth(),
+            renderer.height / 2,
+            renderer.width,
             barHeight
         ), 1);
 
@@ -27953,8 +27966,8 @@ class DefaultLoadingScreen extends Stage {
         load({name: "melonjs_logo", type: "image", src: img}, () => {
             // melonJS logo
             game.world.addChild(new Sprite(
-                renderer.getWidth() / 2,
-                renderer.getHeight() / 2, {
+                renderer.width / 2,
+                renderer.height / 2, {
                     image : "melonjs_logo",
                     framewidth : 256,
                     frameheight : 256
@@ -34647,8 +34660,8 @@ class UITextButton extends UIBaseElement {
      * @param {number} [settings.size=1] - The scale factor of the BitmapText
      * @param {string} [settings.text] - The text to display
      * @param {string} [settings.bindKey] - The key to bind the action to (default: none)
-     * @param {string} [settings.backgroundColor="#00aa0080"] - The css value of a background color
-     * @param {string} [settings.hoverColor="#00ff00ff"] - The css value of a color to be used if the pointer hovers over the button
+     * @param {string} [settings.hoverOffColor="#00aa0080"] - The css value of a color to be used if the pointer is not hovering over the button
+     * @param {string} [settings.hoverOnColor="#00ff00ff"] - The css value of a color to be used if the pointer hovers over the button
      * @param {string} [settings.borderStrokeColor="#000000"] - The css value of a color to be used to draw the border
      * @param {string} [settings.fillStyle] - The css value of a tint color to be used to tint the BitmapText
      * @param {string} [settings.textAlign="center"] - horizontal text alignment
@@ -34665,6 +34678,8 @@ class UITextButton extends UIBaseElement {
      *              // if you omit the next two, size is calculated by the size of the text
      *              borderWidth: 200,
      *              borderHeight: 20,
+     *              backgroundColor: '#00aa0080',
+     *              hoverColor: '#00ff00ff'
      *          });
      *      }
      *
@@ -34685,16 +34700,18 @@ class UITextButton extends UIBaseElement {
         this.bindKey = settings.bindKey || -1;
 
         /**
-         * The css value of a background color
+         * The css value of a color to be used if the pointer is nothovering over the button
          * @type {string}
          */
-        this.backgroundColor = settings.backgroundColor || "#00aa0080";
+        // keep settings.backgroundColor for backward compatibility
+        this.hoverOffColor = settings.hoverOffColor || settings.backgroundColor || "#00aa0080";
 
         /**
          * The css value of a color to be used if the pointer hovers over the button
          * @type {string}
          */
-        this.hoverColor = settings.hoverColor || "#00ff00ff";
+        // keep settings.hoverColor for backward compatibility
+        this.hoverOnColor = settings.hoverOnColor || settings.hoverColor || "#00ff00ff";
 
         /**
          * The css value of a color to be used to draw the border
@@ -34749,16 +34766,13 @@ class UITextButton extends UIBaseElement {
 
     draw(renderer) {
         if (this.hover === true) {
-            renderer.setColor(this.hoverColor);
+            renderer.setColor(this.hoverOnColor);
         } else {
-            renderer.setColor(this.backgroundColor);
+            renderer.setColor(this.hoverOffColor);
         }
         renderer.fill(this.border);
         renderer.setColor(this.borderStrokeColor);
         renderer.stroke(this.border);
-        this.bitmapText.preDraw(renderer);
-        this.bitmapText.draw(renderer);
-        this.bitmapText.postDraw(renderer);
         super.draw(renderer);
     }
 }
@@ -37892,7 +37906,7 @@ function consoleHeader(app) {
     );
 
     console.log( "resolution: " + "requested " + app.settings.width + "x" + app.settings.height +
-        ", got " + app.renderer.getWidth() + "x" + app.renderer.getHeight()
+        ", got " + app.renderer.width + "x" + app.renderer.height
     );
 }
 
@@ -38340,9 +38354,9 @@ class BasePlugin {
          * define the minimum required version of melonJS<br>
          * this can be overridden by the plugin
          * @type {string}
-         * @default "15.11.0"
+         * @default "15.13.0"
          */
-        this.version = "15.11.0";
+        this.version = "15.13.0";
 
         /**
          * a reference to the app/game that registered this plugin
@@ -38585,6 +38599,35 @@ class GUI_Object extends UISpriteElement {
     }
 }
 
+
+/**
+ * return the width of the system Canvas
+ * @public
+ * @name getWidth
+ * @class
+ * @memberof Renderer#
+ * @deprecated since 15.12.0
+ * @see width
+ */
+Renderer.prototype.getWidth = function()  {
+    warning("getWidth", "width", "15.12.0");
+    return this.width;
+};
+
+/**
+ * return the height of the system Canvas
+ * @public
+ * @name getHeight
+ * @class
+ * @memberof Renderer#
+ * @deprecated since 15.12.0
+ * @see height
+ */
+Renderer.prototype.getHeight = function()  {
+    warning("getHeight", "height", "15.12.0");
+    return this.height;
+};
+
 // ES5/ES6 polyfills
 
 
@@ -38595,7 +38638,7 @@ class GUI_Object extends UISpriteElement {
  * @name version
  * @type {string}
  */
-const version = "15.11.0";
+const version = "15.13.0";
 
 /**
  * a flag indicating that melonJS is fully initialized

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

@@ -15,8 +15,8 @@ export default class UITextButton extends UIBaseElement {
      * @param {number} [settings.size=1] - The scale factor of the BitmapText
      * @param {string} [settings.text] - The text to display
      * @param {string} [settings.bindKey] - The key to bind the action to (default: none)
-     * @param {string} [settings.backgroundColor="#00aa0080"] - The css value of a background color
-     * @param {string} [settings.hoverColor="#00ff00ff"] - The css value of a color to be used if the pointer hovers over the button
+     * @param {string} [settings.hoverOffColor="#00aa0080"] - The css value of a color to be used if the pointer is not hovering over the button
+     * @param {string} [settings.hoverOnColor="#00ff00ff"] - The css value of a color to be used if the pointer hovers over the button
      * @param {string} [settings.borderStrokeColor="#000000"] - The css value of a color to be used to draw the border
      * @param {string} [settings.fillStyle] - The css value of a tint color to be used to tint the BitmapText
      * @param {string} [settings.textAlign="center"] - horizontal text alignment
@@ -33,6 +33,8 @@ export default class UITextButton extends UIBaseElement {
      *              // if you omit the next two, size is calculated by the size of the text
      *              borderWidth: 200,
      *              borderHeight: 20,
+     *              backgroundColor: '#00aa0080',
+     *              hoverColor: '#00ff00ff'
      *          });
      *      }
      *
@@ -49,11 +51,16 @@ export default class UITextButton extends UIBaseElement {
      * @type {string}
      */
     bindKey: string;
+    /**
+     * The css value of a color to be used if the pointer is nothovering over the button
+     * @type {string}
+     */
+    hoverOffColor: string;
     /**
      * The css value of a color to be used if the pointer hovers over the button
      * @type {string}
      */
-    hoverColor: string;
+    hoverOnColor: string;
     /**
      * The css value of a color to be used to draw the border
      * @type {string}

package/dist/types/video/renderer.d.ts

@@ -65,6 +65,18 @@ export default class Renderer {
     currentTint: Color;
     projectionMatrix: Matrix3d;
     uvOffset: number;
+    set height(arg: number);
+    /**
+     * return the height of the canvas which this renderer draws to
+     * @returns {number} height of the system Canvas
+     */
+    get height(): number;
+    set width(arg: number);
+    /**
+     * return the width of the canvas which this renderer draws to
+     * @returns {number} width of the system Canvas
+     */
+    get width(): number;
     /**
      * prepare the framebuffer for drawing a new frame
      */
@@ -100,16 +112,6 @@ export default class Renderer {
      * @returns {CanvasRenderingContext2D}
      */
     getContext2d(canvas: HTMLCanvasElement, transparent?: boolean | undefined): CanvasRenderingContext2D;
-    /**
-     * return the width of the system Canvas
-     * @returns {number}
-     */
-    getWidth(): number;
-    /**
-     * return the height of the system Canvas
-     * @returns {number} height of the system Canvas
-     */
-    getHeight(): number;
     /**
      * get the current fill & stroke style color.
      * @returns {Color} current global color

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "melonjs",
-  "version": "15.11.0",
+  "version": "15.13.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.32.2",
+    "core-js": "^3.33.0",
     "earcut": "2.2.4",
     "eventemitter3": "^5.0.1",
-    "howler": "2.2.3"
+    "howler": "2.2.4"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.22.15",
     "@babel/plugin-syntax-import-assertions": "^7.22.5",
-    "@fastify/static": "^6.11.0",
+    "@fastify/static": "^6.11.2",
     "@melonjs/webdoc-theme": "^1.1.1",
-    "@rollup/plugin-commonjs": "^25.0.4",
-    "@rollup/plugin-image": "^3.0.2",
-    "@rollup/plugin-node-resolve": "^15.2.1",
-    "@rollup/plugin-replace": "^5.0.2",
+    "@rollup/plugin-commonjs": "^25.0.5",
+    "@rollup/plugin-image": "^3.0.3",
+    "@rollup/plugin-node-resolve": "^15.2.2",
+    "@rollup/plugin-replace": "^5.0.3",
     "@webdoc/cli": "^2.2.0",
-    "chromedriver": "^116.0.0",
+    "chromedriver": "^117.0.3",
     "cross-env": "^7.0.3",
     "del-cli": "^5.1.0",
-    "eslint": "^8.49.0",
-    "eslint-plugin-jsdoc": "^46.6.0",
+    "eslint": "^8.51.0",
+    "eslint-plugin-jsdoc": "^46.8.2",
     "expect": "^29.7.0",
     "expect-mocha-image-snapshot": "^3.0.15",
-    "fastify": "^4.23.0",
+    "fastify": "^4.23.2",
     "mocha": "^10.2.0",
     "npm-self-link": "^1.1.7",
-    "puppeteer": "^21.2.0",
-    "rollup": "^3.29.1",
+    "puppeteer": "^21.3.8",
+    "rollup": "^3.29.4",
     "rollup-plugin-bundle-size": "^1.0.3",
     "rollup-plugin-string": "^3.0.0",
-    "terser": "^5.19.4",
+    "terser": "^5.21.0",
     "typescript": "^5.2.2"
   },
   "scripts": {

package/src/application/header.js

@@ -21,6 +21,6 @@ export function consoleHeader(app) {
     );
 
     console.log( "resolution: " + "requested " + app.settings.width + "x" + app.settings.height +
-        ", got " + app.renderer.getWidth() + "x" + app.renderer.getHeight()
+        ", got " + app.renderer.width + "x" + app.renderer.height
     );
 }

package/src/lang/deprecated.js

@@ -111,3 +111,34 @@ export class GUI_Object extends UISpriteElement {
         super(x, y, settings);
     }
 }
+
+
+/**
+ * return the width of the system Canvas
+ * @public
+ * @name getWidth
+ * @class
+ * @memberof Renderer#
+ * @deprecated since 15.12.0
+ * @see width
+ */
+Renderer.prototype.getWidth = function()  {
+    warning("getWidth", "width", "15.12.0");
+    return this.width;
+};
+
+/**
+ * return the height of the system Canvas
+ * @public
+ * @name getHeight
+ * @class
+ * @memberof Renderer#
+ * @deprecated since 15.12.0
+ * @see height
+ */
+Renderer.prototype.getHeight = function()  {
+    warning("getHeight", "height", "15.12.0");
+    return this.height;
+};
+
+

package/src/loader/loadingscreen.js

@@ -44,7 +44,7 @@ class ProgressBar extends Renderable {
     draw(renderer, viewport) {
         // draw the progress bar
         renderer.setColor("black");
-        renderer.fillRect(this.pos.x, viewport.centerY, renderer.getWidth(), this.barHeight / 2);
+        renderer.fillRect(this.pos.x, viewport.centerY, renderer.width, this.barHeight / 2);
 
         renderer.setColor("#55aa00");
         renderer.fillRect(this.pos.x, viewport.centerY, this.progress, this.barHeight / 2);
@@ -80,8 +80,8 @@ class DefaultLoadingScreen extends Stage {
         // progress bar
         game.world.addChild(new ProgressBar(
             0,
-            renderer.getHeight() / 2,
-            renderer.getWidth(),
+            renderer.height / 2,
+            renderer.width,
             barHeight
         ), 1);
 
@@ -89,8 +89,8 @@ class DefaultLoadingScreen extends Stage {
         load({name: "melonjs_logo", type: "image", src: logo_url}, () => {
             // melonJS logo
             game.world.addChild(new Sprite(
-                renderer.getWidth() / 2,
-                renderer.getHeight() / 2, {
+                renderer.width / 2,
+                renderer.height / 2, {
                     image : "melonjs_logo",
                     framewidth : 256,
                     frameheight : 256