melonjs 10.2.2 → 10.4.0

package/src/video/canvas/canvas_renderer.js

@@ -1,7 +1,7 @@
 import Color from "./../../math/color.js";
 import Renderer from "./../renderer.js";
 import TextureCache from "./../texture_cache.js";
-import Ellipse from "./../../shapes/ellipse.js";
+import Ellipse from "./../../geometries/ellipse.js";
 import { createCanvas } from "./../video.js";
 
 
@@ -9,24 +9,22 @@ import { createCanvas } from "./../video.js";
 /**
  * @classdesc
  * a canvas renderer object
- * @class CanvasRenderer
- * @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 {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
+ * @augments Renderer
  */
 class CanvasRenderer extends Renderer {
-
+    /**
+     * @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
+     */
     constructor(options) {
         // parent constructor
         super(options);
@@ -63,7 +61,7 @@ class CanvasRenderer extends Renderer {
     /**
      * Reset context state
      * @name reset
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      */
     reset() {
@@ -74,7 +72,7 @@ class CanvasRenderer extends Renderer {
     /**
      * Reset the canvas transform to identity
      * @name resetTransform
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      */
     resetTransform() {
@@ -84,7 +82,7 @@ class CanvasRenderer extends Renderer {
     /**
      * Set a blend mode for the given context
      * @name setBlendMode
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      * @param {string} [mode="normal"] blend mode : "normal", "multiply"
      * @param {CanvasRenderingContext2D} [context]
@@ -113,7 +111,7 @@ class CanvasRenderer extends Renderer {
     /**
      * prepare the framebuffer for drawing a new frame
      * @name clear
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      */
     clear() {
@@ -125,7 +123,7 @@ class CanvasRenderer extends Renderer {
     /**
      * render the main framebuffer on screen
      * @name flush
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      */
     flush() {
@@ -137,12 +135,12 @@ class CanvasRenderer extends Renderer {
     /**
      * Clears the main framebuffer with the given color
      * @name clearColor
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
-     * @param {me.Color|string} color CSS color.
+     * @param {Color|string} [color="#000000"] CSS color.
      * @param {boolean} [opaque=false] Allow transparency [default] or clear the surface completely [true]
      */
-    clearColor(color, opaque) {
+    clearColor(color = "#000000", opaque) {
         this.save();
         this.resetTransform();
         this.backBufferContext2D.globalCompositeOperation = opaque ? "copy" : "source-over";
@@ -154,7 +152,7 @@ class CanvasRenderer extends Renderer {
     /**
      * Erase the pixels in the given rectangular area by setting them to transparent black (rgba(0,0,0,0)).
      * @name clearRect
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof 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.
@@ -168,12 +166,12 @@ class CanvasRenderer extends Renderer {
     /**
      * Create a pattern with the specified repetition
      * @name createPattern
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      * @param {Image} image Source image
      * @param {string} repeat Define how the pattern should be repeated
      * @returns {CanvasPattern}
-     * @see me.ImageLayer#repeat
+     * @see ImageLayer#repeat
      * @example
      * var tileable   = renderer.createPattern(image, "repeat");
      * var horizontal = renderer.createPattern(image, "repeat-x");
@@ -187,7 +185,7 @@ class CanvasRenderer extends Renderer {
     /**
      * Draw an image onto the main using the canvas api
      * @name drawImage
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof 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.
@@ -250,14 +248,14 @@ class CanvasRenderer extends Renderer {
     /**
      * Draw a pattern within the given rectangle.
      * @name drawPattern
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      * @param {CanvasPattern} pattern Pattern object
      * @param {number} x
      * @param {number} y
      * @param {number} width
      * @param {number} height
-     * @see me.CanvasRenderer#createPattern
+     * @see CanvasRenderer#createPattern
      */
     drawPattern(pattern, x, y, width, height) {
         if (this.backBufferContext2D.globalAlpha < 1 / 255) {
@@ -273,7 +271,7 @@ class CanvasRenderer extends Renderer {
     /**
      * Stroke an arc at the specified coordinates with given radius, start and end points
      * @name strokeArc
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      * @param {number} x arc center point x-axis
      * @param {number} y arc center point y-axis
@@ -300,7 +298,7 @@ class CanvasRenderer extends Renderer {
     /**
      * Fill an arc at the specified coordinates with given radius, start and end points
      * @name fillArc
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      * @param {number} x arc center point x-axis
      * @param {number} y arc center point y-axis
@@ -316,7 +314,7 @@ class CanvasRenderer extends Renderer {
     /**
      * Stroke an ellipse at the specified coordinates with given radius
      * @name strokeEllipse
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      * @param {number} x ellipse center point x-axis
      * @param {number} y ellipse center point y-axis
@@ -359,7 +357,7 @@ class CanvasRenderer extends Renderer {
     /**
      * Fill an ellipse at the specified coordinates with given radius
      * @name fillEllipse
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      * @param {number} x ellipse center point x-axis
      * @param {number} y ellipse center point y-axis
@@ -373,7 +371,7 @@ class CanvasRenderer extends Renderer {
     /**
      * Stroke a line of the given two points
      * @name strokeLine
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      * @param {number} startX the start x coordinate
      * @param {number} startY the start y coordinate
@@ -397,7 +395,7 @@ class CanvasRenderer extends Renderer {
     /**
      * Fill a line of the given two points
      * @name fillLine
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      * @param {number} startX the start x coordinate
      * @param {number} startY the start y coordinate
@@ -411,9 +409,9 @@ class CanvasRenderer extends Renderer {
     /**
      * Stroke the given me.Polygon on the screen
      * @name strokePolygon
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
-     * @param {me.Polygon} poly the shape to draw
+     * @param {Polygon} poly the shape to draw
      * @param {boolean} [fill=false] also fill the shape with the current color if true
      */
     strokePolygon(poly, fill = false) {
@@ -441,9 +439,9 @@ class CanvasRenderer extends Renderer {
     /**
      * Fill the given me.Polygon on the screen
      * @name fillPolygon
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
-     * @param {me.Polygon} poly the shape to draw
+     * @param {Polygon} poly the shape to draw
      */
     fillPolygon(poly) {
         this.strokePolygon(poly, true);
@@ -452,7 +450,7 @@ class CanvasRenderer extends Renderer {
     /**
      * Stroke a rectangle at the specified coordinates
      * @name strokeRect
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      * @param {number} x
      * @param {number} y
@@ -475,7 +473,7 @@ class CanvasRenderer extends Renderer {
     /**
      * Draw a filled rectangle at the specified coordinates
      * @name fillRect
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      * @param {number} x
      * @param {number} y
@@ -494,7 +492,7 @@ class CanvasRenderer extends Renderer {
     /**
      * return a reference to the system 2d Context
      * @name getContext
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      * @returns {CanvasRenderingContext2D}
      */
@@ -514,7 +512,7 @@ class CanvasRenderer extends Renderer {
     /**
      * save the canvas context
      * @name save
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      */
     save() {
@@ -524,7 +522,7 @@ class CanvasRenderer extends Renderer {
     /**
      * restores the canvas context
      * @name restore
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      */
     restore() {
@@ -539,7 +537,7 @@ class CanvasRenderer extends Renderer {
     /**
      * rotates the canvas context
      * @name rotate
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      * @param {number} angle in radians
      */
@@ -550,7 +548,7 @@ class CanvasRenderer extends Renderer {
     /**
      * scales the canvas context
      * @name scale
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      * @param {number} x
      * @param {number} y
@@ -563,9 +561,9 @@ class CanvasRenderer extends Renderer {
      * Set the current fill & stroke style color.
      * By default, or upon reset, the value is set to #000000.
      * @name setColor
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
-     * @param {me.Color|string} color css color value
+     * @param {Color|string} color css color value
      */
     setColor(color) {
         this.backBufferContext2D.strokeStyle =
@@ -579,7 +577,7 @@ class CanvasRenderer extends Renderer {
     /**
      * Set the global alpha on the canvas context
      * @name setGlobalAlpha
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      * @param {number} alpha 0.0 to 1.0 values accepted.
      */
@@ -590,7 +588,7 @@ class CanvasRenderer extends Renderer {
     /**
      * Set the line width on the context
      * @name setLineWidth
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      * @param {number} width Line width
      */
@@ -602,9 +600,9 @@ class CanvasRenderer extends Renderer {
      * Reset (overrides) the renderer transformation matrix to the
      * identity one, and then apply the given transformation matrix.
      * @name setTransform
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
-     * @param {me.Matrix2d} mat2d Matrix to transform by
+     * @param {Matrix2d} mat2d Matrix to transform by
      */
     setTransform(mat2d) {
         this.resetTransform();
@@ -614,9 +612,9 @@ class CanvasRenderer extends Renderer {
     /**
      * Multiply given matrix into the renderer tranformation matrix
      * @name transform
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
-     * @param {me.Matrix2d} mat2d Matrix to transform by
+     * @param {Matrix2d} mat2d Matrix to transform by
      */
     transform(mat2d) {
         var m = mat2d.toArray(),
@@ -638,7 +636,7 @@ class CanvasRenderer extends Renderer {
     /**
      * Translates the context to the given position
      * @name translate
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      * @param {number} x
      * @param {number} y
@@ -658,7 +656,7 @@ class CanvasRenderer extends Renderer {
      * and restore it (with the restore() method) any time in the future.
      * (<u>this is an experimental feature !</u>)
      * @name clipRect
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
      * @param {number} x
      * @param {number} y
@@ -691,9 +689,9 @@ class CanvasRenderer extends Renderer {
      * So, if the renderable is larger than the mask, only the intersecting part of the renderable will be visible.
      * Mask are not preserved through renderer context save and restore.
      * @name setMask
-     * @memberOf me.CanvasRenderer.prototype
+     * @memberof CanvasRenderer.prototype
      * @function
-     * @param {me.Rect|me.Polygon|me.Line|me.Ellipse} [mask] the shape defining the mask to be applied
+     * @param {Rect|Polygon|Line|Ellipse} [mask] the shape defining the mask to be applied
      */
     setMask(mask) {
         var context = this.backBufferContext2D;
@@ -739,8 +737,8 @@ class CanvasRenderer extends Renderer {
     /**
      * disable (remove) the rendering mask set through setMask.
      * @name clearMask
-     * @see me.CanvasRenderer#setMask
-     * @memberOf me.CanvasRenderer.prototype
+     * @see CanvasRenderer#setMask
+     * @memberof CanvasRenderer.prototype
      * @function
      */
     clearMask() {

package/src/video/renderer.js

@@ -4,41 +4,38 @@ import { createCanvas, renderer } from "./video.js";
 import * as event from "./../system/event.js";
 import device from "./../system/device.js";
 import { setPrefixed } from "./../utils/agent.js";
-import { Texture } from "./texture.js";
-import Rect from "./../shapes/rectangle.js";
-import Ellipse from "./../shapes/ellipse.js";
-import Polygon from "./../shapes/poly.js";
-import Line from "./../shapes/line.js";
+import Rect from "./../geometries/rectangle.js";
+import Ellipse from "./../geometries/ellipse.js";
+import Polygon from "./../geometries/poly.js";
+import Line from "./../geometries/line.js";
 import Bounds from "./../physics/bounds.js";
 
 /**
  * @classdesc
  * a base renderer object
- * @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 {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
  */
 class Renderer {
-
+    /**
+     * @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
+     */
     constructor(options) {
         /**
          * The given constructor options
          * @public
          * @name settings
-         * @memberOf me.Renderer#
+         * @memberof Renderer#
          * @enum {object}
          */
         this.settings = options;
@@ -46,7 +43,7 @@ class Renderer {
         /**
          * true if the current rendering context is valid
          * @name isContextValid
-         * @memberOf me.Renderer
+         * @memberof Renderer
          * @default true
          * type {boolean}
          */
@@ -91,8 +88,6 @@ class Renderer {
         // default uvOffset
         this.uvOffset = 0;
 
-        this.Texture = Texture;
-
         // reset the instantiated renderer on game reset
         event.on(event.GAME_RESET, () => {
             renderer.reset();
@@ -104,7 +99,7 @@ class Renderer {
     /**
      * prepare the framebuffer for drawing a new frame
      * @name clear
-     * @memberOf me.Renderer.prototype
+     * @memberof Renderer.prototype
      * @function
      */
     clear() {}
@@ -112,7 +107,7 @@ class Renderer {
     /**
      * Reset context state
      * @name reset
-     * @memberOf me.Renderer.prototype
+     * @memberof Renderer.prototype
      * @function
      */
     reset() {
@@ -130,7 +125,7 @@ class Renderer {
     /**
      * return a reference to the system canvas
      * @name getCanvas
-     * @memberOf me.Renderer.prototype
+     * @memberof Renderer.prototype
      * @function
      * @returns {HTMLCanvasElement}
      */
@@ -141,7 +136,7 @@ class Renderer {
     /**
      * return a reference to the screen canvas
      * @name getScreenCanvas
-     * @memberOf me.Renderer.prototype
+     * @memberof Renderer.prototype
      * @function
      * @returns {HTMLCanvasElement}
      */
@@ -153,7 +148,7 @@ class Renderer {
      * return a reference to the screen canvas corresponding 2d Context<br>
      * (will return buffered context if double buffering is enabled, or a reference to the Screen Context)
      * @name getScreenContext
-     * @memberOf me.Renderer.prototype
+     * @memberof Renderer.prototype
      * @function
      * @returns {CanvasRenderingContext2D}
      */
@@ -164,7 +159,7 @@ class Renderer {
     /**
      * returns the current blend mode for this renderer
      * @name getBlendMode
-     * @memberOf me.Renderer.prototype
+     * @memberof Renderer.prototype
      * @function
      * @returns {string} blend mode
      */
@@ -176,7 +171,7 @@ class Renderer {
      * Returns the 2D Context object of the given Canvas<br>
      * Also configures anti-aliasing and blend modes based on constructor options.
      * @name getContext2d
-     * @memberOf me.Renderer.prototype
+     * @memberof Renderer.prototype
      * @function
      * @param {HTMLCanvasElement} canvas
      * @param {boolean} [transparent=true] use false to disable transparency
@@ -214,7 +209,7 @@ class Renderer {
     /**
      * return the width of the system Canvas
      * @name getWidth
-     * @memberOf me.Renderer.prototype
+     * @memberof Renderer.prototype
      * @function
      * @returns {number}
      */
@@ -225,7 +220,7 @@ class Renderer {
     /**
      * return the height of the system Canvas
      * @name getHeight
-     * @memberOf me.Renderer.prototype
+     * @memberof Renderer.prototype
      * @function
      * @returns {number} height of the system Canvas
      */
@@ -236,9 +231,9 @@ class Renderer {
     /**
      * get the current fill & stroke style color.
      * @name getColor
-     * @memberOf me.Renderer.prototype
+     * @memberof Renderer.prototype
      * @function
-     * @returns {me.Color} current global color
+     * @returns {Color} current global color
      */
     getColor() {
         return this.currentColor;
@@ -247,7 +242,7 @@ class Renderer {
     /**
      * return the current global alpha
      * @name globalAlpha
-     * @memberOf me.Renderer.prototype
+     * @memberof Renderer.prototype
      * @function
      * @returns {number}
      */
@@ -258,9 +253,9 @@ class Renderer {
     /**
      * check if the given rect or bounds overlaps with the renderer screen coordinates
      * @name overlaps
-     * @memberOf me.Renderer.prototype
+     * @memberof Renderer.prototype
      * @function
-     * @param  {me.Rect|me.Bounds} bounds
+     * @param {Rect|Bounds} bounds
      * @returns {boolean} true if overlaps
      */
     overlaps(bounds) {
@@ -274,7 +269,7 @@ class Renderer {
     /**
      * resizes the system canvas
      * @name resize
-     * @memberOf me.Renderer.prototype
+     * @memberof Renderer.prototype
      * @function
      * @param {number} width new width of the canvas
      * @param {number} height new height of the canvas
@@ -295,7 +290,7 @@ class Renderer {
     /**
      * enable/disable image smoothing (scaling interpolation) for the given context
      * @name setAntiAlias
-     * @memberOf me.Renderer.prototype
+     * @memberof Renderer.prototype
      * @function
      * @param {CanvasRenderingContext2D} context
      * @param {boolean} [enable=false]
@@ -325,9 +320,9 @@ class Renderer {
     /**
      * set/change the current projection matrix (WebGL only)
      * @name setProjection
-     * @memberOf me.Renderer.prototype
+     * @memberof Renderer.prototype
      * @function
-     * @param {me.Matrix3d} matrix
+     * @param {Matrix3d} matrix
      */
     setProjection(matrix) {
         this.projectionMatrix.copy(matrix);
@@ -336,9 +331,9 @@ class Renderer {
     /**
      * stroke the given shape
      * @name stroke
-     * @memberOf me.Renderer.prototype
+     * @memberof Renderer.prototype
      * @function
-     * @param {me.Rect|me.Polygon|me.Line|me.Ellipse} shape a shape object to stroke
+     * @param {Rect|Polygon|Line|Ellipse} shape a shape object to stroke
      * @param {boolean} [fill=false] fill the shape with the current color if true
      */
     stroke(shape, fill) {
@@ -360,10 +355,10 @@ class Renderer {
     /**
      * tint the given image or canvas using the given color
      * @name tint
-     * @memberOf me.Renderer.prototype
+     * @memberof Renderer.prototype
      * @function
      * @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 {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
      */
@@ -389,9 +384,9 @@ class Renderer {
     /**
      * fill the given shape
      * @name fill
-     * @memberOf me.Renderer.prototype
+     * @memberof Renderer.prototype
      * @function
-     * @param {me.Rect|me.Polygon|me.Line|me.Ellipse} shape a shape object to fill
+     * @param {Rect|Polygon|Line|Ellipse} shape a shape object to fill
      */
     fill(shape) {
         this.stroke(shape, true);
@@ -402,9 +397,9 @@ class Renderer {
      * So, if the renderable is larger than the mask, only the intersecting part of the renderable will be visible.
      * Mask are not preserved through renderer context save and restore.
      * @name setMask
-     * @memberOf me.Renderer.prototype
+     * @memberof Renderer.prototype
      * @function
-     * @param {me.Rect|me.Polygon|me.Line|me.Ellipse} [mask] the shape defining the mask to be applied
+     * @param {Rect|Polygon|Line|Ellipse} [mask] the shape defining the mask to be applied
      */
     // eslint-disable-next-line no-unused-vars
     setMask(mask) {}
@@ -412,8 +407,8 @@ class Renderer {
     /**
      * disable (remove) the rendering mask set through setMask.
      * @name clearMask
-     * @see me.Renderer#setMask
-     * @memberOf me.Renderer.prototype
+     * @see Renderer#setMask
+     * @memberof Renderer.prototype
      * @function
      */
     clearMask() {}
@@ -421,9 +416,9 @@ class Renderer {
     /**
      * set a coloring tint for sprite based renderables
      * @name setTint
-     * @memberOf me.Renderer.prototype
+     * @memberof Renderer.prototype
      * @function
-     * @param {me.Color} tint the tint color
+     * @param {Color} tint the tint color
      * @param {number} [alpha] an alpha value to be applied to the tint
      */
     setTint(tint, alpha = tint.alpha) {
@@ -435,8 +430,8 @@ class Renderer {
     /**
      * clear the rendering tint set through setTint.
      * @name clearTint
-     * @see me.Renderer#setTint
-     * @memberOf me.Renderer.prototype
+     * @see Renderer#setTint
+     * @memberof Renderer.prototype
      * @function
      */
     clearTint() {