melonjs 10.5.2 → 10.7.0

package/src/renderable/imagelayer.js

@@ -1,6 +1,6 @@
 import { renderer } from "./../video/video.js";
 import * as event from "./../system/event.js";
-import pool from "./../system/pooling.js";
+import * as pool from "./../system/pooling.js";
 import { viewport } from "./../game.js";
 import Sprite from "./sprite.js";
 import * as stringUtil from "./../utils/string.js";
@@ -93,7 +93,7 @@ class ImageLayer extends Sprite {
         this.repeat = settings.repeat || "repeat";
 
         // on context lost, all previous textures are destroyed
-        event.on(event.WEBGL_ONCONTEXT_RESTORED, this.createPattern, this);
+        event.on(event.ONCONTEXT_RESTORED, this.createPattern, this);
     }
 
     /**
@@ -294,7 +294,7 @@ class ImageLayer extends Sprite {
     destroy() {
         pool.push(this.ratio);
         this.ratio = undefined;
-        event.off(event.WEBGL_ONCONTEXT_RESTORED, this.createPattern);
+        event.off(event.ONCONTEXT_RESTORED, this.createPattern);
         super.destroy();
     }
 

package/src/renderable/nineslicesprite.js

@@ -43,13 +43,16 @@ class NineSliceSprite extends Sprite {
             throw new Error("height and width properties are mandatory");
         }
 
+        // adjust the nss sprite size accordingly to the target "expanded" size
+        this.width = Math.floor(settings.width);
+        this.height = Math.floor(settings.height);
+
         // nine slice sprite specific local variables
-        this.nss_width = Math.floor(settings.width);
-        this.nss_height = Math.floor(settings.height);
+        this.nss_width = this.width;
+        this.nss_height = this.height;
 
         this.insetx = settings.insetx;
         this.insety = settings.insety;
-
     }
 
     /**

package/src/renderable/renderable.js

@@ -2,7 +2,7 @@ import ObservableVector2d from "./../math/observable_vector2.js";
 import ObservableVector3d from "./../math/observable_vector3.js";
 import Rect from "./../geometries/rectangle.js";
 import Container from "./container.js";
-import pool from "./../system/pooling.js";
+import * as pool from "./../system/pooling.js";
 import { releaseAllPointerEvents } from "./../input/input.js";
 import { clamp } from "./../math/math.js";
 
@@ -264,6 +264,18 @@ class Renderable extends Rect {
          */
         this.tint = pool.pull("Color", 255, 255, 255, 1.0);
 
+        /**
+         * the blend mode to be applied to this renderable (see renderer setBlendMode for available blend mode)
+         * @public
+         * @type {string}
+         * @name blendMode
+         * @default "normal"
+         * @see CanvasRenderer#setBlendMode
+         * @see WebGLRenderer#setBlendMode
+         * @memberof Renderable#
+         */
+        this.blendMode = "normal";
+
         /**
          * The name of the renderable
          * @public
@@ -732,6 +744,11 @@ class Renderable extends Rect {
 
         // apply the current tint and opacity
         renderer.setTint(this.tint, this.getOpacity());
+
+        // apply blending if different from "normal"
+        if (this.blendMode !== renderer.getBlendMode()) {
+            renderer.setBlendMode(this.blendMode);
+        }
     }
 
     /**

package/src/renderable/sprite.js

@@ -1,6 +1,6 @@
 import Vector2d from "./../math/vector2.js";
 import { renderer } from "./../video/video.js";
-import pool from "./../system/pooling.js";
+import * as pool from "./../system/pooling.js";
 import loader from "./../loader/loader.js";
 import { TextureAtlas } from "./../video/texture.js";
 import Renderable from "./renderable.js";
@@ -584,7 +584,7 @@ class Sprite extends Renderable {
             this.isDirty = true;
         }
 
-        return this.isDirty;
+        return super.update(dt);
     }
 
     /**

package/src/state/state.js

@@ -45,7 +45,7 @@ function _startRunLoop() {
         timer.reset();
 
         // start the main loop
-        _animFrameId = window.requestAnimationFrame(_renderFrame);
+        _animFrameId = globalThis.requestAnimationFrame(_renderFrame);
     }
 }
 
@@ -64,7 +64,7 @@ function _resumeRunLoop() {
 }
 
 /**
- * Pause the loop for most screen objects.
+ * Pause the loop for most stage objects.
  * @ignore
  */
 function _pauseRunLoop() {
@@ -85,7 +85,7 @@ function _renderFrame(time) {
     game.draw(stage);
     // schedule the next frame update
     if (_animFrameId !== -1) {
-        _animFrameId = window.requestAnimationFrame(_renderFrame);
+        _animFrameId = globalThis.requestAnimationFrame(_renderFrame);
     }
 }
 
@@ -95,7 +95,7 @@ function _renderFrame(time) {
  */
 function _stopRunLoop() {
     // cancel any previous animationRequestFrame
-    window.cancelAnimationFrame(_animFrameId);
+    globalThis.cancelAnimationFrame(_animFrameId);
     _animFrameId = -1;
 }
 
@@ -249,7 +249,7 @@ var state = {
     USER : 100,
 
     /**
-     * Stop the current screen object.
+     * Stop the current stage.
      * @name stop
      * @memberof state
      * @public
@@ -268,7 +268,7 @@ var state = {
             }
 
             // store time when stopped
-            _pauseTime = window.performance.now();
+            _pauseTime = globalThis.performance.now();
 
             // publish the stop notification
             event.emit(event.STATE_STOP);
@@ -276,7 +276,7 @@ var state = {
     },
 
     /**
-     * pause the current screen object
+     * pause the current stage
      * @name pause
      * @memberof state
      * @public
@@ -294,7 +294,7 @@ var state = {
             }
 
             // store time when paused
-            _pauseTime = window.performance.now();
+            _pauseTime = globalThis.performance.now();
 
             // publish the pause event
             event.emit(event.STATE_PAUSE);
@@ -302,7 +302,7 @@ var state = {
     },
 
     /**
-     * Restart the screen object from a full stop.
+     * Restart the current stage from a full stop.
      * @name restart
      * @memberof state
      * @public
@@ -319,7 +319,7 @@ var state = {
             }
 
             // calculate the elpased time
-            _pauseTime = window.performance.now() - _pauseTime;
+            _pauseTime = globalThis.performance.now() - _pauseTime;
 
             // force repaint
             game.repaint();
@@ -330,7 +330,7 @@ var state = {
     },
 
     /**
-     * resume the screen object
+     * resume the current stage
      * @name resume
      * @memberof state
      * @public
@@ -347,7 +347,7 @@ var state = {
             }
 
             // calculate the elpased time
-            _pauseTime = window.performance.now() - _pauseTime;
+            _pauseTime = globalThis.performance.now() - _pauseTime;
 
             // publish the resume event
             event.emit(event.STATE_RESUME, _pauseTime);
@@ -438,7 +438,7 @@ var state = {
     },
 
     /**
-     * return a reference to the current screen object<br>
+     * return a reference to the current stage<br>
      * useful to call a object specific method
      * @name current
      * @memberof state