melonjs 15.11.0 → 15.13.0

package/src/renderable/ui/uitextbutton.js

@@ -20,8 +20,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
@@ -38,6 +38,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'
      *          });
      *      }
      *
@@ -58,16 +60,18 @@ export default 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
@@ -122,16 +126,13 @@ export default 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);
     }
 }

package/src/state/stage.js

@@ -95,8 +95,8 @@ export default 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);
             }

package/src/utils/agent.js

@@ -61,6 +61,7 @@ export function setPrefixed(name, value, obj) {
             obj[name] = value;
             return true;
         }
+        return false;
     });
 
     return false;

package/src/video/renderer.js

@@ -106,6 +106,30 @@ export default 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
      */
@@ -127,8 +151,8 @@ export default 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();
     }
 
@@ -140,7 +164,6 @@ export default class Renderer {
         return this.canvas;
     }
 
-
     /**
      * return a reference to this renderer canvas corresponding Context
      * @returns {CanvasRenderingContext2D|WebGLRenderingContext}
@@ -193,22 +216,6 @@ export default 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
@@ -232,12 +239,11 @@ export default 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