melonjs 15.0.0 → 15.1.0

package/src/input/keyboard.js

@@ -3,30 +3,30 @@ import * as event from "./../system/event.js";
 import { isMobile } from "./../system/platform.js";
 
 // corresponding actions
-var _keyStatus = {};
+let _keyStatus = {};
 
 // lock enable flag for keys
-var _keyLock = {};
+let _keyLock = {};
 // actual lock status of each key
-var _keyLocked = {};
+let _keyLocked = {};
 
 // List of binded keys being held
-var _keyRefs = {};
+let _keyRefs = {};
 
 // whether default event should be prevented for a given keypress
-var _preventDefaultForKeys = {};
+let _preventDefaultForKeys = {};
 
 // list of binded keys
-var _keyBindings = {};
+let _keyBindings = {};
 
 /**
  * key down event
  * @ignore
  */
-var keyDownEvent = function (e, keyCode, mouseButton) {
+let keyDownEvent = function (e, keyCode, mouseButton) {
 
     keyCode = keyCode || e.keyCode || e.button;
-    var action = _keyBindings[keyCode];
+    let action = _keyBindings[keyCode];
 
     // publish a message for keydown event
     event.emit(event.KEYDOWN,
@@ -37,7 +37,7 @@ var keyDownEvent = function (e, keyCode, mouseButton) {
 
     if (action) {
         if (!_keyLocked[action]) {
-            var trigger = (typeof mouseButton !== "undefined") ? mouseButton : keyCode;
+            let trigger = (typeof mouseButton !== "undefined") ? mouseButton : keyCode;
             if (!_keyRefs[action][trigger]) {
                 _keyStatus[action]++;
                 _keyRefs[action][trigger] = true;
@@ -61,15 +61,15 @@ var keyDownEvent = function (e, keyCode, mouseButton) {
  * key up event
  * @ignore
  */
-var keyUpEvent = function (e, keyCode, mouseButton) {
+let keyUpEvent = function (e, keyCode, mouseButton) {
     keyCode = keyCode || e.keyCode || e.button;
-    var action = _keyBindings[keyCode];
+    let action = _keyBindings[keyCode];
 
     // publish a message for keydown event
     event.emit(event.KEYUP, action, keyCode);
 
     if (action) {
-        var trigger = (typeof mouseButton !== "undefined") ? mouseButton : keyCode;
+        let trigger = (typeof mouseButton !== "undefined") ? mouseButton : keyCode;
         _keyRefs[action][trigger] = undefined;
 
         if (_keyStatus[action] > 0) {
@@ -102,7 +102,7 @@ var keyUpEvent = function (e, keyCode, mouseButton) {
   * @name keyBoardEventTarget
   * @memberof input
   */
- export var keyBoardEventTarget = null;
+ export let keyBoardEventTarget = null;
 
 /**
  * standard keyboard constants
@@ -451,7 +451,7 @@ export function unlockKey(action) {
  */
 export function unbindKey(keycode) {
     // clear the event status
-    var keybinding = _keyBindings[keycode];
+    let keybinding = _keyBindings[keycode];
     _keyStatus[keybinding] = 0;
     _keyLock[keybinding] = false;
     _keyRefs[keybinding] = {};

package/src/input/pointer.js

@@ -9,7 +9,7 @@ import { locked } from "./pointerevent.js";
  * a temporary vector object
  * @ignore
  */
-var tmpVec = new Vector2d();
+let tmpVec = new Vector2d();
 
 /**
  * @classdesc

package/src/input/pointerevent.js

@@ -16,22 +16,22 @@ import { game } from "../index.js";
  * @type {Array.<Vector2d>}
  * @ignore
  */
-var T_POINTERS = [];
+let T_POINTERS = [];
 
 // list of registered Event handlers
-var eventHandlers = new Map();
+let eventHandlers = new Map();
 
 // a cache rect represeting the current pointer area
-var currentPointer;
+let currentPointer;
 
 // some useful flags
-var pointerInitialized = false;
+let pointerInitialized = false;
 
 // Track last event timestamp to prevent firing events out of order
-var lastTimeStamp = 0;
+let lastTimeStamp = 0;
 
 // "active" list of supported events
-var activeEventList = [];
+let activeEventList = [];
 
 // internal constants
 const WHEEL           = ["wheel"];
@@ -93,14 +93,14 @@ const pointerEventMap = {
  * Array of normalized events (mouse, touch, pointer)
  * @ignore
  */
-var normalizedEvents = [];
+let normalizedEvents = [];
 
 /**
  * addEventListerner for the specified event list and callback
  * @ignore
  */
 function registerEventListener(eventList, callback) {
-    for (var x = 0; x < eventList.length; x++) {
+    for (let x = 0; x < eventList.length; x++) {
         if (POINTER_MOVE.indexOf(eventList[x]) === -1) {
             pointerEventTarget.addEventListener(eventList[x], callback, { passive: (preventDefault === false) });
         }
@@ -118,7 +118,7 @@ function enablePointerEvent() {
         currentPointer = new Rect(0, 0, 1, 1);
 
         // instantiate a pool of pointer catched
-        for (var v = 0; v < device.maxTouchPoints; v++) {
+        for (let v = 0; v < device.maxTouchPoints; v++) {
             T_POINTERS.push(new Pointer());
         }
 
@@ -158,8 +158,8 @@ function enablePointerEvent() {
         }
 
         // if time interval <= 16, disable the feature
-        var i;
-        var events = findAllActiveEvents(activeEventList, POINTER_MOVE);
+        let i;
+        let events = findAllActiveEvents(activeEventList, POINTER_MOVE);
         if (throttlingInterval < 17) {
             for (i = 0; i < events.length; i++) {
                 if (activeEventList.indexOf(events[i]) !== -1) {
@@ -209,8 +209,8 @@ function enablePointerEvent() {
  * @ignore
  */
 function findActiveEvent(activeEventList, eventTypes) {
-    for (var i = 0; i < eventTypes.length; i++) {
-        var event = activeEventList.indexOf(eventTypes[i]);
+    for (let i = 0; i < eventTypes.length; i++) {
+        let event = activeEventList.indexOf(eventTypes[i]);
         if (event !== -1) {
             return eventTypes[i];
         }
@@ -221,9 +221,9 @@ function findActiveEvent(activeEventList, eventTypes) {
  * @ignore
  */
 function findAllActiveEvents(activeEventList, eventTypes) {
-    var events = [];
-    for (var i = 0; i < eventTypes.length; i++) {
-        var event = activeEventList.indexOf(eventTypes[i]);
+    let events = [];
+    for (let i = 0; i < eventTypes.length; i++) {
+        let event = activeEventList.indexOf(eventTypes[i]);
         if (event !== -1) {
             events.push(eventTypes[i]);
         }
@@ -236,10 +236,10 @@ function findAllActiveEvents(activeEventList, eventTypes) {
  * @ignore
  */
 function triggerEvent(handlers, type, pointer, pointerId) {
-    var callback;
+    let callback;
     if (handlers.callbacks[type]) {
         handlers.pointerId = pointerId;
-        for (var i = handlers.callbacks[type].length - 1; (i >= 0) && (callback = handlers.callbacks[type][i]); i--) {
+        for (let i = handlers.callbacks[type].length - 1; (i >= 0) && (callback = handlers.callbacks[type][i]); i--) {
             if (callback(pointer) === false) {
                 // stop propagating the event if return false
                 return true;
@@ -254,12 +254,12 @@ function triggerEvent(handlers, type, pointer, pointerId) {
  * @ignore
  */
 function dispatchEvent(normalizedEvents) {
-    var handled = false;
+    let handled = false;
 
     while (normalizedEvents.length > 0) {
 
         // keep a reference to the last item
-        var pointer = normalizedEvents.pop();
+        let pointer = normalizedEvents.pop();
         // and put it back into our cache
         T_POINTERS.push(pointer);
 
@@ -286,18 +286,18 @@ function dispatchEvent(normalizedEvents) {
         }
 
         // fetch valid candiates from the game world container
-        var candidates = game.world.broadphase.retrieve(currentPointer, game.world._sortReverseZ);
+        let candidates = game.world.broadphase.retrieve(currentPointer, game.world._sortReverseZ);
 
         // add the main game viewport to the list of candidates
         candidates = candidates.concat([ game.viewport ]);
 
-        for (var c = candidates.length, candidate; c--, (candidate = candidates[c]);) {
+        for (let c = candidates.length, candidate; c--, (candidate = candidates[c]);) {
             if (eventHandlers.has(candidate) && (candidate.isKinematic !== true)) {
-                var handlers = eventHandlers.get(candidate);
-                var region = handlers.region;
-                var ancestor = region.ancestor;
-                var bounds = region.getBounds();
-                var eventInBounds = false;
+                let handlers = eventHandlers.get(candidate);
+                let region = handlers.region;
+                let ancestor = region.ancestor;
+                let bounds = region.getBounds();
+                let eventInBounds = false;
 
                 if (region.isFloating === true) {
                     pointer.gameX = pointer.gameLocalX = pointer.gameScreenX;
@@ -310,7 +310,7 @@ function dispatchEvent(normalizedEvents) {
                 // adjust gameLocalX to specify coordinates
                 // within the region ancestor container
                 if (typeof ancestor !== "undefined") {
-                    var parentBounds = ancestor.getBounds();
+                    let parentBounds = ancestor.getBounds();
                     pointer.gameLocalX = pointer.gameX - parentBounds.x;
                     pointer.gameLocalY = pointer.gameY - parentBounds.y;
                 }
@@ -398,13 +398,13 @@ function dispatchEvent(normalizedEvents) {
  * @ignore
  */
 function normalizeEvent(originalEvent) {
-    var _pointer;
+    let _pointer;
 
     // PointerEvent or standard Mouse event
     if (device.touchEvent && originalEvent.changedTouches) {
         // iOS/Android Touch event
-        for (var i = 0, l = originalEvent.changedTouches.length; i < l; i++) {
-            var touchEvent = originalEvent.changedTouches[i];
+        for (let i = 0, l = originalEvent.changedTouches.length; i < l; i++) {
+            let touchEvent = originalEvent.changedTouches[i];
             _pointer = T_POINTERS.pop();
             _pointer.setEvent(
                 originalEvent,
@@ -461,7 +461,7 @@ function onPointerEvent(e) {
     normalizeEvent(e);
 
     // remember/use the first "primary" normalized event for pointer.bind
-    var button = normalizedEvents[0].button;
+    let button = normalizedEvents[0].button;
 
     // dispatch event to registered objects
     if (dispatchEvent(normalizedEvents) || e.type === "wheel") {
@@ -471,7 +471,7 @@ function onPointerEvent(e) {
         }
     }
 
-    var keycode = pointer.bind[button];
+    let keycode = pointer.bind[button];
 
     // check if mapped to a key
     if (keycode) {
@@ -490,7 +490,7 @@ function onPointerEvent(e) {
   * @name pointerEventTarget
   * @memberof input
   */
- export var pointerEventTarget = null;
+ export let pointerEventTarget = null;
 
 /**
  * Pointer information (current position and size)
@@ -499,7 +499,7 @@ function onPointerEvent(e) {
  * @name pointer
  * @memberof input
  */
-export var pointer = new Pointer(0, 0, 1, 1);
+export let pointer = new Pointer(0, 0, 1, 1);
 
 
 /**
@@ -509,7 +509,7 @@ export var pointer = new Pointer(0, 0, 1, 1);
  * @name locked
  * @memberof input
  */
-export var locked = false;
+export let locked = false;
 
 /**
  * time interval for event throttling in milliseconds<br>
@@ -520,7 +520,7 @@ export var locked = false;
  * @name throttlingInterval
  * @memberof input
  */
-export var throttlingInterval;
+export let throttlingInterval;
 
 /**
  * Translate the specified x and y values from the global (absolute)
@@ -535,17 +535,17 @@ export var throttlingInterval;
  * @example
  * onMouseEvent : function (pointer) {
  *    // convert the given into local (viewport) relative coordinates
- *    var pos = me.input.globalToLocal(pointer.clientX, pointer.clientY);
+ *    let pos = me.input.globalToLocal(pointer.clientX, pointer.clientY);
  *    // do something with pos !
  * };
  */
 export function globalToLocal(x, y, v) {
     v = v || pool.pull("Vector2d");
-    var rect = device.getElementBounds(renderer.getCanvas());
-    var pixelRatio = globalThis.devicePixelRatio || 1;
+    let rect = device.getElementBounds(renderer.getCanvas());
+    let pixelRatio = globalThis.devicePixelRatio || 1;
     x -= rect.left + (globalThis.pageXOffset || 0);
     y -= rect.top + (globalThis.pageYOffset || 0);
-    var scale = renderer.scaleRatio;
+    let scale = renderer.scaleRatio;
     if (scale.x !== 1.0 || scale.y !== 1.0) {
         x /= scale.x;
         y /= scale.y;
@@ -586,8 +586,8 @@ export function setTouchAction(element, value) {
  * me.input.bindPointer(me.input.pointer.RIGHT, me.input.KEY.X);
  */
 export function bindPointer() {
-    var button = (arguments.length < 2) ? pointer.LEFT : arguments[0];
-    var keyCode = (arguments.length < 2) ? arguments[0] : arguments[1];
+    let button = (arguments.length < 2) ? pointer.LEFT : arguments[0];
+    let keyCode = (arguments.length < 2) ? arguments[0] : arguments[1];
 
     // make sure the mouse is initialized
     enablePointerEvent();
@@ -645,7 +645,7 @@ export function unbindPointer(button) {
  *  // onActivate function
  *  onActivateEvent: function () {
  *     // register on the 'pointerdown' event
- *     me.input.registerPointerEvent('pointerdown', this, this.pointerDown.bind(this));
+ *     me.input.registerPointerEvent('pointerdown', this, (e) => this.pointerDown(e));
  *  },
  *
  *  // pointerDown event callback
@@ -668,7 +668,7 @@ export function registerPointerEvent(eventType, region, callback) {
         throw new Error("registerPointerEvent: region for " + toString(region) + " event is undefined ");
     }
 
-    var eventTypes = findAllActiveEvents(activeEventList, pointerEventMap[eventType]);
+    let eventTypes = findAllActiveEvents(activeEventList, pointerEventMap[eventType]);
 
     // register the event
     if (!eventHandlers.has(region)) {
@@ -680,8 +680,8 @@ export function registerPointerEvent(eventType, region, callback) {
     }
 
     // allocate array if not defined
-    var handlers = eventHandlers.get(region);
-    for (var i = 0; i < eventTypes.length; i++) {
+    let handlers = eventHandlers.get(region);
+    for (let i = 0; i < eventTypes.length; i++) {
         eventType = eventTypes[i];
         if (handlers.callbacks[eventType]) {
             handlers.callbacks[eventType].push(callback);
@@ -710,11 +710,11 @@ export function releasePointerEvent(eventType, region, callback) {
     }
 
     // convert to supported event type if pointerEvent not natively supported
-    var eventTypes = findAllActiveEvents(activeEventList, pointerEventMap[eventType]);
+    let eventTypes = findAllActiveEvents(activeEventList, pointerEventMap[eventType]);
 
-    var handlers = eventHandlers.get(region);
+    let handlers = eventHandlers.get(region);
     if (typeof (handlers) !== "undefined") {
-        for (var i = 0; i < eventTypes.length; i++) {
+        for (let i = 0; i < eventTypes.length; i++) {
             eventType = eventTypes[i];
             if (handlers.callbacks[eventType]) {
                 if (typeof (callback) !== "undefined") {
@@ -748,7 +748,7 @@ export function releasePointerEvent(eventType, region, callback) {
  */
 export function releaseAllPointerEvents(region) {
     if (eventHandlers.has(region)) {
-        for (var i = 0; i < pointerEventList.length; i++) {
+        for (let i = 0; i < pointerEventList.length; i++) {
             releasePointerEvent(pointerEventList[i], region);
         }
     }
@@ -771,7 +771,7 @@ export function releaseAllPointerEvents(region) {
  */
 export function requestPointerLock() {
     if (device.hasPointerLockSupport) {
-        var element = game.getParentElement();
+        let element = game.getParentElement();
         element.requestPointerLock();
         return true;
     }

package/src/lang/console.js

@@ -6,8 +6,8 @@
  * @param {string} version - the version since when the lass,function or property is deprecated
  */
 export function warning(deprecated, replacement, version) {
-    var msg = "melonJS: %s is deprecated since version %s, please use %s";
-    var stack = new Error().stack;
+    const msg = "melonJS: %s is deprecated since version %s, please use %s";
+    let stack = new Error().stack;
 
     if (console.groupCollapsed) {
         console.groupCollapsed(

package/src/lang/deprecated.js

@@ -106,7 +106,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/src/level/level.js

@@ -7,11 +7,11 @@ 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
@@ -58,7 +58,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
@@ -77,7 +77,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)
@@ -132,7 +132,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"},
@@ -146,7 +146,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 );
@@ -171,7 +171,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/src/level/tiled/TMXGroup.js

@@ -57,7 +57,7 @@ export default 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
@@ -73,7 +73,7 @@ export default 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/src/level/tiled/TMXLayer.js

@@ -12,10 +12,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;
         }
     }
@@ -27,8 +27,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") {
@@ -39,10 +39,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
@@ -58,10 +58,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
@@ -127,8 +127,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);
         }
@@ -171,7 +171,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
@@ -241,8 +241,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]);
                 }
@@ -280,7 +280,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) {
@@ -302,7 +302,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);
     }
 
@@ -313,15 +313,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);
         }
@@ -363,13 +363,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];
@@ -403,8 +403,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;
@@ -419,8 +419,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(