melonjs 14.5.0 → 15.1.0

package/src/math/vector2.js

@@ -310,7 +310,7 @@ import pool from "./../system/pooling.js";
      * @returns {boolean}
      */
     equals() {
-        var _x, _y;
+        let _x, _y;
         if (arguments.length === 2) {
             // x, y
             _x = arguments[0];
@@ -353,19 +353,19 @@ import pool from "./../system/pooling.js";
      * @returns {Vector2d} Reference to this object for method chaining
      */
     rotate(angle, v) {
-        var cx = 0;
-        var cy = 0;
+        let cx = 0;
+        let cy = 0;
 
         if (typeof v === "object") {
             cx = v.x;
             cy = v.y;
         }
 
-        var x = this.x - cx;
-        var y = this.y - cy;
+        let x = this.x - cx;
+        let y = this.y - cy;
 
-        var c = Math.cos(angle);
-        var s = Math.sin(angle);
+        let c = Math.cos(angle);
+        let s = Math.sin(angle);
 
         return this._set(x * c - y * s + cx, x * s + y * c + cy);
     }
@@ -435,9 +435,9 @@ import pool from "./../system/pooling.js";
      * @returns {Vector2d} Reference to this object for method chaining
      */
      moveTowards(target, step) {
-        var angle = Math.atan2(target.y - this.y, target.x - this.x);
+        let angle = Math.atan2(target.y - this.y, target.x - this.x);
 
-        var distance = this.distance(target);
+        let distance = this.distance(target);
 
         if (distance === 0 || (step >= 0 && distance <= step * step)) {
             return target;
@@ -457,7 +457,7 @@ import pool from "./../system/pooling.js";
      * @returns {number}
      */
     distance(v) {
-        var dx = this.x - v.x, dy = this.y - v.y;
+        let dx = this.x - v.x, dy = this.y - v.y;
         return Math.sqrt(dx * dx + dy * dy);
     }
 

package/src/math/vector3.js

@@ -222,7 +222,7 @@ import pool from "./../system/pooling.js";
      * @returns {Vector3d} Reference to this object for method chaining
      */
     minV(v) {
-        var _vz = v.z || 0;
+        let _vz = v.z || 0;
         return this._set((this.x < v.x) ? this.x : v.x, (this.y < v.y) ? this.y : v.y, (this.z < _vz) ? this.z : _vz);
     }
 
@@ -234,7 +234,7 @@ import pool from "./../system/pooling.js";
      * @returns {Vector3d} Reference to this object for method chaining
      */
     maxV(v) {
-        var _vz = v.z || 0;
+        let _vz = v.z || 0;
         return this._set((this.x > v.x) ? this.x : v.x, (this.y > v.y) ? this.y : v.y, (this.z > _vz) ? this.z : _vz);
     }
 
@@ -327,7 +327,7 @@ import pool from "./../system/pooling.js";
      * @returns {boolean}
      */
     equals() {
-        var _x, _y, _z;
+        let _x, _y, _z;
         if (arguments.length >= 2) {
             // x, y, z
             _x = arguments[0];
@@ -377,8 +377,8 @@ import pool from "./../system/pooling.js";
      * @returns {Vector3d} Reference to this object for method chaining
      */
     rotate(angle, v) {
-        var cx = 0;
-        var cy = 0;
+        let cx = 0;
+        let cy = 0;
 
         if (typeof v === "object") {
             cx = v.x;
@@ -386,11 +386,11 @@ import pool from "./../system/pooling.js";
         }
 
         // TODO also rotate on the z axis if the given vector is a 3d one
-        var x = this.x - cx;
-        var y = this.y - cy;
+        let x = this.x - cx;
+        let y = this.y - cy;
 
-        var c = Math.cos(angle);
-        var s = Math.sin(angle);
+        let c = Math.cos(angle);
+        let s = Math.sin(angle);
 
         return this._set(x * c - y * s + cx, x * s + y * c + cy, this.z);
     }
@@ -414,8 +414,8 @@ import pool from "./../system/pooling.js";
      * @returns {Vector3d} Reference to this object for method chaining
      */
     cross(v) {
-        var ax = this.x, ay = this.y, az = this.z;
-        var bx = v.x, by = v.y, bz = v.z;
+        let ax = this.x, ay = this.y, az = this.z;
+        let bx = v.x, by = v.y, bz = v.z;
 
         this.x = ay * bz - az * by;
         this.y = az * bx - ax * bz;
@@ -468,12 +468,12 @@ import pool from "./../system/pooling.js";
      * @returns {Vector3d} Reference to this object for method chaining
      */
     moveTowards(target, step) {
-        var angle = Math.atan2(target.y - this.y, target.x - this.x);
+        let angle = Math.atan2(target.y - this.y, target.x - this.x);
 
-        var dx = this.x - target.x;
-        var dy = this.y - target.y;
+        let dx = this.x - target.x;
+        let dy = this.y - target.y;
 
-        var distance = Math.sqrt(dx * dx + dy * dy);
+        let distance = Math.sqrt(dx * dx + dy * dy);
 
         if (distance === 0 || (step >= 0 && distance <= step * step)) {
             return target;
@@ -493,9 +493,9 @@ import pool from "./../system/pooling.js";
      * @returns {number}
      */
     distance(v) {
-        var dx = this.x - v.x;
-        var dy = this.y - v.y;
-        var dz = this.z - (v.z || 0);
+        let dx = this.x - v.x;
+        let dy = this.y - v.y;
+        let dz = this.z - (v.z || 0);
         return Math.sqrt(dx * dx + dy * dy + dz * dz);
     }
 
@@ -518,7 +518,7 @@ import pool from "./../system/pooling.js";
      * @returns {Vector3d} Reference to this object for method chaining
      */
     project(v) {
-        var ratio = this.dot(v) / v.length2();
+        let ratio = this.dot(v) / v.length2();
         return this.scale(ratio, ratio, ratio);
     }
 
@@ -531,7 +531,7 @@ import pool from "./../system/pooling.js";
      * @returns {Vector3d} Reference to this object for method chaining
      */
     projectN(v) {
-        var ratio = this.dot(v) / v.length2();
+        let ratio = this.dot(v) / v.length2();
         return this.scale(ratio, ratio, ratio);
     }
 

package/src/particles/emitter.js

@@ -8,7 +8,7 @@ import Container from "./../renderable/container.js";
  * @ignore
  */
 function createDefaultParticleTexture(w = 8, h = 8) {
-    var defaultParticleTexture = pool.pull("CanvasTexture", w, h, { offscreenCanvas: true });
+    let defaultParticleTexture = pool.pull("CanvasTexture", w, h, { offscreenCanvas: true });
 
     defaultParticleTexture.context.fillStyle = "#fff";
     defaultParticleTexture.context.fillRect(0, 0, w, h);
@@ -28,7 +28,7 @@ function createDefaultParticleTexture(w = 8, h = 8) {
      * @param {ParticleEmitterSettings} [settings=ParticleEmitterSettings] - the settings for the particle emitter.
      * @example
      * // Create a particle emitter at position 100, 100
-     * var emitter = new ParticleEmitter(100, 100, {
+     * let emitter = new ParticleEmitter(100, 100, {
      *     width: 16,
      *     height : 16,
      *     tint: "#f00",
@@ -144,7 +144,7 @@ function createDefaultParticleTexture(w = 8, h = 8) {
     // Add count particles in the game world
     /** @ignore */
     addParticles(count) {
-        for (var i = 0; i < count; i++) {
+        for (let i = 0; i < count; i++) {
             // Add particle to the container
             this.addChild(pool.pull("Particle", this), this.pos.z);
         }
@@ -224,7 +224,7 @@ function createDefaultParticleTexture(w = 8, h = 8) {
             this._frequencyTimer += dt;
 
             // Check for new particles launch
-            var particlesCount = this.children.length;
+            const particlesCount = this.children.length;
             if ((particlesCount < this.settings.totalParticles) && (this._frequencyTimer >= this.settings.frequency)) {
                 if ((particlesCount + this.settings.maxParticles) <= this.settings.totalParticles) {
                     this.addParticles(this.settings.maxParticles);

package/src/particles/particle.js

@@ -60,8 +60,8 @@ import Renderable from "./../renderable/renderable.js";
         }
 
         // Set the start particle Angle and Speed as defined in emitter
-        var angle = emitter.settings.angle + ((emitter.settings.angleVariation > 0) ? (randomFloat(0, 2) - 1) * emitter.settings.angleVariation : 0);
-        var speed = emitter.settings.speed + ((emitter.settings.speedVariation > 0) ? (randomFloat(0, 2) - 1) * emitter.settings.speedVariation : 0);
+        let angle = emitter.settings.angle + ((emitter.settings.angleVariation > 0) ? (randomFloat(0, 2) - 1) * emitter.settings.angleVariation : 0);
+        let speed = emitter.settings.speed + ((emitter.settings.speedVariation > 0) ? (randomFloat(0, 2) - 1) * emitter.settings.speedVariation : 0);
 
         // Set the start particle Velocity
         this.vel.set(speed * Math.cos(angle), -speed * Math.sin(angle));
@@ -111,7 +111,7 @@ import Renderable from "./../renderable/renderable.js";
      */
     update(dt) {
         // move things forward independent of the current frame rate
-        var skew = dt * this._deltaInv;
+        let skew = dt * this._deltaInv;
 
         // Decrease particle life
         this.life = this.life > dt ? this.life - dt : 0;
@@ -122,10 +122,10 @@ import Renderable from "./../renderable/renderable.js";
         }
 
         // Calculate the particle Age Ratio
-        var ageRatio = this.life / this.startLife;
+        let ageRatio = this.life / this.startLife;
 
         // Resize the particle as particle Age Ratio
-        var scale = this.startScale;
+        let scale = this.startScale;
         if (this.startScale > this.endScale) {
             scale *= ageRatio;
             scale = (scale < this.endScale) ? this.endScale : scale;
@@ -143,7 +143,7 @@ import Renderable from "./../renderable/renderable.js";
         this.vel.y += this.gravity * skew;
 
         // If necessary update the rotation of particle in accordance the particle trajectory
-        var angle = this.followTrajectory ? Math.atan2(this.vel.y, this.vel.x) : this.angle;
+        let angle = this.followTrajectory ? Math.atan2(this.vel.y, this.vel.x) : this.angle;
 
         this.pos.x += this.vel.x * skew;
         this.pos.y += this.vel.y * skew;
@@ -165,7 +165,7 @@ import Renderable from "./../renderable/renderable.js";
      * @ignore
      */
     draw(renderer) {
-        var w = this.width, h = this.height;
+        let w = this.width, h = this.height;
         renderer.drawImage(
             this.image,
             0, 0,

package/src/particles/settings.js

@@ -78,7 +78,7 @@ const ParticleEmitterSettings = {
     angle : Math.PI / 2,
 
     /**
-     * Variation in the start angle for particle launch in Radians.
+     * letiation in the start angle for particle launch in Radians.
      * @public
      * @type {number}
      * @name angleVariation
@@ -118,7 +118,7 @@ const ParticleEmitterSettings = {
     speed : 2,
 
     /**
-     * Variation in the start speed of particles
+     * letiation in the start speed of particles
      * @public
      * @type {number}
      * @name speedVariation

package/src/physics/body.js

@@ -212,7 +212,7 @@ import Point from "../geometries/point.js";
         // parses the given shapes array and add them
         if (typeof shapes !== "undefined") {
             if (Array.isArray(shapes)) {
-                for (var s = 0; s < shapes.length; s++) {
+                for (let s = 0; s < shapes.length; s++) {
                     this.addShape(shapes[s]);
                 }
             } else {
@@ -246,7 +246,7 @@ import Point from "../geometries/point.js";
      */
     addShape(shape) {
         if (shape instanceof Rect || shape instanceof Bounds) {
-            var poly = shape.toPolygon();
+            let poly = shape.toPolygon();
             this.shapes.push(poly);
             // update the body bounds
             this.bounds.add(poly.points);
@@ -297,7 +297,7 @@ import Point from "../geometries/point.js";
      * @param {boolean} [clear=true] - either to reset the body definition before adding the new vertices
      */
     setVertices(vertices, index = 0, clear = true) {
-        var polygon = this.getShape(index);
+        let polygon = this.getShape(index);
         if (polygon instanceof Polygon) {
             polygon.setShape(0, 0, vertices);
         } else {
@@ -336,7 +336,7 @@ import Point from "../geometries/point.js";
      * this.body.fromJSON(me.loader.getJSON("shapesdef"), "banana");
      */
     fromJSON(json, id) {
-        var data = json;
+        let data = json;
 
         if (typeof id !== "undefined" ) {
             data = json[id];
@@ -349,7 +349,7 @@ import Point from "../geometries/point.js";
 
         if (data.length) {
             // go through all shapes and add them to the body
-            for (var i = 0; i < data.length; i++) {
+            for (let i = 0; i < data.length; i++) {
                 this.addVertices(data[i].shape, i);
             }
             // apply density, friction and bounce properties from the first shape
@@ -391,7 +391,7 @@ import Point from "../geometries/point.js";
         // remove the shape from shape list
         arrayUtil.remove(this.shapes, shape);
         // add everything left back
-        for (var s = 0; s < this.shapes.length; s++) {
+        for (let s = 0; s < this.shapes.length; s++) {
             this.addShape(this.shapes[s]);
         }
         // return the length of the shape list
@@ -448,7 +448,7 @@ import Point from "../geometries/point.js";
      */
     respondToCollision(response) {
         // the overlap vector
-        var overlap = response.overlapV;
+        let overlap = response.overlapV;
 
         // FIXME: Respond proportionally to object mass
 
@@ -470,7 +470,7 @@ import Point from "../geometries/point.js";
 
             if (!this.ignoreGravity) {
                 // cancel the falling an jumping flags if necessary
-                var dir = this.falling === true ? 1 : this.jumping === true ? -1 : 0;
+                let dir = this.falling === true ? 1 : this.jumping === true ? -1 : 0;
                 this.falling = overlap.y >= dir;
                 this.jumping = overlap.y <= -dir;
             }
@@ -495,10 +495,10 @@ import Point from "../geometries/point.js";
      * mySprite.body.forEach((shape, index, array) => { ... }, thisArg);
      */
     forEach(callback, thisArg) {
-        var context = this, i = 0;
-        var shapes = this.shapes;
+        let context = this, i = 0;
+        let shapes = this.shapes;
 
-        var len = shapes.length;
+        let len = shapes.length;
 
         if (typeof callback !== "function") {
             throw new Error(callback + " is not a function");
@@ -527,7 +527,7 @@ import Point from "../geometries/point.js";
      * @returns {boolean} true if contains
      */
     contains() {
-        var _x, _y;
+        let _x, _y;
 
         if (arguments.length === 2) {
           // x, y
@@ -541,7 +541,7 @@ import Point from "../geometries/point.js";
 
         if (this.getBounds().contains(_x, _y)) {
              // cannot use forEach here as cannot break out with a return
-             for (var i = this.shapes.length, shape; i--, (shape = this.shapes[i]);) {
+             for (let i = this.shapes.length, shape; i--, (shape = this.shapes[i]);) {
                 if (shape.contains(_x, _y)) {
                     return true;
                 }
@@ -615,7 +615,7 @@ import Point from "../geometries/point.js";
     update(dt) { // eslint-disable-line no-unused-vars
         // apply timer.tick to delta time for linear interpolation (when enabled)
         // #761 add delta time in body update
-        var deltaTime = /* dt * */ timer.tick;
+        let deltaTime = /* dt * */ timer.tick;
 
         // apply force if defined
         if (this.force.x !== 0) {
@@ -627,7 +627,7 @@ import Point from "../geometries/point.js";
 
         // apply friction if defined
         if (this.friction.x > 0) {
-            var fx = this.friction.x * deltaTime,
+            let fx = this.friction.x * deltaTime,
                 nx = this.vel.x + fx,
                 x = this.vel.x - fx;
 
@@ -637,7 +637,7 @@ import Point from "../geometries/point.js";
             );
         }
         if (this.friction.y > 0) {
-            var fy = this.friction.y * deltaTime,
+            let fy = this.friction.y * deltaTime,
                 ny = this.vel.y + fy,
                 y = this.vel.y - fy;
 

package/src/physics/bounds.js

@@ -62,7 +62,7 @@ import Vector2d from "./../math/vector2.js";
     }
 
     set x(value) {
-        var deltaX = this.max.x - this.min.x;
+        let deltaX = this.max.x - this.min.x;
         this.min.x = value;
         this.max.x = value + deltaX;
     }
@@ -76,7 +76,7 @@ import Vector2d from "./../math/vector2.js";
     }
 
     set y(value) {
-        var deltaY = this.max.y - this.min.y;
+        let deltaY = this.max.y - this.min.y;
 
         this.min.y = value;
         this.max.y = value + deltaY;
@@ -189,8 +189,8 @@ import Vector2d from "./../math/vector2.js";
         if (clear === true) {
             this.clear();
         }
-        for (var i = 0; i < vertices.length; i++) {
-            var vertex = vertices[i];
+        for (let i = 0; i < vertices.length; i++) {
+            let vertex = vertices[i];
             if (vertex.x > this.max.x) this.max.x = vertex.x;
             if (vertex.x < this.min.x) this.min.x = vertex.x;
             if (vertex.y > this.max.y) this.max.y = vertex.y;
@@ -242,7 +242,7 @@ import Vector2d from "./../math/vector2.js";
      * @param {Matrix2d} [m] - an optional transform to apply to the given frame coordinates
      */
     addFrame(x0, y0, x1, y1, m) {
-        var v = pool.pull("Point");
+        let v = pool.pull("Point");
 
         this.addPoint(v.set(x0, y0), m);
         this.addPoint(v.set(x1, y0), m);
@@ -267,8 +267,8 @@ import Vector2d from "./../math/vector2.js";
      * @returns {boolean} True if the bounds contain the point, otherwise false
      */
     contains() {
-        var arg0 = arguments[0];
-        var _x1, _x2, _y1, _y2;
+        let arg0 = arguments[0];
+        let _x1, _x2, _y1, _y2;
         if (arguments.length === 2) {
             // x, y
             _x1 = _x2 = arg0;
@@ -322,7 +322,7 @@ import Vector2d from "./../math/vector2.js";
      * @param {number} y
      */
     translate() {
-        var _x, _y;
+        let _x, _y;
         if (arguments.length === 2) {
             // x, y
             _x = arguments[0];
@@ -351,7 +351,7 @@ import Vector2d from "./../math/vector2.js";
      * @param {number} y
      */
     shift() {
-        var _x, _y;
+        let _x, _y;
 
         if (arguments.length === 2) {
             // x, y
@@ -363,7 +363,7 @@ import Vector2d from "./../math/vector2.js";
             _y = arguments[0].y;
         }
 
-        var deltaX = this.max.x - this.min.x,
+        let deltaX = this.max.x - this.min.x,
             deltaY = this.max.y - this.min.y;
 
         this.min.x = _x;
@@ -377,7 +377,7 @@ import Vector2d from "./../math/vector2.js";
      * @returns {Bounds}
      */
     clone() {
-        var bounds = new Bounds();
+        let bounds = new Bounds();
         bounds.addBounds(this);
         return bounds;
     }

package/src/physics/collision.js

@@ -6,7 +6,7 @@ import { game } from "../index.js";
  * @namespace collision
  */
 
-var collision = {
+let collision = {
 
      /**
       * The maximum number of children that a quadtree node can contain before it is split into sub-nodes.
@@ -101,7 +101,7 @@ var collision = {
      * @returns {Array.<Renderable>} an array of intersecting physic objects
      * @example
      *    // define a line accross the viewport
-     *    var ray = new me.Line(
+     *    let ray = new me.Line(
      *        // absolute position of the line
      *        0, 0, [
      *        // starting point relative to the initial position

package/src/physics/detector.js

@@ -45,7 +45,7 @@ export default class Detector {
      * @returns {boolean} true if they should collide, false otherwise
      */
     shouldCollide(a, b) {
-        var bodyA = a.body,
+        let bodyA = a.body,
             bodyB = b.body;
         return (
             (typeof bodyA === "object" && typeof bodyB === "object") &&
@@ -66,9 +66,9 @@ export default class Detector {
      */
     collides(bodyA, bodyB, response = this.response) {
         // for each shape in body A
-        for (var indexA = bodyA.shapes.length, shapeA; indexA--, (shapeA = bodyA.shapes[indexA]);) {
+        for (let indexA = bodyA.shapes.length, shapeA; indexA--, (shapeA = bodyA.shapes[indexA]);) {
             // for each shape in body B
-            for (var indexB = bodyB.shapes.length, shapeB; indexB--, (shapeB = bodyB.shapes[indexB]);) {
+            for (let indexB = bodyB.shapes.length, shapeB; indexB--, (shapeB = bodyB.shapes[indexB]);) {
                 // full SAT collision check
                 if (SAT["test" + shapeA.shapeType + shapeB.shapeType].call(
                         this,
@@ -98,9 +98,9 @@ export default class Detector {
      * @returns {boolean} in case of collision, false otherwise
      */
     collisions(objA) {
-        var collisionCounter = 0;
+        let collisionCounter = 0;
         // retreive a list of potential colliding objects from the game world
-        var candidates = this.world.broadphase.retrieve(objA);
+        let candidates = this.world.broadphase.retrieve(objA);
 
         boundsA.addBounds(objA.getBounds(), true);
         boundsA.addBounds(objA.body.getBounds());
@@ -142,7 +142,7 @@ export default class Detector {
      * @returns {Array.<Renderable>} an array of intersecting physic objects
      * @example
      *    // define a line accross the viewport
-     *    var ray = new me.Line(
+     *    let ray = new me.Line(
      *        // absolute position of the line
      *        0, 0, [
      *        // starting point relative to the initial position
@@ -159,28 +159,28 @@ export default class Detector {
      *    }
      */
     rayCast(line, result = []) {
-        var collisionCounter = 0;
+        let collisionCounter = 0;
 
         // retrieve a list of potential colliding objects from the game world
-        var candidates = this.world.broadphase.retrieve(line);
+        let candidates = this.world.broadphase.retrieve(line);
 
-        for (var i = candidates.length, objB; i--, (objB = candidates[i]);) {
+        for (let i = candidates.length, objB; i--, (objB = candidates[i]);) {
 
             // fast AABB check if both bounding boxes are overlaping
             if (objB.body && line.getBounds().overlaps(objB.getBounds())) {
 
                 // go trough all defined shapes in B (if any)
-                var bLen = objB.body.shapes.length;
+                let bLen = objB.body.shapes.length;
                 if ( objB.body.shapes.length === 0) {
                     continue;
                 }
 
-                var shapeA = line;
+                let shapeA = line;
 
                 // go through all defined shapes in B
-                var indexB = 0;
+                let indexB = 0;
                 do {
-                    var shapeB = objB.body.getShape(indexB);
+                    let shapeB = objB.body.getShape(indexB);
 
                     // full SAT collision check
                     if (SAT["test" + shapeA.shapeType + shapeB.shapeType]