melonjs 10.2.1 → 10.2.2

package/src/utils/array.js

@@ -13,8 +13,8 @@ import {random as mathRandom, weightedRandom as mathWeightedRandom} from "./../m
  * @memberOf me.utils.array
  * @name remove
  * @param {Array} arr array from which to remove an object
- * @param {Object} object to be removed
- * @return {Array} the modified Array
+ * @param {object} obj to be removed
+ * @returns {Array} the modified Array
  * var arr = [ "foo", "bar", "baz" ];
  * // remove "foo" from the array
  * me.utils.array.remove(arr, "foo");
@@ -34,7 +34,7 @@ export function remove(arr, obj) {
  * @memberOf me.utils.array
  * @name random
  * @param {Array} arr array to pick a element
- * @return {any} random member of array
+ * @returns {any} random member of array
  * @example
  * // Select a random array element
  * var arr = [ "foo", "bar", "baz" ];
@@ -51,7 +51,7 @@ export function random(arr) {
  * @memberOf me.utils.array
  * @name weightedRandom
  * @param {Array} arr array to pick a element
- * @return {any} random member of array
+ * @returns {any} random member of array
  */
 export function weightedRandom(arr) {
     return arr[mathWeightedRandom(0, arr.length)];

package/src/utils/file.js

@@ -16,8 +16,8 @@ const REMOVE_EXT = /\.[^\.]*$/;
  * @function
  * @memberOf me.utils.file
  * @name getBasename
- * @param  {String} path path containing the filename
- * @return {String} the base name without path information.
+ * @param  {string} path path containing the filename
+ * @returns {string} the base name without path information.
  */
 export function getBasename(path) {
     return path.replace(REMOVE_PATH, "").replace(REMOVE_EXT, "");
@@ -29,8 +29,8 @@ export function getBasename(path) {
  * @function
  * @memberOf me.utils.file
  * @name getExtension
- * @param  {String} path path containing the filename
- * @return {String} filename extension.
+ * @param  {string} path path containing the filename
+ * @returns {string} filename extension.
  */
 export function getExtension(path) {
     return path.substring(path.lastIndexOf(".") + 1, path.length);

package/src/utils/function.js

@@ -4,17 +4,16 @@
  * @memberOf me
  */
 
-
 /**
  * Executes a function as soon as the interpreter is idle (stack empty).
  * @public
  * @function
  * @memberOf me.utils.function
  * @name defer
- * @param {Function} fn The function to be deferred.
- * @param {Object} thisArg The value to be passed as the this parameter to the target function when the deferred function is called
+ * @param {Function} func The function to be deferred.
+ * @param {object} thisArg The value to be passed as the this parameter to the target function when the deferred function is called
  * @param {...*} [args] Optional additional arguments to carry for the function.
- * @return {Number} id that can be used to clear the deferred function using
+ * @returns {number} id that can be used to clear the deferred function using
  * clearTimeout
  * @example
  * // execute myFunc() when the stack is empty,
@@ -33,8 +32,9 @@ export function defer(func, thisArg, ...args) {
  * @memberOf me.utils.function
  * @name throttle
  * @param {Function} fn the function to be throttled.
- * @param {Number} delay The delay in ms
+ * @param {number} delay The delay in ms
  * @param {no_trailing} no_trailing disable the execution on the trailing edge
+ * @returns {Function} the function that will be throttled
  */
 export function throttle(fn, delay, no_trailing) {
     var last = window.performance.now(), deferTimer;

package/src/utils/string.js

@@ -11,8 +11,8 @@
  * @function
  * @memberOf me.utils.string
  * @name capitalize
- * @param {String} string the string to be capitalized
- * @return {string} the capitalized string
+ * @param {string} str the string to be capitalized
+ * @returns {string} the capitalized string
  */
 export function capitalize(str) {
     return str.charAt(0).toUpperCase() + str.slice(1);
@@ -24,8 +24,8 @@ export function capitalize(str) {
  * @function
  * @memberOf me.utils.string
  * @name trimLeft
- * @param {String} string the string to be trimmed
- * @return {string} trimmed string
+ * @param {string} str the string to be trimmed
+ * @returns {string} trimmed string
  */
 export function trimLeft(str) {
     return str.replace(/^\s+/, "");
@@ -37,8 +37,8 @@ export function trimLeft(str) {
  * @function
  * @memberOf me.utils.string
  * @name trimRight
- * @param {String} string the string to be trimmed
- * @return {string} trimmed string
+ * @param {string} str the string to be trimmed
+ * @returns {string} trimmed string
  */
 export function trimRight(str) {
     return str.replace(/\s+$/, "");
@@ -50,8 +50,8 @@ export function trimRight(str) {
  * @function
  * @memberOf me.utils.string
  * @name isNumeric
- * @param {String} string the string to be tested
- * @return {Boolean} true if string contains only digits
+ * @param {string} str the string to be tested
+ * @returns {boolean} true if string contains only digits
  */
 export function isNumeric(str) {
     if (typeof str === "string") {
@@ -66,8 +66,8 @@ export function isNumeric(str) {
  * @function
  * @memberOf me.utils.string
  * @name isBoolean
- * @param {String} string the string to be tested
- * @return {Boolean} true if the string is either true or false
+ * @param {string} str the string to be tested
+ * @returns {boolean} true if the string is either true or false
  */
 export function isBoolean(str) {
     var trimmed = str.trim();
@@ -80,8 +80,8 @@ export function isBoolean(str) {
  * @function
  * @memberOf me.utils.string
  * @name toHex
- * @param {String} string the string to be converted
- * @return {String}
+ * @param {string} str the string to be converted
+ * @returns {string} the converted hexadecimal value
  */
 export function toHex(str) {
     var res = "", c = 0;

package/src/utils/utils.js

@@ -31,20 +31,20 @@ var utils = {
      * @function
      * @memberOf me.utils
      * @name getPixels
-     * @param {Image|Canvas} image Image to read
-     * @return {ImageData} Canvas ImageData object
+     * @param {HTMLImageElement|HTMLCanvasElement} image Image to read
+     * @returns {ImageData} ImageData object
      */
-    getPixels : function (arg) {
-        if (arg instanceof HTMLImageElement) {
+    getPixels : function (image) {
+        if (image instanceof HTMLImageElement) {
             var _context = CanvasRenderer.getContext2d(
-                createCanvas(arg.width, arg.height)
+                createCanvas(image.width, image.height)
             );
-            _context.drawImage(arg, 0, 0);
-            return _context.getImageData(0, 0, arg.width, arg.height);
+            _context.drawImage(image, 0, 0);
+            return _context.getImageData(0, 0, image.width, image.height);
         }
         else {
             // canvas !
-            return arg.getContext("2d").getImageData(0, 0, arg.width, arg.height);
+            return image.getContext("2d").getImageData(0, 0, image.width, image.height);
         }
     },
 
@@ -54,9 +54,9 @@ var utils = {
      * @function
      * @memberOf me.utils
      * @name checkVersion
-     * @param {String} first First version string to compare
-     * @param {String} [second=me.version] Second version string to compare
-     * @return {Number} comparison result <br>&lt; 0 : first &lt; second<br>
+     * @param {string} first First version string to compare
+     * @param {string} [second=me.version] Second version string to compare
+     * @returns {number} comparison result <br>&lt; 0 : first &lt; second<br>
      * 0 : first == second<br>
      * &gt; 0 : first &gt; second
      * @example
@@ -87,14 +87,14 @@ var utils = {
      * @function
      * @memberOf me.utils
      * @name getUriFragment
-     * @param {String} [url=document.location] an optional params string or URL containing fragment (hash) params to be parsed
-     * @return {Object} an object representing the deserialized params string.
-     * @property {Boolean} [hitbox=false] draw the hitbox in the debug panel (if enabled)
-     * @property {Boolean} [velocity=false] draw the entities velocity in the debug panel (if enabled)
-     * @property {Boolean} [quadtree=false] draw the quadtree in the debug panel (if enabled)
-     * @property {Boolean} [webgl=false] force the renderer to WebGL
-     * @property {Boolean} [debug=false] display the debug panel (if preloaded)
-     * @property {String} [debugToggleKey="s"] show/hide the debug panel (if preloaded)
+     * @param {string} [url=document.location] an optional params string or URL containing fragment (hash) params to be parsed
+     * @returns {object} an object representing the deserialized params string.
+     * @property {boolean} [hitbox=false] draw the hitbox in the debug panel (if enabled)
+     * @property {boolean} [velocity=false] draw the entities velocity in the debug panel (if enabled)
+     * @property {boolean} [quadtree=false] draw the quadtree in the debug panel (if enabled)
+     * @property {boolean} [webgl=false] force the renderer to WebGL
+     * @property {boolean} [debug=false] display the debug panel (if preloaded)
+     * @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();

package/src/video/canvas/canvas_renderer.js

@@ -13,17 +13,17 @@ import { createCanvas } from "./../video.js";
  * @extends me.Renderer
  * @memberOf me
  * @constructor
- * @param {Object} options The renderer parameters
- * @param {Number} options.width The width of the canvas without scaling
- * @param {Number} options.height The height of the canvas without scaling
+ * @param {object} options The renderer parameters
+ * @param {number} options.width The width of the canvas without scaling
+ * @param {number} options.height The height of the canvas without scaling
  * @param {HTMLCanvasElement} [options.canvas] The html canvas to draw to on screen
- * @param {Boolean} [options.doubleBuffering=false] Whether to enable double buffering
- * @param {Boolean} [options.antiAlias=false] Whether to enable anti-aliasing
- * @param {Boolean} [options.transparent=false] Whether to enable transparency on the canvas (performance hit when enabled)
- * @param {Boolean} [options.subPixel=false] Whether to enable subpixel renderering (performance hit when enabled)
- * @param {Boolean} [options.textureSeamFix=true] enable the texture seam fix when rendering Tile when antiAlias is off for the canvasRenderer
- * @param {Number} [options.zoomX=width] The actual width of the canvas with scaling applied
- * @param {Number} [options.zoomY=height] The actual height of the canvas with scaling applied
+ * @param {boolean} [options.doubleBuffering=false] Whether to enable double buffering
+ * @param {boolean} [options.antiAlias=false] Whether to enable anti-aliasing
+ * @param {boolean} [options.transparent=false] Whether to enable transparency on the canvas (performance hit when enabled)
+ * @param {boolean} [options.subPixel=false] Whether to enable subpixel renderering (performance hit when enabled)
+ * @param {boolean} [options.textureSeamFix=true] enable the texture seam fix when rendering Tile when antiAlias is off for the canvasRenderer
+ * @param {number} [options.zoomX=width] The actual width of the canvas with scaling applied
+ * @param {number} [options.zoomY=height] The actual height of the canvas with scaling applied
  */
 class CanvasRenderer extends Renderer {
 
@@ -86,8 +86,8 @@ class CanvasRenderer extends Renderer {
      * @name setBlendMode
      * @memberOf me.CanvasRenderer.prototype
      * @function
-     * @param {String} [mode="normal"] blend mode : "normal", "multiply"
-     * @param {Context2d} [context]
+     * @param {string} [mode="normal"] blend mode : "normal", "multiply"
+     * @param {CanvasRenderingContext2D} [context]
      */
     setBlendMode(mode, context) {
         context = context || this.getContext();
@@ -139,14 +139,14 @@ class CanvasRenderer extends Renderer {
      * @name clearColor
      * @memberOf me.CanvasRenderer.prototype
      * @function
-     * @param {me.Color|String} color CSS color.
-     * @param {Boolean} [opaque=false] Allow transparency [default] or clear the surface completely [true]
+     * @param {me.Color|string} color CSS color.
+     * @param {boolean} [opaque=false] Allow transparency [default] or clear the surface completely [true]
      */
-    clearColor(col, opaque) {
+    clearColor(color, opaque) {
         this.save();
         this.resetTransform();
         this.backBufferContext2D.globalCompositeOperation = opaque ? "copy" : "source-over";
-        this.backBufferContext2D.fillStyle = (col instanceof Color) ? col.toRGBA() : col;
+        this.backBufferContext2D.fillStyle = (color instanceof Color) ? color.toRGBA() : color;
         this.fillRect(0, 0, this.backBufferCanvas.width, this.backBufferCanvas.height);
         this.restore();
     }
@@ -156,10 +156,10 @@ class CanvasRenderer extends Renderer {
      * @name clearRect
      * @memberOf me.CanvasRenderer.prototype
      * @function
-     * @param {Number} x x axis of the coordinate for the rectangle starting point.
-     * @param {Number} y y axis of the coordinate for the rectangle starting point.
-     * @param {Number} width The rectangle's width.
-     * @param {Number} height The rectangle's height.
+     * @param {number} x x axis of the coordinate for the rectangle starting point.
+     * @param {number} y y axis of the coordinate for the rectangle starting point.
+     * @param {number} width The rectangle's width.
+     * @param {number} height The rectangle's height.
      */
     clearRect(x, y, width, height) {
         this.backBufferContext2D.clearRect(x, y, width, height);
@@ -170,9 +170,9 @@ class CanvasRenderer extends Renderer {
      * @name createPattern
      * @memberOf me.CanvasRenderer.prototype
      * @function
-     * @param {image} image Source image
-     * @param {String} repeat Define how the pattern should be repeated
-     * @return {CanvasPattern}
+     * @param {Image} image Source image
+     * @param {string} repeat Define how the pattern should be repeated
+     * @returns {CanvasPattern}
      * @see me.ImageLayer#repeat
      * @example
      * var tileable   = renderer.createPattern(image, "repeat");
@@ -190,14 +190,14 @@ class CanvasRenderer extends Renderer {
      * @memberOf me.CanvasRenderer.prototype
      * @function
      * @param {Image} image An element to draw into the context. The specification permits any canvas image source (CanvasImageSource), specifically, a CSSImageValue, an HTMLImageElement, an SVGImageElement, an HTMLVideoElement, an HTMLCanvasElement, an ImageBitmap, or an OffscreenCanvas.
-     * @param {Number} sx The X coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context.
-     * @param {Number} sy The Y coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context.
-     * @param {Number} sw The width of the sub-rectangle of the source image to draw into the destination context. If not specified, the entire rectangle from the coordinates specified by sx and sy to the bottom-right corner of the image is used.
-     * @param {Number} sh The height of the sub-rectangle of the source image to draw into the destination context.
-     * @param {Number} dx The X coordinate in the destination canvas at which to place the top-left corner of the source image.
-     * @param {Number} dy The Y coordinate in the destination canvas at which to place the top-left corner of the source image.
-     * @param {Number} dWidth The width to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified, the image is not scaled in width when drawn.
-     * @param {Number} dHeight The height to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified, the image is not scaled in height when drawn.
+     * @param {number} sx The X coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context.
+     * @param {number} sy The Y coordinate of the top left corner of the sub-rectangle of the source image to draw into the destination context.
+     * @param {number} sw The width of the sub-rectangle of the source image to draw into the destination context. If not specified, the entire rectangle from the coordinates specified by sx and sy to the bottom-right corner of the image is used.
+     * @param {number} sh The height of the sub-rectangle of the source image to draw into the destination context.
+     * @param {number} dx The X coordinate in the destination canvas at which to place the top-left corner of the source image.
+     * @param {number} dy The Y coordinate in the destination canvas at which to place the top-left corner of the source image.
+     * @param {number} dw The width to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified, the image is not scaled in width when drawn.
+     * @param {number} dh The height to draw the image in the destination canvas. This allows scaling of the drawn image. If not specified, the image is not scaled in height when drawn.
      * @example
      * // Position the image on the canvas:
      * renderer.drawImage(image, dx, dy);
@@ -253,10 +253,10 @@ class CanvasRenderer extends Renderer {
      * @memberOf me.CanvasRenderer.prototype
      * @function
      * @param {CanvasPattern} pattern Pattern object
-     * @param {Number} x
-     * @param {Number} y
-     * @param {Number} width
-     * @param {Number} height
+     * @param {number} x
+     * @param {number} y
+     * @param {number} width
+     * @param {number} height
      * @see me.CanvasRenderer#createPattern
      */
     drawPattern(pattern, x, y, width, height) {
@@ -275,13 +275,13 @@ class CanvasRenderer extends Renderer {
      * @name strokeArc
      * @memberOf me.CanvasRenderer.prototype
      * @function
-     * @param {Number} x arc center point x-axis
-     * @param {Number} y arc center point y-axis
-     * @param {Number} radius
-     * @param {Number} start start angle in radians
-     * @param {Number} end end angle in radians
-     * @param {Boolean} [antiClockwise=false] draw arc anti-clockwise
-     * @param {Boolean} [fill=false] also fill the shape with the current color if true
+     * @param {number} x arc center point x-axis
+     * @param {number} y arc center point y-axis
+     * @param {number} radius
+     * @param {number} start start angle in radians
+     * @param {number} end end angle in radians
+     * @param {boolean} [antiClockwise=false] draw arc anti-clockwise
+     * @param {boolean} [fill=false] also fill the shape with the current color if true
      */
     strokeArc(x, y, radius, start, end, antiClockwise, fill = false) {
         var context = this.backBufferContext2D;
@@ -302,12 +302,12 @@ class CanvasRenderer extends Renderer {
      * @name fillArc
      * @memberOf me.CanvasRenderer.prototype
      * @function
-     * @param {Number} x arc center point x-axis
-     * @param {Number} y arc center point y-axis
-     * @param {Number} radius
-     * @param {Number} start start angle in radians
-     * @param {Number} end end angle in radians
-     * @param {Boolean} [antiClockwise=false] draw arc anti-clockwise
+     * @param {number} x arc center point x-axis
+     * @param {number} y arc center point y-axis
+     * @param {number} radius
+     * @param {number} start start angle in radians
+     * @param {number} end end angle in radians
+     * @param {boolean} [antiClockwise=false] draw arc anti-clockwise
      */
     fillArc(x, y, radius, start, end, antiClockwise) {
         this.strokeArc(x, y, radius, start, end, antiClockwise || false, true);
@@ -318,11 +318,11 @@ class CanvasRenderer extends Renderer {
      * @name strokeEllipse
      * @memberOf me.CanvasRenderer.prototype
      * @function
-     * @param {Number} x ellipse center point x-axis
-     * @param {Number} y ellipse center point y-axis
-     * @param {Number} w horizontal radius of the ellipse
-     * @param {Number} h vertical radius of the ellipse
-     * @param {Boolean} [fill=false] also fill the shape with the current color if true
+     * @param {number} x ellipse center point x-axis
+     * @param {number} y ellipse center point y-axis
+     * @param {number} w horizontal radius of the ellipse
+     * @param {number} h vertical radius of the ellipse
+     * @param {boolean} [fill=false] also fill the shape with the current color if true
      */
     strokeEllipse(x, y, w, h, fill = false) {
         var context = this.backBufferContext2D;
@@ -361,10 +361,10 @@ class CanvasRenderer extends Renderer {
      * @name fillEllipse
      * @memberOf me.CanvasRenderer.prototype
      * @function
-     * @param {Number} x ellipse center point x-axis
-     * @param {Number} y ellipse center point y-axis
-     * @param {Number} w horizontal radius of the ellipse
-     * @param {Number} h vertical radius of the ellipse
+     * @param {number} x ellipse center point x-axis
+     * @param {number} y ellipse center point y-axis
+     * @param {number} w horizontal radius of the ellipse
+     * @param {number} h vertical radius of the ellipse
      */
     fillEllipse(x, y, w, h) {
         this.strokeEllipse(x, y, w, h, true);
@@ -375,10 +375,10 @@ class CanvasRenderer extends Renderer {
      * @name strokeLine
      * @memberOf me.CanvasRenderer.prototype
      * @function
-     * @param {Number} startX the start x coordinate
-     * @param {Number} startY the start y coordinate
-     * @param {Number} endX the end x coordinate
-     * @param {Number} endY the end y coordinate
+     * @param {number} startX the start x coordinate
+     * @param {number} startY the start y coordinate
+     * @param {number} endX the end x coordinate
+     * @param {number} endY the end y coordinate
      */
     strokeLine(startX, startY, endX, endY) {
         var context = this.backBufferContext2D;
@@ -399,10 +399,10 @@ class CanvasRenderer extends Renderer {
      * @name fillLine
      * @memberOf me.CanvasRenderer.prototype
      * @function
-     * @param {Number} startX the start x coordinate
-     * @param {Number} startY the start y coordinate
-     * @param {Number} endX the end x coordinate
-     * @param {Number} endY the end y coordinate
+     * @param {number} startX the start x coordinate
+     * @param {number} startY the start y coordinate
+     * @param {number} endX the end x coordinate
+     * @param {number} endY the end y coordinate
      */
     fillLine(startX, startY, endX, endY) {
         this.strokeLine(startX, startY, endX, endY);
@@ -414,7 +414,7 @@ class CanvasRenderer extends Renderer {
      * @memberOf me.CanvasRenderer.prototype
      * @function
      * @param {me.Polygon} poly the shape to draw
-     * @param {Boolean} [fill=false] also fill the shape with the current color if true
+     * @param {boolean} [fill=false] also fill the shape with the current color if true
      */
     strokePolygon(poly, fill = false) {
         var context = this.backBufferContext2D;
@@ -454,11 +454,11 @@ class CanvasRenderer extends Renderer {
      * @name strokeRect
      * @memberOf me.CanvasRenderer.prototype
      * @function
-     * @param {Number} x
-     * @param {Number} y
-     * @param {Number} width
-     * @param {Number} height
-     * @param {Boolean} [fill=false] also fill the shape with the current color if true
+     * @param {number} x
+     * @param {number} y
+     * @param {number} width
+     * @param {number} height
+     * @param {boolean} [fill=false] also fill the shape with the current color if true
      */
     strokeRect(x, y, width, height, fill = false) {
         if (fill === true ) {
@@ -477,10 +477,10 @@ class CanvasRenderer extends Renderer {
      * @name fillRect
      * @memberOf me.CanvasRenderer.prototype
      * @function
-     * @param {Number} x
-     * @param {Number} y
-     * @param {Number} width
-     * @param {Number} height
+     * @param {number} x
+     * @param {number} y
+     * @param {number} width
+     * @param {number} height
      */
     fillRect(x, y, width, height) {
         if (this.backBufferContext2D.globalAlpha < 1 / 255) {
@@ -496,7 +496,7 @@ class CanvasRenderer extends Renderer {
      * @name getContext
      * @memberOf me.CanvasRenderer.prototype
      * @function
-     * @return {CanvasRenderingContext2D}
+     * @returns {CanvasRenderingContext2D}
      */
     getContext() {
         return this.backBufferContext2D;
@@ -541,7 +541,7 @@ class CanvasRenderer extends Renderer {
      * @name rotate
      * @memberOf me.CanvasRenderer.prototype
      * @function
-     * @param {Number} angle in radians
+     * @param {number} angle in radians
      */
     rotate(angle) {
         this.backBufferContext2D.rotate(angle);
@@ -552,8 +552,8 @@ class CanvasRenderer extends Renderer {
      * @name scale
      * @memberOf me.CanvasRenderer.prototype
      * @function
-     * @param {Number} x
-     * @param {Number} y
+     * @param {number} x
+     * @param {number} y
      */
     scale(x, y) {
         this.backBufferContext2D.scale(x, y);
@@ -565,7 +565,7 @@ class CanvasRenderer extends Renderer {
      * @name setColor
      * @memberOf me.CanvasRenderer.prototype
      * @function
-     * @param {Color|String} color css color value
+     * @param {me.Color|string} color css color value
      */
     setColor(color) {
         this.backBufferContext2D.strokeStyle =
@@ -581,10 +581,10 @@ class CanvasRenderer extends Renderer {
      * @name setGlobalAlpha
      * @memberOf me.CanvasRenderer.prototype
      * @function
-     * @param {Number} alpha 0.0 to 1.0 values accepted.
+     * @param {number} alpha 0.0 to 1.0 values accepted.
      */
-    setGlobalAlpha(a) {
-        this.backBufferContext2D.globalAlpha = this.currentColor.glArray[3] = a;
+    setGlobalAlpha(alpha) {
+        this.backBufferContext2D.globalAlpha = this.currentColor.glArray[3] = alpha;
     }
 
     /**
@@ -592,7 +592,7 @@ class CanvasRenderer extends Renderer {
      * @name setLineWidth
      * @memberOf me.CanvasRenderer.prototype
      * @function
-     * @param {Number} width Line width
+     * @param {number} width Line width
      */
     setLineWidth(width) {
         this.backBufferContext2D.lineWidth = width;
@@ -640,8 +640,8 @@ class CanvasRenderer extends Renderer {
      * @name translate
      * @memberOf me.CanvasRenderer.prototype
      * @function
-     * @param {Number} x
-     * @param {Number} y
+     * @param {number} x
+     * @param {number} y
      */
     translate(x, y) {
         if (this.settings.subPixel === false) {
@@ -660,10 +660,10 @@ class CanvasRenderer extends Renderer {
      * @name clipRect
      * @memberOf me.CanvasRenderer.prototype
      * @function
-     * @param {Number} x
-     * @param {Number} y
-     * @param {Number} width
-     * @param {Number} height
+     * @param {number} x
+     * @param {number} y
+     * @param {number} width
+     * @param {number} height
      */
     clipRect(x, y, width, height) {
         var canvas = this.backBufferCanvas;