melonjs 14.1.0 → 14.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "melonjs",
-  "version": "14.1.0",
+  "version": "14.1.1",
   "description": "melonJS Game Engine",
   "homepage": "http://www.melonjs.org/",
   "type": "module",
@@ -38,7 +38,7 @@
     "node": ">= 19"
   },
   "main": "dist/melonjs.module.js",
-  "module": "dist/melonjs.mjs/index.js",
+  "module": "dist/melonjs.module.js",
   "types": "dist/melonjs.module.d.ts",
   "sideEffects": false,
   "files": [
@@ -69,18 +69,18 @@
     "@rollup/plugin-replace": "^5.0.1",
     "@types/offscreencanvas": "^2019.7.0",
     "@webdoc/cli": "^2.2.0",
-    "chromedriver": "^107.0.1",
+    "chromedriver": "^107.0.3",
     "cross-env": "^7.0.3",
     "del-cli": "^5.0.0",
     "eslint": "^8.26.0",
-    "eslint-plugin-jsdoc": "^39.3.25",
+    "eslint-plugin-jsdoc": "^39.6.2",
     "expect": "^29.2.2",
     "expect-mocha-image-snapshot": "^2.0.14",
     "fastify": "^4.9.1",
     "mocha": "^10.1.0",
     "npm-self-link": "^1.1.7",
-    "puppeteer": "^19.2.0",
-    "rollup": "^3.2.3",
+    "puppeteer": "^19.2.1",
+    "rollup": "^3.2.5",
     "rollup-plugin-bundle-size": "^1.0.3",
     "rollup-plugin-string": "^3.0.0",
     "terser": "^5.15.1",

package/src/application/application.js

@@ -10,7 +10,7 @@ import World from "./../physics/world.js";
  * An Application is responsible for updating (each frame) all the related object status and draw them.
  * @see game
  */
-class Application {
+ export default class Application {
     constructor() {
         /**
          * a reference to the current active stage "default" camera
@@ -228,4 +228,3 @@ class Application {
     }
 }
 
-export default Application;

package/src/camera/camera2d.js

@@ -23,7 +23,7 @@ var targetV = new Vector2d();
  * a 2D orthographic camera
  * @augments Renderable
  */
-class Camera2d extends Renderable {
+ export default class Camera2d extends Renderable {
     /**
      * @param {number} minX - start x offset
      * @param {number} minY - start y offset
@@ -724,4 +724,3 @@ class Camera2d extends Renderable {
     }
 
 }
-export default Camera2d;

package/src/entity/entity.js

@@ -10,7 +10,7 @@ import Body from "./../physics/body.js";
  * @augments Renderable
  * @see Renderable
  */
-class Entity extends Renderable {
+ export default class Entity extends Renderable {
     /**
      * @param {number} x - the x coordinates of the entity object
      * @param {number} y - the y coordinates of the entity object
@@ -237,4 +237,3 @@ class Entity extends Renderable {
     }
 
 }
-export default Entity;

package/src/geometries/ellipse.js

@@ -4,7 +4,7 @@ import pool from "./../system/pooling.js";
  * @classdesc
  * an ellipse Object
  */
-class Ellipse {
+ export default class Ellipse {
     /**
      * @param {number} x - the center x coordinate of the ellipse
      * @param {number} y - the center y coordinate of the ellipse
@@ -263,4 +263,3 @@ class Ellipse {
         );
     }
 }
-export default Ellipse;

package/src/geometries/line.js

@@ -10,7 +10,7 @@ import Polygon from "./poly.js";
  * @param {Vector2d[]} points - array of vectors defining the Line
  */
 
-class Line extends Polygon {
+ export default class Line extends Polygon {
 
     /**
      * Returns true if the Line contains the given point
@@ -104,4 +104,3 @@ class Line extends Polygon {
     }
 
 }
-export default Line;

package/src/geometries/path2d.js

@@ -6,7 +6,7 @@ import earcut from "earcut";
  * @classdesc
  * a simplified path2d implementation, supporting only one path
  */
-class Path2D {
+ export default class Path2D {
     constructor() {
         /**
          * the points defining the current path
@@ -306,4 +306,3 @@ class Path2D {
         this.arcTo(x, y, x + radius, y, radius);
     }
 }
-export default Path2D;

package/src/geometries/point.js

@@ -2,7 +2,7 @@
  * @classdesc
  * represents a point in a 2d space
  */
-class Point {
+ export default class Point {
     constructor(x = 0, y = 0) {
         /**
          * the position of the point on the horizontal axis
@@ -77,4 +77,3 @@ class Point {
         return new Point(this.x, this.y);
     }
 }
-export default Point;

package/src/geometries/poly.js

@@ -12,7 +12,7 @@ import pool from "./../system/pooling.js";
  *
  * A polygon's `winding` is clockwise if its vertices (points) are declared turning to the right. The image above shows COUNTERCLOCKWISE winding.
  */
-class Polygon {
+ export default class Polygon {
     /**
      * @param {number} x - origin point of the Polygon
      * @param {number} y - origin point of the Polygon
@@ -486,5 +486,3 @@ class Polygon {
         return new Polygon(this.pos.x, this.pos.y, copy);
     }
 }
-
-export default Polygon;

package/src/geometries/rectangle.js

@@ -6,7 +6,7 @@ import Polygon from "./poly.js";
  * a rectangle Object
  * @augments Polygon
  */
-class Rect extends Polygon {
+ export default class Rect extends Polygon {
     /**
      * @param {number} x - position of the Rectangle
      * @param {number} y - position of the Rectangle
@@ -363,4 +363,3 @@ class Rect extends Polygon {
         );
     }
 }
-export default Rect;

package/src/geometries/roundrect.js

@@ -7,7 +7,7 @@ import Rect from "./rectangle.js";
  * a rectangle object with rounded corners
  * @augments Rect
  */
-class RoundRect extends Rect {
+export default class RoundRect extends Rect {
     /**
      * @param {number} x - position of the rounded rectangle
      * @param {number} y - position of the rounded rectangle
@@ -156,4 +156,3 @@ class RoundRect extends Rect {
         return new RoundRect(this.pos.x, this.pos.y, this.width, this.height, this.radius);
     }
 }
-export default RoundRect;

package/src/level/tiled/TMXLayer.js

@@ -68,7 +68,7 @@ function preRenderLayer(layer, renderer) {
  * Tiled QT 0.7.x format
  * @augments Renderable
  */
-class TMXLayer extends Renderable {
+ export default class TMXLayer extends Renderable {
     /**
      * @param {object} map - layer data in JSON format ({@link http://docs.mapeditor.org/en/stable/reference/tmx-map-format/#layer})
      * @param {object} data - layer data in JSON format ({@link http://docs.mapeditor.org/en/stable/reference/tmx-map-format/#layer})
@@ -436,4 +436,3 @@ class TMXLayer extends Renderable {
     }
 }
 
-export default TMXLayer;

package/src/level/tiled/TMXTile.js

@@ -13,7 +13,7 @@ const TMX_FLIP_H          = 0x80000000,
  * a basic tile object
  * @augments Bounds
  */
-class Tile extends Bounds {
+ export default class Tile extends Bounds {
     /**
      * @param {number} x - x index of the Tile in the map
      * @param {number} y - y index of the Tile in the map
@@ -182,4 +182,3 @@ class Tile extends Bounds {
         return renderable;
     }
 }
-export default Tile;

package/src/level/tiled/TMXTileMap.js

@@ -12,7 +12,6 @@ import TMXTilesetGroup from "./TMXTilesetGroup.js";
 import TMXGroup from "./TMXGroup.js";
 import TMXLayer from "./TMXLayer.js";
 import { applyTMXProperties } from "./TMXUtils.js";
-import Renderable from "./../../renderable/renderable.js";
 import Container from "./../../renderable/container.js";
 
 // constant to identify the collision object layer
@@ -103,7 +102,7 @@ function readObjectGroup(map, data, z) {
  * a TMX Tile Map Object
  * Tiled QT +0.7.x format
  */
-class TMXTileMap {
+ export default class TMXTileMap {
     /**
      * @param {string} levelId - name of TMX map
      * @param {object} data - TMX map in JSON format
@@ -578,7 +577,7 @@ class TMXTileMap {
                     if (obj.isRenderable === true) {
                         obj.setOpacity(obj.getOpacity() * group.opacity);
                         // and to child renderables if any
-                        if (obj.renderable instanceof Renderable) {
+                        if (typeof obj.renderable !== "undefined" && obj.renderable.isRenderable === true) {
                             obj.renderable.setOpacity(obj.renderable.getOpacity() * group.opacity);
                         }
                     }
@@ -630,4 +629,3 @@ class TMXTileMap {
     }
 }
 
-export default TMXTileMap;

package/src/level/tiled/TMXTileset.js

@@ -8,7 +8,7 @@ import loader from "./../../loader/loader.js";
  * @classdesc
  * a TMX Tile Set Object
  */
-class TMXTileset {
+ export default class TMXTileset {
     /**
      *  @param {object} tileset - tileset data in JSON format ({@link http://docs.mapeditor.org/en/stable/reference/tmx-map-format/#tileset})
      */
@@ -299,4 +299,3 @@ class TMXTileset {
     }
 }
 
-export default TMXTileset;

package/src/level/tiled/TMXTilesetGroup.js

@@ -6,7 +6,7 @@ const TMX_CLEAR_BIT_MASK = ~(0x80000000 | 0x40000000 | 0x20000000);
  * @classdesc
  * an object containing all tileset
  */
-class TMXTilesetGroup {
+ export default class TMXTilesetGroup {
 
     constructor() {
         this.tilesets = [];
@@ -72,4 +72,3 @@ class TMXTilesetGroup {
     }
 }
 
-export default TMXTilesetGroup;

package/src/level/tiled/renderer/TMXHexagonalRenderer.js

@@ -24,7 +24,7 @@ const offsetsStaggerY = [
  * an Hexagonal Map Renderder
  * @augments TMXRenderer
  */
-class TMXHexagonalRenderer extends TMXRenderer {
+ export default class TMXHexagonalRenderer extends TMXRenderer {
     /**
      * @param {TMXTileMap} map - the TMX map
      */
@@ -496,4 +496,3 @@ class TMXHexagonalRenderer extends TMXRenderer {
     }
 }
 
-export default TMXHexagonalRenderer;

package/src/level/tiled/renderer/TMXIsometricRenderer.js

@@ -9,7 +9,7 @@ import TMXLayer from "./../TMXLayer.js";
  * an Isometric Map Renderder
  * @augments TMXRenderer
  */
-class TMXIsometricRenderer extends TMXRenderer {
+ export default class TMXIsometricRenderer extends TMXRenderer {
     /**
      * @param {TMXTileMap} map - the TMX map
      */
@@ -209,4 +209,3 @@ class TMXIsometricRenderer extends TMXRenderer {
     }
 }
 
-export default TMXIsometricRenderer;

package/src/level/tiled/renderer/TMXOrthogonalRenderer.js

@@ -7,7 +7,7 @@ import TMXRenderer from "./TMXRenderer.js";
  * an Orthogonal Map Renderder
  * @augments TMXRenderer
  */
-class TMXOrthogonalRenderer extends TMXRenderer {
+ export default class TMXOrthogonalRenderer extends TMXRenderer {
     /**
      * @param {TMXTileMap} map - the TMX map
      */
@@ -147,4 +147,3 @@ class TMXOrthogonalRenderer extends TMXRenderer {
     }
 }
 
-export default TMXOrthogonalRenderer;

package/src/level/tiled/renderer/TMXRenderer.js

@@ -8,7 +8,7 @@ import Bounds from "./../../../physics/bounds.js";
  * @classdesc
  * The map renderer base class
  */
-class TMXRenderer {
+ export default class TMXRenderer {
     /**
      * @param {number} cols - width of the tilemap in tiles
      * @param {number} rows - height of the tilemap in tiles
@@ -111,6 +111,5 @@ class TMXRenderer {
 
 }
 
-export default TMXRenderer;
 
 /* eslint-enable no-unused-vars */

package/src/level/tiled/renderer/TMXStaggeredRenderer.js

@@ -9,7 +9,7 @@ import { degToRad } from "./../../../math/math.js";
  * a Staggered Map Renderder
  * @augments TMXHexagonalRenderer
  */
-class TMXStaggeredRenderer extends TMXHexagonalRenderer {
+ export default class TMXStaggeredRenderer extends TMXHexagonalRenderer {
 
     /**
      * return true if the renderer can render the specified layer
@@ -98,4 +98,3 @@ class TMXStaggeredRenderer extends TMXHexagonalRenderer {
     }
 }
 
-export default TMXStaggeredRenderer;

package/src/math/color.js

@@ -182,7 +182,7 @@ var cssToRGB = new Map();
  * @classdesc
  * A color manipulation object.
  */
-class Color {
+ export default class Color {
     /**
      * @param {number} [r=0] - red component or array of color components
      * @param {number} [g=0] - green component
@@ -606,4 +606,3 @@ class Color {
     }
 }
 
-export default Color;

package/src/math/matrix2.js

@@ -7,7 +7,7 @@ import Matrix3d from "./matrix3.js";
  * the identity matrix and parameters position : <br>
  * <img src="images/identity-matrix_2x.png"/>
  */
-class Matrix2d {
+ export default class Matrix2d {
     /**
      * @param {(Matrix2d|Matrix3d|...number)} args - an instance of me.Matrix2d or me.Matrix3d to copy from, or individual matrix components (See {@link Matrix2d.setTransform}). If not arguments are given, the matrix will be set to Identity.
      */
@@ -491,4 +491,3 @@ class Matrix2d {
     }
 }
 
-export default Matrix2d;

package/src/math/matrix3.js

@@ -5,7 +5,7 @@ import { EPSILON } from "./math.js";
  * @classdesc
  * a 4x4 Matrix3d Object
  */
-class Matrix3d {
+ export default class Matrix3d {
     /**
      * @param {(Matrix3d|...number)} args - An instance of me.Matrix3d to copy from, or individual Matrix components (See {@link Matrix3d.setTransform}). If not arguments are given, the matrix will be set to Identity.
      */
@@ -669,4 +669,3 @@ class Matrix3d {
     }
 }
 
-export default Matrix3d;

package/src/math/observable_vector2.js

@@ -7,7 +7,7 @@ import {clamp} from "./math.js";
  * A Vector2d object that provide notification by executing the given callback when the vector is changed.
  * @augments Vector2d
  */
-class ObservableVector2d extends Vector2d {
+ export default class ObservableVector2d extends Vector2d {
     /**
      * @param {number} x - x value of the vector
      * @param {number} y - y value of the vector
@@ -459,4 +459,3 @@ class ObservableVector2d extends Vector2d {
     }
 }
 
-export default ObservableVector2d;

package/src/math/observable_vector3.js

@@ -7,7 +7,7 @@ import pool from "./../system/pooling.js";
  * A Vector3d object that provide notification by executing the given callback when the vector is changed.
  * @augments Vector3d
  */
-class ObservableVector3d extends Vector3d {
+ export default class ObservableVector3d extends Vector3d {
     /**
      * @param {number} x - x value of the vector
      * @param {number} y - y value of the vector
@@ -549,4 +549,3 @@ class ObservableVector3d extends Vector3d {
     }
 }
 
-export default ObservableVector3d;

package/src/math/vector2.js

@@ -5,7 +5,7 @@ import pool from "./../system/pooling.js";
  * @classdesc
  * a generic 2D Vector Object
  */
-class Vector2d {
+ export default class Vector2d {
     /**
      * @param {number} [x=0] - x value of the vector
      * @param {number} [y=0] - y value of the vector
@@ -516,4 +516,3 @@ class Vector2d {
     }
 }
 
-export default Vector2d;

package/src/math/vector3.js

@@ -5,7 +5,7 @@ import pool from "./../system/pooling.js";
  * @classdesc
  * a generic 3D Vector Object
  */
-class Vector3d {
+ export default class Vector3d {
     /**
      * @param {number} [x=0] - x value of the vector
      * @param {number} [y=0] - y value of the vector
@@ -557,4 +557,3 @@ class Vector3d {
     }
 }
 
-export default Vector3d;

package/src/particles/emitter.js

@@ -21,7 +21,7 @@ function createDefaultParticleTexture(w = 8, h = 8) {
  * Particle Emitter Object.
  * @augments Container
  */
-class ParticleEmitter extends Container {
+ export default class ParticleEmitter extends Container {
     /**
      * @param {number} x - x position of the particle emitter
      * @param {number} y - y position of the particle emitter
@@ -256,4 +256,3 @@ class ParticleEmitter extends Container {
     }
 }
 
-export default ParticleEmitter;

package/src/particles/particle.js

@@ -8,7 +8,7 @@ import Renderable from "./../renderable/renderable.js";
  * Single Particle Object.
  * @augments Renderable
  */
-class Particle extends Renderable {
+ export default class Particle extends Renderable {
     /**
      * @param {ParticleEmitter} emitter - the particle emitter
      */
@@ -176,4 +176,3 @@ class Particle extends Renderable {
     }
 }
 
-export default Particle;

package/src/physics/body.js

@@ -14,7 +14,7 @@ import Point from "../geometries/point.js";
  * a Generic Physic Body Object with some physic properties and behavior functionality, to as a member of a Renderable.
  * @see Renderable.body
  */
-class Body {
+ export default class Body {
     /**
      * @param {Renderable} ancestor - the parent object this body is attached to
      * @param {Rect|Rect[]|Polygon|Polygon[]|Line|Line[]|Ellipse|Ellipse[]|Point|Point[]|Bounds|Bounds[]|object} [shapes] - a initial shape, list of shapes, or JSON object defining the body
@@ -692,4 +692,3 @@ class Body {
     }
 }
 
-export default Body;

package/src/physics/bounds.js

@@ -5,7 +5,7 @@ import Vector2d from "./../math/vector2.js";
  * @classdesc
  * a bound object contains methods for creating and manipulating axis-aligned bounding boxes (AABB).
  */
-class Bounds {
+ export default class Bounds {
     /**
      * @param {Vector2d[]} [vertices] - an array of me.Vector2d points
      */
@@ -448,4 +448,4 @@ class Bounds {
     }
 
 }
-export default Bounds;
+

package/src/physics/quadtree.js

@@ -1,5 +1,4 @@
 import Vector2d from "./../math/vector2.js";
-import Container from "./../renderable/container.js";
 import * as arrayUtil from "./../utils/array.js";
 
 /*
@@ -8,7 +7,6 @@ import * as arrayUtil from "./../utils/array.js";
  * https://github.com/timohausmann/quadtree-js/
 **/
 
-
 /**
  * a pool of `QuadTree` objects
  * @ignore
@@ -53,7 +51,7 @@ var QT_VECTOR = new Vector2d();
  * a QuadTree implementation in JavaScript, a 2d spatial subdivision algorithm.
  * @see game.world.broadphase
  */
-class QuadTree {
+ export default class QuadTree {
     /**
      * @param {World} world - the physic world this QuadTree belongs to
      * @param {Bounds} bounds - bounds of the node
@@ -70,7 +68,6 @@ class QuadTree {
         this.max_levels  = max_levels;
 
         this.level = level;
-        this.bounds = bounds;
 
         this.objects = [];
         this.nodes = [];
@@ -89,7 +86,7 @@ class QuadTree {
          //top right node
         this.nodes[0] = QT_ARRAY_POP(
             this.world,
-            this.bounds, {
+            {
                 left : left + subWidth,
                 top : top,
                 width : subWidth,
@@ -103,7 +100,7 @@ class QuadTree {
         //top left node
         this.nodes[1] = QT_ARRAY_POP(
             this.world,
-            this.bounds, {
+            {
                 left : left,
                 top: top,
                 width : subWidth,
@@ -117,7 +114,7 @@ class QuadTree {
         //bottom left node
         this.nodes[2] = QT_ARRAY_POP(
             this.world,
-            this.bounds, {
+            {
                 left : left,
                 top : top + subHeight,
                 width : subWidth,
@@ -131,7 +128,7 @@ class QuadTree {
         //bottom right node
         this.nodes[3] = QT_ARRAY_POP(
             this.world,
-            this.bounds, {
+            {
                 left : left + subWidth,
                 top : top + subHeight,
                 width : subWidth,
@@ -156,7 +153,7 @@ class QuadTree {
         if (item.isFloating === true) {
             pos = this.world.app.viewport.localToWorld(bounds.left, bounds.top, QT_VECTOR);
         } else {
-            pos = QT_VECTOR.set(bounds.left, bounds.top);
+            pos = QT_VECTOR.set(item.left, item.top);
         }
 
         var index = -1,
@@ -199,7 +196,7 @@ class QuadTree {
     insertContainer(container) {
         for (var i = container.children.length, child; i--, (child = container.children[i]);) {
             if (child.isKinematic !== true) {
-                if (child instanceof Container) {
+                if (typeof child.addChild === "function") {
                     if (child.name !== "rootContainer") {
                         this.insert(child);
                     }
@@ -386,5 +383,3 @@ class QuadTree {
         }
     }
 }
-
-export default QuadTree;

package/src/physics/world.js

@@ -11,7 +11,7 @@ import state from "./../state/state.js";
  * an object representing the physic world, and responsible for managing and updating all childs and physics
  * @augments Container
  */
-class World extends Container {
+ export default class World extends Container {
     /**
      * @param {number} [x=0] - position of the container (accessible via the inherited pos.x property)
      * @param {number} [y=0] - position of the container (accessible via the inherited pos.y property)
@@ -209,4 +209,3 @@ class World extends Container {
 
 }
 
-export default World;

package/src/renderable/collectable.js

@@ -8,7 +8,7 @@ import pool from "./../system/pooling.js";
  * a basic collectable helper class for immovable object (e.g. a coin)
  * @augments Sprite
  */
-class Collectable extends Sprite {
+ export default class Collectable extends Sprite {
     /**
      * @param {number} x - the x coordinates of the collectable
      * @param {number} y - the y coordinates of the collectable
@@ -49,5 +49,3 @@ class Collectable extends Sprite {
     }
 
 }
-
-export default Collectable;

package/src/renderable/colorlayer.js

@@ -7,7 +7,7 @@ import Renderable from "./renderable.js";
  * a generic Color Layer Object.  Fills the entire Canvas with the color not just the container the object belongs to.
  * @augments Renderable
  */
-class ColorLayer extends Renderable {
+ export default class ColorLayer extends Renderable {
     /**
      * @param {string} name - Layer name
      * @param {Color|string} color - CSS color
@@ -68,5 +68,3 @@ class ColorLayer extends Renderable {
     }
 
 }
-
-export default ColorLayer;