melonjs 10.1.0 → 10.2.2

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;

package/src/video/renderer.js

@@ -17,19 +17,19 @@ import Bounds from "./../physics/bounds.js";
  * @class 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, use false (default) for a pixelated effect.
- * @param {Boolean} [options.failIfMajorPerformanceCaveat=true] If true, the renderer will switch to CANVAS mode if the performances of a WebGL context would be dramatically lower than that of a native application making equivalent OpenGL calls.
- * @param {Boolean} [options.transparent=false] Whether to enable transparency on the canvas (performance hit when enabled)
- * @param {Boolean} [options.blendMode="normal"] the default blend mode to use ("normal", "multiply")
- * @param {Boolean} [options.subPixel=false] Whether to enable subpixel rendering (performance hit when enabled)
- * @param {Boolean} [options.verbose=false] Enable the verbose mode that provides additional details as to what the renderer is doing
- * @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, use false (default) for a pixelated effect.
+ * @param {boolean} [options.failIfMajorPerformanceCaveat=true] If true, the renderer will switch to CANVAS mode if the performances of a WebGL context would be dramatically lower than that of a native application making equivalent OpenGL calls.
+ * @param {boolean} [options.transparent=false] Whether to enable transparency on the canvas (performance hit when enabled)
+ * @param {boolean} [options.blendMode="normal"] the default blend mode to use ("normal", "multiply")
+ * @param {boolean} [options.subPixel=false] Whether to enable subpixel rendering (performance hit when enabled)
+ * @param {boolean} [options.verbose=false] Enable the verbose mode that provides additional details as to what the renderer is doing
+ * @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 Renderer {
 
@@ -39,7 +39,7 @@ class Renderer {
          * @public
          * @name settings
          * @memberOf me.Renderer#
-         * @enum {Object}
+         * @enum {object}
          */
         this.settings = options;
 
@@ -48,7 +48,7 @@ class Renderer {
          * @name isContextValid
          * @memberOf me.Renderer
          * @default true
-         * type {Boolean}
+         * type {boolean}
          */
         this.isContextValid = true;
 
@@ -132,7 +132,7 @@ class Renderer {
      * @name getCanvas
      * @memberOf me.Renderer.prototype
      * @function
-     * @return {HTMLCanvasElement}
+     * @returns {HTMLCanvasElement}
      */
     getCanvas() {
         return this.backBufferCanvas;
@@ -143,7 +143,7 @@ class Renderer {
      * @name getScreenCanvas
      * @memberOf me.Renderer.prototype
      * @function
-     * @return {HTMLCanvasElement}
+     * @returns {HTMLCanvasElement}
      */
     getScreenCanvas() {
         return this.canvas;
@@ -155,7 +155,7 @@ class Renderer {
      * @name getScreenContext
      * @memberOf me.Renderer.prototype
      * @function
-     * @return {Context2d}
+     * @returns {CanvasRenderingContext2D}
      */
     getScreenContext() {
         return this.context;
@@ -166,7 +166,7 @@ class Renderer {
      * @name getBlendMode
      * @memberOf me.Renderer.prototype
      * @function
-     * @return {String} blend mode
+     * @returns {string} blend mode
      */
     getBlendMode() {
         return this.currentBlendMode;
@@ -179,18 +179,18 @@ class Renderer {
      * @memberOf me.Renderer.prototype
      * @function
      * @param {HTMLCanvasElement} canvas
-     * @param {Boolean} [transparent=true] use false to disable transparency
-     * @return {Context2d}
+     * @param {boolean} [transparent=true] use false to disable transparency
+     * @returns {CanvasRenderingContext2D}
      */
-    getContext2d(c, transparent) {
-        if (typeof c === "undefined" || c === null) {
+    getContext2d(canvas, transparent) {
+        if (typeof canvas === "undefined" || canvas === null) {
             throw new Error(
                 "You must pass a canvas element in order to create " +
                 "a 2d context"
             );
         }
 
-        if (typeof c.getContext === "undefined") {
+        if (typeof canvas.getContext === "undefined") {
             throw new Error(
                 "Your browser does not support HTML5 canvas."
             );
@@ -200,12 +200,12 @@ class Renderer {
             transparent = true;
         }
 
-        var _context = c.getContext("2d", {
+        var _context = canvas.getContext("2d", {
                 "alpha" : transparent
         });
 
         if (!_context.canvas) {
-            _context.canvas = c;
+            _context.canvas = canvas;
         }
         this.setAntiAlias(_context, this.settings.antiAlias);
         return _context;
@@ -216,7 +216,7 @@ class Renderer {
      * @name getWidth
      * @memberOf me.Renderer.prototype
      * @function
-     * @return {Number}
+     * @returns {number}
      */
     getWidth() {
         return this.backBufferCanvas.width;
@@ -227,7 +227,7 @@ class Renderer {
      * @name getHeight
      * @memberOf me.Renderer.prototype
      * @function
-     * @return {Number}
+     * @returns {number} height of the system Canvas
      */
     getHeight() {
         return this.backBufferCanvas.height;
@@ -238,7 +238,7 @@ class Renderer {
      * @name getColor
      * @memberOf me.Renderer.prototype
      * @function
-     * @param {me.Color} current global color
+     * @returns {me.Color} current global color
      */
     getColor() {
         return this.currentColor;
@@ -249,7 +249,7 @@ class Renderer {
      * @name globalAlpha
      * @memberOf me.Renderer.prototype
      * @function
-     * @return {Number}
+     * @returns {number}
      */
     globalAlpha() {
         return this.currentColor.glArray[3];
@@ -261,7 +261,7 @@ class Renderer {
      * @memberOf me.Renderer.prototype
      * @function
      * @param  {me.Rect|me.Bounds} bounds
-     * @return {boolean} true if overlaps
+     * @returns {boolean} true if overlaps
      */
     overlaps(bounds) {
         return (
@@ -276,8 +276,8 @@ class Renderer {
      * @name resize
      * @memberOf me.Renderer.prototype
      * @function
-     * @param {Number} width new width of the canvas
-     * @param {Number} height new height of the canvas
+     * @param {number} width new width of the canvas
+     * @param {number} height new height of the canvas
      */
     resize(width, height) {
         if (width !== this.backBufferCanvas.width || height !== this.backBufferCanvas.height) {
@@ -297,8 +297,8 @@ class Renderer {
      * @name setAntiAlias
      * @memberOf me.Renderer.prototype
      * @function
-     * @param {Context2d} context
-     * @param {Boolean} [enable=false]
+     * @param {CanvasRenderingContext2D} context
+     * @param {boolean} [enable=false]
      */
     setAntiAlias(context, enable) {
         var canvas = context.canvas;
@@ -339,6 +339,7 @@ class Renderer {
      * @memberOf me.Renderer.prototype
      * @function
      * @param {me.Rect|me.Polygon|me.Line|me.Ellipse} shape a shape object to stroke
+     * @param {boolean} [fill=false] fill the shape with the current color if true
      */
     stroke(shape, fill) {
         if (shape instanceof Rect || shape instanceof Bounds) {
@@ -361,10 +362,10 @@ class Renderer {
      * @name tint
      * @memberOf me.Renderer.prototype
      * @function
-     * @param {HTMLImageElement|HTMLCanvasElement|OffscreenCanvas} image the source image to be tinted
-     * @param {me.Color|String} color the color that will be used to tint the image
-     * @param {String} [mode="multiply"] the composition mode used to tint the image
-     * @return {HTMLCanvasElement|OffscreenCanvas} a new canvas element representing the tinted image
+     * @param {HTMLImageElement|HTMLCanvasElement|OffscreenCanvas} src the source image to be tinted
+     * @param {me.Color|string} color the color that will be used to tint the image
+     * @param {string} [mode="multiply"] the composition mode used to tint the image
+     * @returns {HTMLCanvasElement|OffscreenCanvas} a new canvas element representing the tinted image
      */
     tint(src, color, mode) {
         var canvas = createCanvas(src.width, src.height, true);
@@ -423,7 +424,7 @@ class Renderer {
      * @memberOf me.Renderer.prototype
      * @function
      * @param {me.Color} tint the tint color
-     * @param {Number} [alpha] an alpha value to be applied to the tint
+     * @param {number} [alpha] an alpha value to be applied to the tint
      */
     setTint(tint, alpha = tint.alpha) {
         // global tint color