melonjs 15.0.0 → 15.1.0

package/src/text/bitmaptextdata.js

@@ -8,7 +8,7 @@ const capChars = ["M", "N", "B", "D", "C", "E", "F", "K", "A", "G", "H", "I", "J
  * @ignore
  */
 function getValueFromPair(string, pattern) {
-    var value = string.match(pattern);
+    let value = string.match(pattern);
     if (!value) {
         throw new Error("Could not find pattern " + pattern + " in string: " + string);
     }
@@ -25,8 +25,8 @@ function getValueFromPair(string, pattern) {
  * @returns {Glyph}
  */
 function getFirstGlyph(glyphs) {
-    var keys = Object.keys(glyphs);
-    for (var i = 0; i < keys.length; i++) {
+    let keys = Object.keys(glyphs);
+    for (let i = 0; i < keys.length; i++) {
         if (keys[i] > 32) {
             return glyphs[keys[i]];
         }
@@ -42,8 +42,8 @@ function getFirstGlyph(glyphs) {
  * @param {object} glyphs - the map of glyphs, each key is a char code
  */
 function createSpaceGlyph(glyphs) {
-    var spaceCharCode = " ".charCodeAt(0);
-    var glyph = glyphs[spaceCharCode];
+    let spaceCharCode = " ".charCodeAt(0);
+    let glyph = glyphs[spaceCharCode];
     if (!glyph) {
         glyph = new Glyph();
         glyph.id = spaceCharCode;
@@ -102,12 +102,12 @@ function createSpaceGlyph(glyphs) {
         if (!fontData) {
             throw new Error("File containing font data was empty, cannot load the bitmap font.");
         }
-        var lines = fontData.split(/\r\n|\n/);
-        var padding = fontData.match(/padding\=\d+,\d+,\d+,\d+/g);
+        let lines = fontData.split(/\r\n|\n/);
+        let padding = fontData.match(/padding\=\d+,\d+,\d+,\d+/g);
         if (!padding) {
             throw new Error("Padding not found in first line");
         }
-        var paddingValues = padding[0].split("=")[1].split(",");
+        let paddingValues = padding[0].split("=")[1].split(",");
         this.padTop = parseFloat(paddingValues[0]);
         this.padLeft = parseFloat(paddingValues[1]);
         this.padBottom = parseFloat(paddingValues[2]);
@@ -115,24 +115,24 @@ function createSpaceGlyph(glyphs) {
 
         this.lineHeight = parseFloat(getValueFromPair(lines[1], /lineHeight\=\d+/g));
 
-        var baseLine = parseFloat(getValueFromPair(lines[1], /base\=\d+/g));
+        let baseLine = parseFloat(getValueFromPair(lines[1], /base\=\d+/g));
 
-        var padY = this.padTop + this.padBottom;
+        let padY = this.padTop + this.padBottom;
 
-        var glyph = null;
+        let glyph = null;
 
-        var i;
+        let i;
 
         for (i = 4; i < lines.length; i++) {
-            var line = lines[i];
-            var characterValues = line.split(/=|\s+/);
+            let line = lines[i];
+            let characterValues = line.split(/=|\s+/);
             if (!line || /^kernings/.test(line)) {
                 continue;
             }
             if (/^kerning\s/.test(line)) {
-                var first = parseFloat(characterValues[2]);
-                var second = parseFloat(characterValues[4]);
-                var amount = parseFloat(characterValues[6]);
+                let first = parseFloat(characterValues[2]);
+                let second = parseFloat(characterValues[4]);
+                let amount = parseFloat(characterValues[6]);
 
                 glyph = this.glyphs[first];
                 if (glyph !== null && typeof glyph !== "undefined") {
@@ -141,7 +141,7 @@ function createSpaceGlyph(glyphs) {
             } else {
                 glyph = new Glyph();
 
-                var ch = parseFloat(characterValues[2]);
+                let ch = parseFloat(characterValues[2]);
                 glyph.id = ch;
                 glyph.x = parseFloat(characterValues[4]);
                 glyph.y = parseFloat(characterValues[6]);
@@ -163,16 +163,16 @@ function createSpaceGlyph(glyphs) {
 
         createSpaceGlyph(this.glyphs);
 
-        var capGlyph = null;
+        let capGlyph = null;
         for (i = 0; i < capChars.length; i++) {
-            var capChar = capChars[i];
+            let capChar = capChars[i];
             capGlyph = this.glyphs[capChar.charCodeAt(0)];
             if (capGlyph) {
                 break;
             }
         }
         if (!capGlyph) {
-            for (var charCode in this.glyphs) {
+            for (let charCode in this.glyphs) {
                 if (this.glyphs.hasOwnProperty(charCode)) {
                     glyph = this.glyphs[charCode];
                     if (glyph.height === 0 || glyph.width === 0) {

package/src/text/glyph.js

@@ -32,7 +32,7 @@ const PAGE_SIZE = 1 << LOG2_PAGE_SIZE;
      */
     getKerning(ch) {
         if (this.kerning) {
-            var page = this.kerning[ch >>> LOG2_PAGE_SIZE];
+            let page = this.kerning[ch >>> LOG2_PAGE_SIZE];
             if (page) {
                 return page[ch & PAGE_SIZE - 1] || 0;
             }
@@ -47,7 +47,7 @@ const PAGE_SIZE = 1 << LOG2_PAGE_SIZE;
         if (!this.kerning) {
             this.kerning = {};
         }
-        var page = this.kerning[ch >>> LOG2_PAGE_SIZE];
+        let page = this.kerning[ch >>> LOG2_PAGE_SIZE];
         if (typeof page === "undefined") {
             this.kerning[ch >>> LOG2_PAGE_SIZE] = {};
             page = this.kerning[ch >>> LOG2_PAGE_SIZE];

package/src/text/text.js

@@ -40,7 +40,7 @@ const toPX = [12, 24, 0.75, 1];
      * @param {number} [settings.wordWrapWidth] - the maximum length in CSS pixel for a single segment of text
      * @param {(string|string[])} [settings.text=""] - a string, or an array of strings
      * @example
-     * var font = new me.Text(0, 0, {font: "Arial", size: 8, fillStyle: this.color});
+     * let font = new me.Text(0, 0, {font: "Arial", size: 8, fillStyle: this.color});
      */
     constructor(x, y, settings) {
         // call the parent constructor
@@ -169,7 +169,8 @@ const toPX = [12, 24, 0.75, 1];
         }
 
         // the canvas Texture used to render this text
-        this.canvasTexture = pool.pull("CanvasTexture", 2, 2, { offscreenCanvas: true });
+        // XXX: offscreenCanvas is currently disabled for text rendering due to issue in WebGL mode
+        this.canvasTexture = pool.pull("CanvasTexture", 2, 2, { offscreenCanvas: false });
 
         // instance to text metrics functions
         this.metrics = new TextMetrics(this);
@@ -209,7 +210,7 @@ const toPX = [12, 24, 0.75, 1];
      */
     setFont(font, size = 10) {
         // font name and type
-        var font_names = font.split(",").map((value) => {
+        let font_names = font.split(",").map((value) => {
             value = value.trim();
             return (
                 !/(^".*"$)|(^'.*'$)/.test(value)
@@ -222,7 +223,7 @@ const toPX = [12, 24, 0.75, 1];
             size += "px";
         } else /* string */ {
             // extract the units and convert if necessary
-            var CSSval = size.match(/([-+]?[\d.]*)(.*)/);
+            let CSSval = size.match(/([-+]?[\d.]*)(.*)/);
             this.fontSize = parseFloat(CSSval[1]);
             if (CSSval[2]) {
                 this.fontSize *= toPX[runits.indexOf(CSSval[2])];
@@ -245,7 +246,7 @@ const toPX = [12, 24, 0.75, 1];
      * @returns {Text} this object for chaining
      */
     setText(value = "") {
-        var bounds = this.getBounds();
+        let bounds = this.getBounds();
 
         // set the next text
         if (this._text.toString() !== value.toString()) {
@@ -265,7 +266,7 @@ const toPX = [12, 24, 0.75, 1];
         bounds.addBounds(this.metrics.measureText(this._text, this.canvasTexture.context), true);
 
         // update the offScreenCanvas texture if required
-        var width = Math.ceil(this.metrics.width),
+        let width = Math.ceil(this.metrics.width),
             height = Math.ceil(this.metrics.height);
 
         if (typeof globalRenderer.gl !== "undefined") {
@@ -373,8 +374,8 @@ const toPX = [12, 24, 0.75, 1];
     _drawFont(context, text, x, y) {
         setContextStyle(context, this);
 
-        for (var i = 0; i < text.length; i++) {
-            var string = text[i].trimEnd();
+        for (let i = 0; i < text.length; i++) {
+            let string = text[i].trimEnd();
             // draw the string
             if (this.fillStyle.alpha > 0) {
                 context.fillText(string, x, y);

package/src/text/textmetrics.js

@@ -50,14 +50,14 @@ import setContextStyle from "./textstyle.js";
         if (this.ancestor instanceof Text) {
             return context.measureText(text).width;
         } else { // it's a BitmapText
-            var characters = text.split("");
-            var width = 0;
-            var lastGlyph = null;
-            for (var i = 0; i < characters.length; i++) {
-                var ch = characters[i].charCodeAt(0);
-                var glyph = this.ancestor.fontData.glyphs[ch];
+            let characters = text.split("");
+            let width = 0;
+            let lastGlyph = null;
+            for (let i = 0; i < characters.length; i++) {
+                let ch = characters[i].charCodeAt(0);
+                let glyph = this.ancestor.fontData.glyphs[ch];
                 if (typeof glyph !== "undefined") {
-                    var kerning = (lastGlyph && lastGlyph.kerning) ? lastGlyph.getKerning(ch) : 0;
+                    let kerning = (lastGlyph && lastGlyph.kerning) ? lastGlyph.getKerning(ch) : 0;
                     width += (glyph.xadvance + kerning) * this.ancestor.fontScale.x;
                     lastGlyph = glyph;
                 }
@@ -73,7 +73,7 @@ import setContextStyle from "./textstyle.js";
      * @returns {TextMetrics} this
      */
     measureText(text, context) {
-        var strings;
+        let strings;
 
         if (!Array.isArray(text)) {
             strings = ("" + text).split("\n");
@@ -92,7 +92,7 @@ import setContextStyle from "./textstyle.js";
         // compute the bounding box size
         this.width = this.height = 0;
 
-        for (var i = 0; i < strings.length; i++) {
+        for (let i = 0; i < strings.length; i++) {
             this.width = Math.max(this.lineWidth(strings[i].trimEnd(), context), this.width);
             this.height += this.lineHeight();
         }
@@ -123,9 +123,9 @@ import setContextStyle from "./textstyle.js";
      * @returns {string[]} an array of string representing wrapped text
      */
     wordWrap(text, width, context) {
-        var words;
-        var currentLine = "";
-        var output = [];
+        let words;
+        let currentLine = "";
+        let output = [];
 
         if (Array.isArray(text)) {
             // join into a single string
@@ -143,8 +143,8 @@ import setContextStyle from "./textstyle.js";
         }
 
         for (let i = 0; i < words.length; i++) {
-            var word = words[i];
-            var lineWidth = this.lineWidth(currentLine + word + " ", context);
+            let word = words[i];
+            let lineWidth = this.lineWidth(currentLine + word + " ", context);
             if (lineWidth < width) {
                 // add the word to the current line
                 currentLine += word + " ";

package/src/tweens/easing.js

@@ -263,21 +263,21 @@ export let Easing = {
         /** @ignore */
         In: function ( k ) {
 
-            var s = 1.70158;
+            const s = 1.70158;
             return k * k * ( ( s + 1 ) * k - s );
 
         },
         /** @ignore */
         Out: function ( k ) {
 
-            var s = 1.70158;
+            const s = 1.70158;
             return --k * k * ( ( s + 1 ) * k + s ) + 1;
 
         },
         /** @ignore */
         InOut: function ( k ) {
 
-            var s = 1.70158 * 1.525;
+            const s = 1.70158 * 1.525;
             if ( ( k *= 2 ) < 1 ) return 0.5 * ( k * k * ( ( s + 1 ) * k - s ) );
             return 0.5 * ( ( k -= 2 ) * k * ( ( s + 1 ) * k + s ) + 2 );
 

package/src/tweens/interpolation.js

@@ -20,7 +20,7 @@ export let Interpolation = {
     /** @ignore */
     Linear: function ( v, k ) {
 
-        var m = v.length - 1, f = m * k, i = Math.floor( f ), fn = Interpolation.Utils.Linear;
+        let m = v.length - 1, f = m * k, i = Math.floor( f ), fn = Interpolation.Utils.Linear;
 
         if ( k < 0 ) return fn( v[ 0 ], v[ 1 ], f );
         if ( k > 1 ) return fn( v[ m ], v[ m - 1 ], m - f );
@@ -31,7 +31,7 @@ export let Interpolation = {
     /** @ignore */
     Bezier: function ( v, k ) {
 
-        var b = 0, n = v.length - 1, pw = Math.pow, bn = Interpolation.Utils.Bernstein, i;
+        let b = 0, n = v.length - 1, pw = Math.pow, bn = Interpolation.Utils.Bernstein, i;
 
         for ( i = 0; i <= n; i++ ) {
             b += pw( 1 - k, n - i ) * pw( k, i ) * v[ i ] * bn( n, i );
@@ -43,7 +43,7 @@ export let Interpolation = {
     /** @ignore */
     CatmullRom: function ( v, k ) {
 
-        var m = v.length - 1, f = m * k, i = Math.floor( f ), fn = Interpolation.Utils.CatmullRom;
+        let m = v.length - 1, f = m * k, i = Math.floor( f ), fn = Interpolation.Utils.CatmullRom;
 
         if ( v[ 0 ] === v[ m ] ) {
 
@@ -72,18 +72,18 @@ export let Interpolation = {
         /** @ignore */
         Bernstein: function ( n, i ) {
 
-            var fc = Interpolation.Utils.Factorial;
+            let fc = Interpolation.Utils.Factorial;
             return fc( n ) / fc( i ) / fc( n - i );
 
         },
         /* @ignore */
         Factorial: ( function () {
 
-            var a = [ 1 ];
+            let a = [ 1 ];
 
             return function ( n ) {
 
-                var s = 1, i;
+                let s = 1, i;
                 if ( a[ n ] ) return a[ n ];
                 for ( i = n; i > 1; i-- ) s *= i;
                 a[ n ] = s;
@@ -95,7 +95,7 @@ export let Interpolation = {
         /** @ignore */
         CatmullRom: function ( p0, p1, p2, p3, t ) {
 
-            var v0 = ( p2 - p0 ) * 0.5, v1 = ( p3 - p1 ) * 0.5, t2 = t * t, t3 = t * t2;
+            let v0 = ( p2 - p0 ) * 0.5, v1 = ( p3 - p1 ) * 0.5, t2 = t * t, t3 = t * t2;
             return ( 2 * p1 - 2 * p2 + v0 + v1 ) * t3 + ( - 3 * p1 + 3 * p2 - 2 * v0 - v1 ) * t2 + v0 * t + p1;
         }
     }

package/src/tweens/tween.js

@@ -82,7 +82,7 @@ import { Interpolation } from "./interpolation.js";
         this.isRenderable = false;
 
         // Set all starting values present on the target object
-        for ( var field in object ) {
+        for ( let field in object ) {
             if (typeof object !== "object") {
                 this._valuesStart[ field ] = parseFloat(object[field]);
             }
@@ -174,7 +174,7 @@ import { Interpolation } from "./interpolation.js";
 
         this._startTime =  time + this._delayTime;
 
-        for ( var property in this._valuesEnd ) {
+        for ( let property in this._valuesEnd ) {
 
             // check if an Array was provided as property value
             if ( this._valuesEnd[ property ] instanceof Array ) {
@@ -350,9 +350,9 @@ import { Interpolation } from "./interpolation.js";
         // the original Tween implementation expect
         // a timestamp and not a time delta
         this._tweenTimeTracker = (game.lastUpdate > this._tweenTimeTracker) ? game.lastUpdate : this._tweenTimeTracker + dt;
-        var time = this._tweenTimeTracker;
+        let time = this._tweenTimeTracker;
 
-        var property;
+        let property;
 
         if ( time < this._startTime ) {
 
@@ -372,15 +372,15 @@ import { Interpolation } from "./interpolation.js";
 
         }
 
-        var elapsed = ( time - this._startTime ) / this._duration;
+        let elapsed = ( time - this._startTime ) / this._duration;
         elapsed = elapsed > 1 ? 1 : elapsed;
 
-        var value = this._easingFunction( elapsed );
+        let value = this._easingFunction( elapsed );
 
         for ( property in this._valuesEnd ) {
 
-            var start = this._valuesStart[ property ] || 0;
-            var end = this._valuesEnd[ property ];
+            let start = this._valuesStart[ property ] || 0;
+            let end = this._valuesEnd[ property ];
 
             if ( end instanceof Array ) {
 
@@ -424,7 +424,7 @@ import { Interpolation } from "./interpolation.js";
                     }
 
                     if (this._yoyo) {
-                        var tmp = this._valuesStartRepeat[ property ];
+                        let tmp = this._valuesStartRepeat[ property ];
                         this._valuesStartRepeat[ property ] = this._valuesEnd[ property ];
                         this._valuesEnd[ property ] = tmp;
                     }
@@ -450,7 +450,7 @@ import { Interpolation } from "./interpolation.js";
 
                 }
 
-                for ( var i = 0, numChainedTweens = this._chainedTweens.length; i < numChainedTweens; i ++ ) {
+                for ( let i = 0, numChainedTweens = this._chainedTweens.length; i < numChainedTweens; i ++ ) {
 
                     this._chainedTweens[ i ].start( time );
 

package/src/utils/agent.js

@@ -26,11 +26,11 @@ export function prefixed(name, obj) {
         return obj[name];
     }
 
-    var uc_name = capitalize(name);
+    let uc_name = capitalize(name);
 
-    var result;
+    let result;
     vendors.some((vendor) => {
-        var name = vendor + uc_name;
+        let name = vendor + uc_name;
         return (result = (name in obj) ? obj[name] : undefined);
     });
     return result;
@@ -53,10 +53,10 @@ export function setPrefixed(name, value, obj) {
         return;
     }
 
-    var uc_name = capitalize(name);
+    let uc_name = capitalize(name);
 
     vendors.some((vendor) => {
-        var name = vendor + uc_name;
+        let name = vendor + uc_name;
         if (name in obj) {
             obj[name] = value;
             return true;

package/src/utils/array.js

@@ -13,12 +13,12 @@ import {random as mathRandom, weightedRandom as mathWeightedRandom} from "./../m
  * @param {Array} arr - array from which to remove an object
  * @param {object} obj - to be removed
  * @returns {Array} the modified Array
- * var arr = [ "foo", "bar", "baz" ];
+ * let arr = [ "foo", "bar", "baz" ];
  * // remove "foo" from the array
  * me.utils.array.remove(arr, "foo");
  */
 export function remove(arr, obj) {
-    var i = Array.prototype.indexOf.call(arr, obj);
+    let i = Array.prototype.indexOf.call(arr, obj);
     if (i !== -1) {
         Array.prototype.splice.call(arr, i, 1);
     }
@@ -34,7 +34,7 @@ export function remove(arr, obj) {
  * @returns {any} random member of array
  * @example
  * // Select a random array element
- * var arr = [ "foo", "bar", "baz" ];
+ * let arr = [ "foo", "bar", "baz" ];
  * console.log(me.utils.array.random(arr));
  */
 export function random(arr) {

package/src/utils/function.js

@@ -34,15 +34,15 @@ export function defer(func, thisArg, ...args) {
  * @returns {Function} the function that will be throttled
  */
 export function throttle(fn, delay, no_trailing) {
-    var last = globalThis.performance.now(), deferTimer;
+    let last = globalThis.performance.now(), deferTimer;
     // `no_trailing` defaults to false.
     if (typeof no_trailing !== "boolean") {
         no_trailing = false;
     }
     return function () {
-        var now = globalThis.performance.now();
-        var elasped = now - last;
-        var args = arguments;
+        let now = globalThis.performance.now();
+        let elasped = now - last;
+        let args = arguments;
         if (elasped < delay) {
             if (no_trailing === false) {
                 // hold on to it

package/src/utils/string.js

@@ -39,7 +39,7 @@ export function isNumeric(str) {
  * @returns {boolean} true if the string is either true or false
  */
 export function isBoolean(str) {
-    var trimmed = str.trim();
+    const trimmed = str.trim();
     return (trimmed === "true") || (trimmed === "false");
 }
 
@@ -52,7 +52,7 @@ export function isBoolean(str) {
  * @returns {string} the converted hexadecimal value
  */
 export function toHex(str) {
-    var res = "", c = 0;
+    let res = "", c = 0;
     while (c < str.length) {
         res += str.charCodeAt(c++).toString(16);
     }

package/src/utils/utils.js

@@ -10,10 +10,10 @@ import * as fnUtils from "./function.js";
  */
 
 // guid default value
-var GUID_base  = "";
-var GUID_index = 0;
+let GUID_base  = "";
+let GUID_index = 0;
 
-var utils = {
+let utils = {
 
     agent : agentUtils,
     array : arrayUtils,
@@ -39,12 +39,12 @@ var utils = {
      * }
      */
     checkVersion : function (first, second) {
-        var a = first.split(".");
-        var b = second.split(".");
-        var len = Math.min(a.length, b.length);
-        var result = 0;
+        let a = first.split(".");
+        let b = second.split(".");
+        let len = Math.min(a.length, b.length);
+        let result = 0;
 
-        for (var i = 0; i < len; i++) {
+        for (let i = 0; i < len; i++) {
             if ((result = +a[i] - +b[i])) {
                 break;
             }
@@ -68,15 +68,15 @@ var utils = {
      * @property {string} [debugToggleKey="s"] show/hide the debug panel (if preloaded)
      * @example
      * // http://www.example.com/index.html#debug&hitbox=true&mytag=value
-     * var UriFragment = me.utils.getUriFragment();
+     * let UriFragment = me.utils.getUriFragment();
      * console.log(UriFragment["mytag"]); //> "value"
      */
     getUriFragment : function (url) {
-        var hash = {};
+        let hash = {};
 
         if (typeof url === "undefined") {
             if (typeof globalThis.document !== "undefined") {
-                var location = globalThis.document.location;
+                let location = globalThis.document.location;
 
                 if (location && location.hash) {
                     url = location.hash;
@@ -90,7 +90,7 @@ var utils = {
             }
         } else {
             // never cache if a url is passed as parameter
-            var index = url.indexOf("#");
+            let index = url.indexOf("#");
             if (index !== -1) {
                 url = url.slice(index, url.length);
             } else {
@@ -100,9 +100,9 @@ var utils = {
 
         // parse the url
         url.slice(1).split("&").filter((value) => value !== "").forEach((value) => {
-            var kv = value.split("=");
-            var k = kv.shift();
-            var v = kv.join("=");
+            let kv = value.split("=");
+            let k = kv.shift();
+            let v = kv.join("=");
             hash[k] = v || true;
         });