melonjs 14.5.0 → 15.1.0

package/dist/melonjs.mjs/lang/deprecated.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v14.5.0
+ * melonJS Game Engine - v15.1.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -113,7 +113,7 @@ Renderer.prototype.getScreenContext = function()  {
      * @param {object} settings - See {@link Sprite}
      */
     constructor(x, y, settings) {
-        warning("GUI_Object", "UISpriteElement", "14.0.0");
+        warning("GUI_Object", "UISpriteElement or UITextButton", "14.0.0");
         super(x, y, settings);
     }
 }

package/dist/melonjs.mjs/level/level.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v14.5.0
+ * melonJS Game Engine - v15.1.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -13,11 +13,11 @@ import { game } from '../index.js';
 import TMXTileMap from './tiled/TMXTileMap.js';
 
 // our levels
-var levels = {};
+let levels = {};
 // level index table
-var levelIdx = [];
+let levelIdx = [];
 // current level index
-var currentLevelIdx = 0;
+let currentLevelIdx = 0;
 
 /**
  * @ignore
@@ -64,7 +64,7 @@ function safeLoadLevel(levelId, options, restart) {
  * @ignore
  */
 function loadTMXLevel(levelId, container, flatten, setViewportBounds) {
-    var level = levels[levelId];
+    let level = levels[levelId];
 
     // reset the GUID generator
     // and pass the level id as parameter
@@ -83,7 +83,7 @@ function loadTMXLevel(levelId, container, flatten, setViewportBounds) {
  * @namespace level
  */
 
-var level = {
+let level = {
 
     /**
      * add a level into the game manager (usually called by the preloader)
@@ -138,7 +138,7 @@ var level = {
      * @example
      * // the game assets to be be preloaded
      * // TMX maps
-     * var resources = [
+     * let resources = [
      *     {name: "a4_level1",   type: "tmx",   src: "data/level/a4_level1.tmx"},
      *     {name: "a4_level2",   type: "tmx",   src: "data/level/a4_level2.tmx"},
      *     {name: "a4_level3",   type: "tmx",   src: "data/level/a4_level3.tmx"},
@@ -152,7 +152,7 @@ var level = {
      * ...
      * ...
      * // load a level into a specific container
-     * var levelContainer = new me.Container();
+     * let levelContainer = new me.Container();
      * me.level.load("a4_level2", {container:levelContainer});
      * // add a simple transformation
      * levelContainer.currentTransform.translate(levelContainer.width / 2, levelContainer.height / 2 );
@@ -177,7 +177,7 @@ var level = {
         if (levels[levelId] instanceof TMXTileMap) {
 
             // check the status of the state mngr
-            var wasRunning = state.isRunning();
+            let wasRunning = state.isRunning();
 
             if (wasRunning) {
                 // stop the game loop to avoid

package/dist/melonjs.mjs/level/tiled/TMXGroup.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v14.5.0
+ * melonJS Game Engine - v15.1.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -64,7 +64,7 @@ class TMXGroup {
          */
         this.objects = [];
 
-        var visible = typeof(data.visible) !== "undefined" ? data.visible : true;
+        let visible = typeof(data.visible) !== "undefined" ? data.visible : true;
         this.opacity = (visible === true) ? clamp(+data.opacity || 1.0, 0.0, 1.0) : 0;
 
         // check if we have any user-defined properties
@@ -80,7 +80,7 @@ class TMXGroup {
 
         if (data.layers) {
             data.layers.forEach((data) => {
-                var layer = new TMXLayer(map, data, map.tilewidth, map.tileheight, map.orientation, map.tilesets, z++);
+                let layer = new TMXLayer(map, data, map.tilewidth, map.tileheight, map.orientation, map.tilesets, z++);
                 // set a renderer
                 layer.setRenderer(map.getRenderer());
                 // resize container accordingly

package/dist/melonjs.mjs/level/tiled/TMXLayer.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v14.5.0
+ * melonJS Game Engine - v15.1.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -19,10 +19,10 @@ import { game } from '../../index.js';
  */
 function initArray(rows, cols) {
     // initialize the array
-    var array = new Array(cols);
-    for (var col = 0; col < cols; col++) {
+    let array = new Array(cols);
+    for (let col = 0; col < cols; col++) {
         array[col] = new Array(rows);
-        for (var row = 0; row < rows; row++) {
+        for (let row = 0; row < rows; row++) {
             array[col][row] = null;
         }
     }
@@ -34,8 +34,8 @@ function initArray(rows, cols) {
  * @ignore
  */
 function setLayerData(layer, bounds, data) {
-    var idx = 0;
-    var width, height;
+    let idx = 0;
+    let width, height;
 
     // layer provide rows and cols, chunk width and height
     if (typeof bounds.rows === "undefined") {
@@ -46,10 +46,10 @@ function setLayerData(layer, bounds, data) {
         height = bounds.rows;
     }
     // set everything
-    for (var y = 0; y < height; y++) {
-        for (var x = 0; x < width; x++) {
+    for (let y = 0; y < height; y++) {
+        for (let x = 0; x < width; x++) {
             // get the value of the gid
-            var gid = data[idx++];
+            let gid = data[idx++];
             // fill the array
             if (gid !== 0) {
                 // add a new tile to the layer
@@ -65,10 +65,10 @@ function setLayerData(layer, bounds, data) {
  */
 function preRenderLayer(layer, renderer) {
     // set everything
-    for (var y = 0; y < layer.rows; y++) {
-        for (var x = 0; x < layer.cols; x++) {
+    for (let y = 0; y < layer.rows; y++) {
+        for (let x = 0; x < layer.cols; x++) {
             // get the value of the gid
-            var tile = layer.layerData[x][y];
+            let tile = layer.layerData[x][y];
             // draw the tile if defined
             if (tile instanceof Tile) {
                 // add a new tile to the layer
@@ -134,8 +134,8 @@ function preRenderLayer(layer, renderer) {
             "width" : 0,
             "height" : 0
         };
-        for (var i = 0; i < this.tilesets.length; i++) {
-            var tileset = this.tilesets.getTilesetByIndex(i);
+        for (let i = 0; i < this.tilesets.length; i++) {
+            let tileset = this.tilesets.getTilesetByIndex(i);
             this.maxTileSize.width = Math.max(this.maxTileSize.width, tileset.tilewidth);
             this.maxTileSize.height = Math.max(this.maxTileSize.height, tileset.tileheight);
         }
@@ -178,7 +178,7 @@ function preRenderLayer(layer, renderer) {
         this.rows = +data.height;
 
         // layer opacity
-        var visible = typeof(data.visible) !== "undefined" ? +data.visible : 1;
+        let visible = typeof(data.visible) !== "undefined" ? +data.visible : 1;
         this.setOpacity(visible ? +data.opacity : 0);
 
         // layer tint
@@ -248,8 +248,8 @@ function preRenderLayer(layer, renderer) {
         }
 
         if (this.tilesets) {
-            var tileset = this.tilesets.tilesets;
-            for (var i = 0; i < tileset.length; i++) {
+            let tileset = this.tilesets.tilesets;
+            for (let i = 0; i < tileset.length; i++) {
                 if (tileset[i].isAnimated) {
                     this.animatedTilesets.push(tileset[i]);
                 }
@@ -287,7 +287,7 @@ function preRenderLayer(layer, renderer) {
      * @param {TMXRenderer} renderer
      * @example
      * // use the parent map default renderer
-     * var layer = new me.TMXLayer(...);
+     * let layer = new me.TMXLayer(...);
      * layer.setRenderer(map.getRenderer());
      */
     setRenderer(renderer) {
@@ -309,7 +309,7 @@ function preRenderLayer(layer, renderer) {
      * @returns {number} TileId or null if there is no Tile at the given position
      */
     getTileId(x, y) {
-        var tile = this.getTile(x, y);
+        let tile = this.getTile(x, y);
         return (tile ? tile.tileId : null);
     }
 
@@ -320,15 +320,15 @@ function preRenderLayer(layer, renderer) {
      * @returns {Tile} corresponding tile or null if there is no defined tile at the coordinate or if outside of the layer bounds
      * @example
      * // get the TMX Map Layer called "Front layer"
-     * var layer = me.game.world.getChildByName("Front Layer")[0];
+     * let layer = me.game.world.getChildByName("Front Layer")[0];
      * // get the tile object corresponding to the latest pointer position
-     * var tile = layer.getTile(me.input.pointer.x, me.input.pointer.y);
+     * let tile = layer.getTile(me.input.pointer.x, me.input.pointer.y);
      */
     getTile(x, y) {
-        var tile = null;
+        let tile = null;
 
         if (this.contains(x, y)) {
-            var coord = this.getRenderer().pixelToTileCoords(x, y, pool.pull("Vector2d"));
+            let coord = this.getRenderer().pixelToTileCoords(x, y, pool.pull("Vector2d"));
             tile = this.cellAt(coord.x, coord.y);
             pool.push(coord);
         }
@@ -370,13 +370,13 @@ function preRenderLayer(layer, renderer) {
      * @returns {Tile} corresponding tile or null if there is no defined tile at the position or if outside of the layer bounds
      * @example
      * // return the first tile at offset 0, 0
-     * var tile = layer.cellAt(0, 0);
+     * let tile = layer.cellAt(0, 0);
      */
     cellAt(x, y, boundsCheck) {
-        var _x = ~~x;
-        var _y = ~~y;
+        let _x = ~~x;
+        let _y = ~~y;
 
-        var renderer = this.getRenderer();
+        let renderer = this.getRenderer();
         // boundsCheck only used internally by the tiled renderer, when the layer bound check was already done
         if (boundsCheck === false || (_x >= 0 && _x < renderer.cols && _y >= 0 && _y < renderer.rows)) {
             return this.layerData[_x][_y];
@@ -410,8 +410,8 @@ function preRenderLayer(layer, renderer) {
      */
     update(dt) {
         if (this.isAnimated) {
-            var result = false;
-            for (var i = 0; i < this.animatedTilesets.length; i++) {
+            let result = false;
+            for (let i = 0; i < this.animatedTilesets.length; i++) {
                 result = this.animatedTilesets[i].update(dt) || result;
             }
             return result;
@@ -426,8 +426,8 @@ function preRenderLayer(layer, renderer) {
     draw(renderer, rect) {
         // use the offscreen canvas
         if (this.preRender) {
-            var width = Math.min(rect.width, this.width);
-            var height = Math.min(rect.height, this.height);
+            const width = Math.min(rect.width, this.width);
+            const height = Math.min(rect.height, this.height);
 
             // draw using the cached canvas
             renderer.drawImage(

package/dist/melonjs.mjs/level/tiled/TMXObject.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v14.5.0
+ * melonJS Game Engine - v15.1.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -198,7 +198,7 @@ class TMXObject {
      */
     setTile(tilesets) {
         // get the corresponding tileset
-        var tileset = tilesets.getTilesetByGid(this.gid);
+        let tileset = tilesets.getTilesetByGid(this.gid);
 
         if (tileset.isCollection === false) {
             // set width and height equal to tile size
@@ -216,8 +216,8 @@ class TMXObject {
      * @returns {Polygon[]|Line[]|Ellipse[]} an array of shape objects
      */
     parseTMXShapes() {
-        var i = 0;
-        var shapes = [];
+        let i = 0;
+        let shapes = [];
 
         // add an ellipse shape
         if (this.isEllipse === true) {
@@ -233,7 +233,7 @@ class TMXObject {
         } else {
             // add a polygon
             if (this.isPolygon === true) {
-                var _polygon = pool.pull("Polygon", 0, 0, this.points);
+                let _polygon = pool.pull("Polygon", 0, 0, this.points);
                 // make sure it's a convex polygon
                 if (_polygon.isConvex() === false ) {
                     throw new Error("collision polygones in Tiled should be defined as Convex");
@@ -241,9 +241,9 @@ class TMXObject {
                 shapes.push(_polygon.rotate(this.rotation));
 
             } else if (this.isPolyLine === true) {
-                var p = this.points;
-                var p1, p2;
-                var segments = p.length - 1;
+                let p = this.points;
+                let p1, p2;
+                let segments = p.length - 1;
                 for (i = 0; i < segments; i++) {
                     // clone the value before, as [i + 1]
                     // is reused later by the next segment

package/dist/melonjs.mjs/level/tiled/TMXTile.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v14.5.0
+ * melonJS Game Engine - v15.1.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -23,14 +23,14 @@ import { TMX_CLEAR_BIT_MASK, TMX_FLIP_H, TMX_FLIP_V, TMX_FLIP_AD } from './const
      * @param {TMXTileset} tileset - the corresponding tileset object
      */
     constructor(x, y, gid, tileset) {
-        var width, height;
+        let width, height;
 
         // call the parent constructor
         super();
 
         // determine the tile size
         if (tileset.isCollection) {
-            var image = tileset.getTileImage(gid & TMX_CLEAR_BIT_MASK);
+            let image = tileset.getTileImage(gid & TMX_CLEAR_BIT_MASK);
             width = image.width;
             height = image.height;
         } else {
@@ -127,12 +127,12 @@ import { TMX_CLEAR_BIT_MASK, TMX_FLIP_H, TMX_FLIP_V, TMX_FLIP_AD } from './const
      * @returns {Renderable} a me.Sprite object
      */
     getRenderable(settings) {
-        var renderable;
-        var tileset = this.tileset;
+        let renderable;
+        let tileset = this.tileset;
 
         if (tileset.animations.has(this.tileId)) {
-            var frames = [];
-            var frameId = [];
+            let frames = [];
+            let frameId = [];
             (tileset.animations.get(this.tileId).frames).forEach((frame) => {
                 frameId.push(frame.tileid);
                 frames.push({
@@ -146,7 +146,7 @@ import { TMX_CLEAR_BIT_MASK, TMX_FLIP_H, TMX_FLIP_V, TMX_FLIP_AD } from './const
 
         } else {
             if (tileset.isCollection === true) {
-                var image = tileset.getTileImage(this.tileId);
+                let image = tileset.getTileImage(this.tileId);
                 renderable = new Sprite(0, 0,
                     Object.assign({
                         image: image

package/dist/melonjs.mjs/level/tiled/TMXTileMap.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v14.5.0
+ * melonJS Game Engine - v15.1.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -38,7 +38,7 @@ function readImageLayer(map, data, z) {
     applyTMXProperties(data.properties, data);
 
     // create the layer
-    var imageLayer = pool.pull("ImageLayer",
+    let imageLayer = pool.pull("ImageLayer",
         // x/y is deprecated since 0.15 and replace by offsetx/y
         +data.offsetx || +data.x || 0,
         +data.offsety || +data.y || 0,
@@ -54,7 +54,7 @@ function readImageLayer(map, data, z) {
 
 
     // set some additional flags
-    var visible = typeof(data.visible) !== "undefined" ? data.visible : true;
+    let visible = typeof(data.visible) !== "undefined" ? data.visible : true;
     imageLayer.setOpacity(visible ? +data.opacity : 0);
 
     return imageLayer;
@@ -87,7 +87,7 @@ function readObjectGroup(map, data, z) {
      * @param {object} data - TMX map in JSON format
      * @example
      * // create a new level object based on the TMX JSON object
-     * var level = new me.TMXTileMap(levelId, me.loader.getTMX(levelId));
+     * let level = new me.TMXTileMap(levelId, me.loader.getTMX(levelId));
      * // add the level to the game world container
      * level.addTo(me.game.world, true);
      */
@@ -249,7 +249,7 @@ function readObjectGroup(map, data, z) {
         }
 
         // to automatically increment z index
-        var zOrder = 0;
+        let zOrder = 0;
 
         // Tileset information
         if (!this.tilesets) {
@@ -259,7 +259,7 @@ function readObjectGroup(map, data, z) {
 
         // parse all tileset objects
         if (typeof (data.tilesets) !== "undefined") {
-            var tilesets = data.tilesets;
+            let tilesets = data.tilesets;
             tilesets.forEach((tileset) => {
                 // add the new tileset
                 this.tilesets.add(readTileset(tileset));
@@ -313,15 +313,15 @@ function readObjectGroup(map, data, z) {
      * @param {boolean} [setViewportBounds=false] - if true, set the viewport bounds to the map size, this should be set to true especially if adding a level to the game world container.
      * @example
      * // create a new level object based on the TMX JSON object
-     * var level = new me.TMXTileMap(levelId, me.loader.getTMX(levelId));
+     * let level = new me.TMXTileMap(levelId, me.loader.getTMX(levelId));
      * // add the level to the game world container
      * level.addTo(me.game.world, true, true);
      */
     addTo(container, flatten, setViewportBounds) {
-        var _sort = container.autoSort;
-        var _depth = container.autoDepth;
+        let _sort = container.autoSort;
+        let _depth = container.autoDepth;
 
-        var levelBounds = this.getBounds();
+        let levelBounds = this.getBounds();
 
         // disable auto-sort and auto-depth
         container.autoSort = false;
@@ -387,15 +387,15 @@ function readObjectGroup(map, data, z) {
      * @returns {Renderable[]} Array of Objects
      */
     getObjects(flatten) {
-        var objects = [];
-        var isCollisionGroup = false;
-        var targetContainer;
+        let objects = [];
+        let isCollisionGroup = false;
+        let targetContainer;
 
         // parse the map for objects
         this.readMapObjects(this.data);
 
-        for (var g = 0; g < this.objectGroups.length; g++) {
-            var group = this.objectGroups[g];
+        for (let g = 0; g < this.objectGroups.length; g++) {
+            let group = this.objectGroups[g];
 
             // check if this is the collision shape group
             isCollisionGroup = group.name.toLowerCase().includes(COLLISION_GROUP);
@@ -419,13 +419,13 @@ function readObjectGroup(map, data, z) {
 
             // iterate through the group and add all object into their
             // corresponding target Container
-            for (var o = 0; o < group.objects.length; o++) {
+            for (let o = 0; o < group.objects.length; o++) {
                 // TMX object settings
-                var settings = group.objects[o];
+                let settings = group.objects[o];
                 // reference to the instantiated object
-                var obj;
+                let obj;
                 // a reference to the default shape
-                var shape;
+                let shape;
 
                 // Tiled uses 0,0 by default
                 if (typeof (settings.anchorPoint) === "undefined") {

package/dist/melonjs.mjs/level/tiled/TMXTileset.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v14.5.0
+ * melonJS Game Engine - v15.1.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -20,7 +20,7 @@ import { getTMX, getImage } from '../../loader/loader.js';
      *  @param {object} tileset - tileset data in JSON format ({@link http://docs.mapeditor.org/en/stable/reference/tmx-map-format/#tileset})
      */
     constructor(tileset) {
-        var i = 0;
+        let i = 0;
         // first gid
 
         // tile properties (collidable, etc..)
@@ -33,8 +33,8 @@ import { getTMX, getImage } from '../../loader/loader.js';
 
         // check if an external tileset is defined
         if (typeof(tileset.source) !== "undefined") {
-            var src = tileset.source;
-            var ext = getExtension(src);
+            let src = tileset.source;
+            let ext = getExtension(src);
             if (ext === "tsx" || ext === "json") {
                 // load the external tileset (TSX/JSON)
                 tileset = getTMX(getBasename(src));
@@ -83,7 +83,7 @@ import { getTMX, getImage } from '../../loader/loader.js';
          */
         this._lastUpdate = 0;
 
-        var tiles = tileset.tiles;
+        let tiles = tileset.tiles;
         for (i in tiles) {
             if (tiles.hasOwnProperty(i)) {
                 if ("animation" in tiles[i]) {
@@ -98,8 +98,8 @@ import { getTMX, getImage } from '../../loader/loader.js';
                 // set tile properties, if any
                 if ("properties" in tiles[i]) {
                     if (Array.isArray(tiles[i].properties)) { // JSON (new format)
-                        var tileProperty = {};
-                        for (var j in tiles[i].properties) {
+                        let tileProperty = {};
+                        for (let j in tiles[i].properties) {
                             tileProperty[tiles[i].properties[j].name] = tiles[i].properties[j].value;
                         }
                         this.setTileProperty(+tiles[i].id + this.firstgid, tileProperty);
@@ -108,7 +108,7 @@ import { getTMX, getImage } from '../../loader/loader.js';
                     }
                 }
                 if ("image" in tiles[i]) {
-                    var image = getImage(tiles[i].image);
+                    let image = getImage(tiles[i].image);
                     if (!image) {
                         throw new Error("melonJS: '" + tiles[i].image + "' file for tile '" + (+i + this.firstgid) + "' not found!");
                     }
@@ -119,14 +119,14 @@ import { getTMX, getImage } from '../../loader/loader.js';
 
         this.isCollection = this.imageCollection.length > 0;
 
-        var offset = tileset.tileoffset;
+        let offset = tileset.tileoffset;
         if (offset) {
             this.tileoffset.x = +offset.x;
             this.tileoffset.y = +offset.y;
         }
 
         // set tile properties, if any (JSON old format)
-        var tileInfo = tileset.tileproperties;
+        let tileInfo = tileset.tileproperties;
         if (tileInfo) {
             for (i in tileInfo) {
                 if (tileInfo.hasOwnProperty(i)) {
@@ -155,8 +155,8 @@ import { getTMX, getImage } from '../../loader/loader.js';
             this.atlas = this.texture.getAtlas();
 
             // calculate the number of tiles per horizontal line
-            var hTileCount = +tileset.columns || Math.round(this.image.width / (this.tilewidth + this.spacing));
-            var vTileCount = Math.round(this.image.height / (this.tileheight + this.spacing));
+            let hTileCount = +tileset.columns || Math.round(this.image.width / (this.tilewidth + this.spacing));
+            let vTileCount = Math.round(this.image.height / (this.tileheight + this.spacing));
             if (tileset.tilecount % hTileCount > 0) {
                 ++vTileCount;
             }
@@ -205,7 +205,7 @@ import { getTMX, getImage } from '../../loader/loader.js';
      * @returns {number} View tile ID
      */
     getViewTileId(gid) {
-        var localId = gid - this.firstgid;
+        let localId = gid - this.firstgid;
 
         if (this.animations.has(localId)) {
             // return the current corresponding tile id if animated
@@ -226,7 +226,7 @@ import { getTMX, getImage } from '../../loader/loader.js';
 
     // update tile animations
     update(dt) {
-        var duration = 0,
+        let duration = 0,
             now = timer.getTime(),
             result = false;
 
@@ -274,7 +274,7 @@ import { getTMX, getImage } from '../../loader/loader.js';
             );
         } else {
             // use the tileset texture
-            var offset = this.atlas[this.getViewTileId(tmxTile.tileId)].offset;
+            let offset = this.atlas[this.getViewTileId(tmxTile.tileId)].offset;
             // draw the tile
             renderer.drawImage(
                 this.image,

package/dist/melonjs.mjs/level/tiled/TMXTilesetGroup.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v14.5.0
+ * melonJS Game Engine - v15.1.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -43,13 +43,13 @@ import { TMX_CLEAR_BIT_MASK } from './constants.js';
      * @returns {TMXTileset} corresponding tileset
      */
     getTilesetByGid(gid) {
-        var invalidRange = -1;
+        let invalidRange = -1;
 
         // clear the gid of all flip/rotation flags
         gid &= TMX_CLEAR_BIT_MASK;
 
         // cycle through all tilesets
-        for (var i = 0, len = this.tilesets.length; i < len; i++) {
+        for (let i = 0, len = this.tilesets.length; i < len; i++) {
             // return the corresponding tileset if matching
             if (this.tilesets[i].contains(gid)) {
                 return this.tilesets[i];