melonjs 10.7.1 → 10.10.0

package/dist/melonjs.module.d.ts

@@ -233,9 +233,45 @@ export class Body {
      * body.collisionType = me.collision.types.PLAYER_OBJECT;
      */
     public collisionType: number;
-    vel: Vector2d;
-    force: Vector2d;
-    friction: Vector2d;
+    /**
+     * body velocity
+     * @public
+     * @type {Vector2d}
+     * @default <0,0>
+     */
+    public vel: Vector2d;
+    /**
+     * body force or acceleration (automatically) applied to the body.
+     * when defining a force, user should also define a max velocity
+     * @public
+     * @type {Vector2d}
+     * @default <0,0>
+     * @see Body.setMaxVelocity
+     * @example
+     * // define a default maximum acceleration, initial force and friction
+     * this.body.force.set(0, 0);
+     * this.body.friction.set(0.4, 0);
+     * this.body.setMaxVelocity(3, 15);
+     *
+     * // apply a postive or negative force when pressing left of right key
+     * update(dt) {
+     *     if (me.input.isKeyPressed("left"))    {
+     *          this.body.force.x = -this.body.maxVel.x;
+     *      } else if (me.input.isKeyPressed("right")) {
+     *         this.body.force.x = this.body.maxVel.x;
+     *     } else {
+     *         this.body.force.x = 0;
+     *     }
+     * }
+     */
+    public force: Vector2d;
+    /**
+     * body friction
+     * @public
+     * @type {Vector2d}
+     * @default <0,0>
+     */
+    public friction: Vector2d;
     /**
      * the body bouciness level when colliding with other solid bodies :
      * a value of 0 will not bounce, a value of 1 will fully rebound.
@@ -251,7 +287,13 @@ export class Body {
      * @default 1
      */
     public mass: number;
-    maxVel: Vector2d;
+    /**
+     * max velocity (to limit body velocity)
+     * @public
+     * @type {Vector2d}
+     * @default <490,490>
+     */
+    public maxVel: Vector2d;
     /**
      * Either this body is a static body or not.
      * A static body is completely fixed and can never change position or angle.
@@ -484,6 +526,7 @@ declare class Bounds$1 {
      * @param {Vector2d[]} [vertices] an array of me.Vector2d points
      */
     constructor(vertices?: Vector2d[]);
+    _center: Vector2d;
     /**
      * @ignore
      */
@@ -496,7 +539,6 @@ declare class Bounds$1 {
         x: number;
         y: number;
     };
-    _center: Vector2d;
     /**
      * reset the bound
      * @name clear
@@ -864,7 +906,7 @@ export class Camera2d extends Renderable {
      * @param {number} h deadzone height
      */
     setDeadzone(w: number, h: number): void;
-    deadzone: Rect;
+    deadzone: Rect$1;
     /**
      * resize the camera
      * @name resize
@@ -1074,7 +1116,7 @@ export class CanvasRenderer extends Renderer {
     /**
      * Reset the canvas transform to identity
      * @name resetTransform
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      */
     resetTransform(): void;
@@ -1091,7 +1133,7 @@ export class CanvasRenderer extends Renderer {
      * <img src="images/screen-blendmode.png" width="510"/> <br>
      * @name setBlendMode
      * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @param {string} [mode="normal"] blend mode : "normal", "multiply", "lighter, "additive", "screen"
      * @param {CanvasRenderingContext2D} [context]
@@ -1100,14 +1142,14 @@ export class CanvasRenderer extends Renderer {
     /**
      * render the main framebuffer on screen
      * @name flush
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      */
     flush(): void;
     /**
      * Clears the main framebuffer with the given color
      * @name clearColor
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @param {Color|string} [color="#000000"] CSS color.
      * @param {boolean} [opaque=false] Allow transparency [default] or clear the surface completely [true]
@@ -1116,7 +1158,7 @@ export 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 CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @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.
@@ -1127,7 +1169,7 @@ export class CanvasRenderer extends Renderer {
     /**
      * Create a pattern with the specified repetition
      * @name createPattern
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @param {Image} image Source image
      * @param {string} repeat Define how the pattern should be repeated
@@ -1143,7 +1185,7 @@ export class CanvasRenderer extends Renderer {
     /**
      * Draw an image onto the main using the canvas api
      * @name drawImage
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @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.
@@ -1166,7 +1208,7 @@ export class CanvasRenderer extends Renderer {
     /**
      * Draw a pattern within the given rectangle.
      * @name drawPattern
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @param {CanvasPattern} pattern Pattern object
      * @param {number} x
@@ -1179,7 +1221,7 @@ export class CanvasRenderer extends Renderer {
     /**
      * Stroke an arc at the specified coordinates with given radius, start and end points
      * @name strokeArc
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @param {number} x arc center point x-axis
      * @param {number} y arc center point y-axis
@@ -1193,7 +1235,7 @@ export class CanvasRenderer extends Renderer {
     /**
      * Fill an arc at the specified coordinates with given radius, start and end points
      * @name fillArc
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @param {number} x arc center point x-axis
      * @param {number} y arc center point y-axis
@@ -1206,7 +1248,7 @@ export class CanvasRenderer extends Renderer {
     /**
      * Stroke an ellipse at the specified coordinates with given radius
      * @name strokeEllipse
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @param {number} x ellipse center point x-axis
      * @param {number} y ellipse center point y-axis
@@ -1218,7 +1260,7 @@ export class CanvasRenderer extends Renderer {
     /**
      * Fill an ellipse at the specified coordinates with given radius
      * @name fillEllipse
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @param {number} x ellipse center point x-axis
      * @param {number} y ellipse center point y-axis
@@ -1229,7 +1271,7 @@ export class CanvasRenderer extends Renderer {
     /**
      * Stroke a line of the given two points
      * @name strokeLine
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @param {number} startX the start x coordinate
      * @param {number} startY the start y coordinate
@@ -1240,7 +1282,7 @@ export class CanvasRenderer extends Renderer {
     /**
      * Fill a line of the given two points
      * @name fillLine
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @param {number} startX the start x coordinate
      * @param {number} startY the start y coordinate
@@ -1251,7 +1293,7 @@ export class CanvasRenderer extends Renderer {
     /**
      * Stroke the given me.Polygon on the screen
      * @name strokePolygon
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @param {Polygon} poly the shape to draw
      * @param {boolean} [fill=false] also fill the shape with the current color if true
@@ -1260,7 +1302,7 @@ export class CanvasRenderer extends Renderer {
     /**
      * Fill the given me.Polygon on the screen
      * @name fillPolygon
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @param {Polygon} poly the shape to draw
      */
@@ -1268,7 +1310,7 @@ export class CanvasRenderer extends Renderer {
     /**
      * Stroke a rectangle at the specified coordinates
      * @name strokeRect
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @param {number} x
      * @param {number} y
@@ -1280,7 +1322,7 @@ export class CanvasRenderer extends Renderer {
     /**
      * Draw a filled rectangle at the specified coordinates
      * @name fillRect
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @param {number} x
      * @param {number} y
@@ -1288,10 +1330,35 @@ export class CanvasRenderer extends Renderer {
      * @param {number} height
      */
     fillRect(x: number, y: number, width: number, height: number): void;
+    /**
+     * Stroke a rounded rectangle at the specified coordinates
+     * @name strokeRoundRect
+     * @memberof CanvasRenderer
+     * @function
+     * @param {number} x
+     * @param {number} y
+     * @param {number} width
+     * @param {number} height
+     * @param {number} radius
+     * @param {boolean} [fill=false] also fill the shape with the current color if true
+     */
+    strokeRoundRect(x: number, y: number, width: number, height: number, radius: number, fill?: boolean): void;
+    /**
+     * Draw a rounded filled rectangle at the specified coordinates
+     * @name fillRoundRect
+     * @memberof CanvasRenderer
+     * @function
+     * @param {number} x
+     * @param {number} y
+     * @param {number} width
+     * @param {number} height
+     * @param {number} radius
+     */
+    fillRoundRect(x: number, y: number, width: number, height: number, radius: number): void;
     /**
      * return a reference to the system 2d Context
      * @name getContext
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @returns {CanvasRenderingContext2D}
      */
@@ -1304,21 +1371,21 @@ export class CanvasRenderer extends Renderer {
     /**
      * save the canvas context
      * @name save
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      */
     save(): void;
     /**
      * restores the canvas context
      * @name restore
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      */
     restore(): void;
     /**
      * rotates the canvas context
      * @name rotate
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @param {number} angle in radians
      */
@@ -1326,7 +1393,7 @@ export class CanvasRenderer extends Renderer {
     /**
      * scales the canvas context
      * @name scale
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @param {number} x
      * @param {number} y
@@ -1336,23 +1403,31 @@ export 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 CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @param {Color|string} color css color value
      */
     setColor(color: Color | string): void;
     /**
-     * Set the global alpha on the canvas context
+     * Set the global alpha
      * @name setGlobalAlpha
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @param {number} alpha 0.0 to 1.0 values accepted.
      */
     setGlobalAlpha(alpha: number): void;
+    /**
+     * Return the global alpha
+     * @name getGlobalAlpha
+     * @memberof CanvasRenderer
+     * @function
+     * @returns {number} global alpha value
+     */
+    getGlobalAlpha(): number;
     /**
      * Set the line width on the context
      * @name setLineWidth
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @param {number} width Line width
      */
@@ -1361,7 +1436,7 @@ export class CanvasRenderer extends Renderer {
      * Reset (overrides) the renderer transformation matrix to the
      * identity one, and then apply the given transformation matrix.
      * @name setTransform
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @param {Matrix2d} mat2d Matrix to transform by
      */
@@ -1369,7 +1444,7 @@ export class CanvasRenderer extends Renderer {
     /**
      * Multiply given matrix into the renderer tranformation matrix
      * @name transform
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @param {Matrix2d} mat2d Matrix to transform by
      */
@@ -1377,7 +1452,7 @@ export class CanvasRenderer extends Renderer {
     /**
      * Translates the context to the given position
      * @name translate
-     * @memberof CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @param {number} x
      * @param {number} y
@@ -1390,7 +1465,7 @@ export 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 CanvasRenderer.prototype
+     * @memberof CanvasRenderer
      * @function
      * @param {number} x
      * @param {number} y
@@ -1398,6 +1473,17 @@ export class CanvasRenderer extends Renderer {
      * @param {number} height
      */
     clipRect(x: number, y: number, width: number, height: number): void;
+    /**
+     * A mask limits rendering elements to the shape and position of the given mask object.
+     * 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 CanvasRenderer
+     * @function
+     * @param {Rect|RoundRect|Polygon|Line|Ellipse} [mask] the shape defining the mask to be applied
+     * @param {boolean} [invert=false] either the given shape should define what is visible (default) or the opposite
+     */
+    setMask(mask?: Rect | RoundRect | Polygon | Line | Ellipse, invert?: boolean): void;
 }
 /**
  * @classdesc
@@ -1609,7 +1695,7 @@ export class Color {
      * @function
      * @returns {string}
      */
-    toHex8(): string;
+    toHex8(alpha?: number): string;
     /**
      * Get the color in "rgb(R,G,B)" format
      * @name toRGB
@@ -1623,9 +1709,10 @@ export class Color {
      * @name toRGBA
      * @memberof Color
      * @function
+     * @param {number} [alpha=1.0] alpha value [0.0 .. 1.0]
      * @returns {string}
      */
-    toRGBA(): string;
+    toRGBA(alpha?: number): string;
 }
 /**
  * @classdesc
@@ -1661,7 +1748,7 @@ export class ColorLayer extends Renderable {
 }
 /**
  * @classdesc
- * me.Container represents a collection of child objects
+ * Container represents a collection of child objects
  * @augments Renderable
  */
 export class Container extends Renderable {
@@ -1780,7 +1867,7 @@ export class Container extends Renderable {
      * orginal container.  Then when the me.game.world.reset() is called the renderable
      * will not be in any container.
      * @name addChild
-     * @memberof Container.prototype
+     * @memberof Container
      * @function
      * @param {Renderable} child
      * @param {number} [z] forces the z index of the child to the specified value
@@ -1791,7 +1878,7 @@ export class Container extends Renderable {
      * Add a child to the container at the specified index<br>
      * (the list won't be sorted after insertion)
      * @name addChildAt
-     * @memberof Container.prototype
+     * @memberof Container
      * @function
      * @param {Renderable} child
      * @param {number} index
@@ -1805,7 +1892,7 @@ export class Container extends Renderable {
      *    - The index of element in the array. <br>
      *    - The array forEach() was called upon. <br>
      * @name forEach
-     * @memberof Container.prototype
+     * @memberof Container
      * @function
      * @param {Function} callback fnction to execute on each element
      * @param {object} [thisArg] value to use as this(i.e reference Object) when executing callback.
@@ -1823,7 +1910,7 @@ export class Container extends Renderable {
     /**
      * Swaps the position (z-index) of 2 children
      * @name swapChildren
-     * @memberof Container.prototype
+     * @memberof Container
      * @function
      * @param {Renderable} child
      * @param {Renderable} child2
@@ -1832,7 +1919,7 @@ export class Container extends Renderable {
     /**
      * Returns the Child at the specified index
      * @name getChildAt
-     * @memberof Container.prototype
+     * @memberof Container
      * @function
      * @param {number} index
      * @returns {Renderable} the child at the specified index
@@ -1841,7 +1928,7 @@ export class Container extends Renderable {
     /**
      * Returns the index of the given Child
      * @name getChildIndex
-     * @memberof Container.prototype
+     * @memberof Container
      * @function
      * @param {Renderable} child
      * @returns {number} index
@@ -1859,7 +1946,7 @@ export class Container extends Renderable {
     /**
      * Returns true if contains the specified Child
      * @name hasChild
-     * @memberof Container.prototype
+     * @memberof Container
      * @function
      * @param {Renderable} child
      * @returns {boolean}
@@ -1870,7 +1957,7 @@ export class Container extends Renderable {
      * note : avoid calling this function every frame since
      * it parses the whole object tree each time
      * @name getChildByProp
-     * @memberof Container.prototype
+     * @memberof Container
      * @public
      * @function
      * @param {string} prop Property name
@@ -1895,7 +1982,7 @@ export class Container extends Renderable {
     /**
      * returns the list of childs with the specified class type
      * @name getChildByType
-     * @memberof Container.prototype
+     * @memberof Container
      * @public
      * @function
      * @param {object} classType
@@ -1908,7 +1995,7 @@ export class Container extends Renderable {
      * note : avoid calling this function every frame since
      * it parses the whole object list each time
      * @name getChildByName
-     * @memberof Container.prototype
+     * @memberof Container
      * @public
      * @function
      * @param {string|RegExp|number|boolean} name child name
@@ -1920,7 +2007,7 @@ export class Container extends Renderable {
      * note : avoid calling this function every frame since
      * it parses the whole object list each time
      * @name getChildByGUID
-     * @memberof Container.prototype
+     * @memberof Container
      * @public
      * @function
      * @param {string|RegExp|number|boolean} guid child GUID
@@ -1930,7 +2017,7 @@ export class Container extends Renderable {
     /**
      * return all child in this container
      * @name getChildren
-     * @memberof Container.prototype
+     * @memberof Container
      * @public
      * @function
      * @returns {Renderable[]} an array of renderable object
@@ -1940,7 +2027,7 @@ export class Container extends Renderable {
      * update the bounding box for this shape.
      * @ignore
      * @name updateBounds
-     * @memberof Renderable.prototype
+     * @memberof Renderable
      * @function
      * @returns {Bounds} this shape bounding box Rectangle object
      */
@@ -1949,7 +2036,7 @@ export class Container extends Renderable {
      * Checks if this container is root or if it's attached to the root container.
      * @private
      * @name isAttachedToRoot
-     * @memberof Container.prototype
+     * @memberof Container
      * @function
      * @returns {boolean}
      */
@@ -1958,7 +2045,7 @@ export class Container extends Renderable {
      * update the cointainer's bounding rect (private)
      * @ignore
      * @name updateBoundsPos
-     * @memberof Container.prototype
+     * @memberof Container
      * @function
      */
     updateBoundsPos(newX: any, newY: any): Bounds;
@@ -1969,7 +2056,7 @@ export class Container extends Renderable {
     /**
      * Invokes the removeChildNow in a defer, to ensure the child is removed safely after the update & draw stack has completed
      * @name removeChild
-     * @memberof Container.prototype
+     * @memberof Container
      * @public
      * @function
      * @param {Renderable} child
@@ -1981,7 +2068,7 @@ export class Container extends Renderable {
      * (removal is immediate and unconditional)<br>
      * Never use keepalive=true with objects from {@link pool}. Doing so will create a memory leak.
      * @name removeChildNow
-     * @memberof Container.prototype
+     * @memberof Container
      * @function
      * @param {Renderable} child
      * @param {boolean} [keepalive=False] True to prevent calling child.destroy()
@@ -1990,7 +2077,7 @@ export class Container extends Renderable {
     /**
      * Automatically set the specified property of all childs to the given value
      * @name setChildsProperty
-     * @memberof Container.prototype
+     * @memberof Container
      * @function
      * @param {string} prop property name
      * @param {object} value property value
@@ -2000,7 +2087,7 @@ export class Container extends Renderable {
     /**
      * Move the child in the group one step forward (z depth).
      * @name moveUp
-     * @memberof Container.prototype
+     * @memberof Container
      * @function
      * @param {Renderable} child
      */
@@ -2008,7 +2095,7 @@ export class Container extends Renderable {
     /**
      * Move the child in the group one step backward (z depth).
      * @name moveDown
-     * @memberof Container.prototype
+     * @memberof Container
      * @function
      * @param {Renderable} child
      */
@@ -2016,7 +2103,7 @@ export class Container extends Renderable {
     /**
      * Move the specified child to the top(z depth).
      * @name moveToTop
-     * @memberof Container.prototype
+     * @memberof Container
      * @function
      * @param {Renderable} child
      */
@@ -2024,7 +2111,7 @@ export class Container extends Renderable {
     /**
      * Move the specified child the bottom (z depth).
      * @name moveToBottom
-     * @memberof Container.prototype
+     * @memberof Container
      * @function
      * @param {Renderable} child
      */
@@ -2032,7 +2119,7 @@ export class Container extends Renderable {
     /**
      * Manually trigger the sort of all the childs in the container</p>
      * @name sort
-     * @memberof Container.prototype
+     * @memberof Container
      * @public
      * @function
      * @param {boolean} [recursive=false] recursively sort all containers if true
@@ -2066,7 +2153,7 @@ export class Container extends Renderable {
      * draw the container. <br>
      * automatically called by the game manager {@link game}
      * @name draw
-     * @memberof Container.prototype
+     * @memberof Container
      * @function
      * @protected
      * @param {CanvasRenderer|WebGLRenderer} renderer a renderer object
@@ -2246,7 +2333,7 @@ export class Ellipse {
      * @public
      * @type {Vector2d}
      * @name pos
-     * @memberof Ellipse#
+     * @memberof Ellipse
      */
     public pos: Vector2d;
     /**
@@ -2267,7 +2354,7 @@ export class Ellipse {
      * @public
      * @type {Vector2d}
      * @name radiusV
-     * @memberof Ellipse#
+     * @memberof Ellipse
      */
     public radiusV: Vector2d;
     /**
@@ -2275,7 +2362,7 @@ export class Ellipse {
      * @public
      * @type {Vector2d}
      * @name radiusSq
-     * @memberof Ellipse#
+     * @memberof Ellipse
      */
     public radiusSq: Vector2d;
     /**
@@ -2283,7 +2370,7 @@ export class Ellipse {
      * @public
      * @type {Vector2d}
      * @name ratio
-     * @memberof Ellipse#
+     * @memberof Ellipse
      */
     public ratio: Vector2d;
     shapeType: string;
@@ -2292,7 +2379,7 @@ export class Ellipse {
     /**
      * set new value to the Ellipse shape
      * @name setShape
-     * @memberof Ellipse.prototype
+     * @memberof Ellipse
      * @function
      * @param {number} x the center x coordinate of the ellipse
      * @param {number} y the center y coordinate of the ellipse
@@ -2304,7 +2391,7 @@ export class Ellipse {
     /**
      * Rotate this Ellipse (counter-clockwise) by the specified angle (in radians).
      * @name rotate
-     * @memberof Ellipse.prototype
+     * @memberof Ellipse
      * @function
      * @param {number} angle The angle to rotate (in radians)
      * @param {Vector2d|ObservableVector2d} [v] an optional point to rotate around
@@ -2314,7 +2401,7 @@ export class Ellipse {
     /**
      * Scale this Ellipse by the specified scalar.
      * @name scale
-     * @memberof Ellipse.prototype
+     * @memberof Ellipse
      * @function
      * @param {number} x
      * @param {number} [y=x]
@@ -2324,7 +2411,7 @@ export class Ellipse {
     /**
      * Scale this Ellipse by the specified vector.
      * @name scale
-     * @memberof Ellipse.prototype
+     * @memberof Ellipse
      * @function
      * @param {Vector2d} v
      * @returns {Ellipse} Reference to this object for method chaining
@@ -2333,7 +2420,7 @@ export class Ellipse {
     /**
      * apply the given transformation matrix to this ellipse
      * @name transform
-     * @memberof Ellipse.prototype
+     * @memberof Ellipse
      * @function
      * @param {Matrix2d} matrix the transformation matrix
      * @returns {Polygon} Reference to this object for method chaining
@@ -2342,7 +2429,7 @@ export class Ellipse {
     /**
      * translate the circle/ellipse by the specified offset
      * @name translate
-     * @memberof Ellipse.prototype
+     * @memberof Ellipse
      * @function
      * @param {number} x x offset
      * @param {number} y y offset
@@ -2351,7 +2438,7 @@ export class Ellipse {
     /**
      * translate the circle/ellipse by the specified vector
      * @name translate
-     * @memberof Ellipse.prototype
+     * @memberof Ellipse
      * @function
      * @param {Vector2d} v vector offset
      * @returns {Ellipse} this ellipse
@@ -2360,7 +2447,7 @@ export class Ellipse {
     /**
      * check if this circle/ellipse contains the specified point
      * @name contains
-     * @memberof Ellipse.prototype
+     * @memberof Ellipse
      * @function
      * @param {Vector2d} point
      * @returns {boolean} true if contains
@@ -2368,7 +2455,7 @@ export class Ellipse {
     /**
      * check if this circle/ellipse contains the specified point
      * @name contains
-     * @memberof Ellipse.prototype
+     * @memberof Ellipse
      * @function
      * @param  {number} x x coordinate
      * @param  {number} y y coordinate
@@ -2378,7 +2465,7 @@ export class Ellipse {
     /**
      * returns the bounding box for this shape, the smallest Rectangle object completely containing this shape.
      * @name getBounds
-     * @memberof Ellipse.prototype
+     * @memberof Ellipse
      * @function
      * @returns {Bounds} this shape bounding box Rectangle object
      */
@@ -2386,7 +2473,7 @@ export class Ellipse {
     /**
      * clone this Ellipse
      * @name clone
-     * @memberof Ellipse.prototype
+     * @memberof Ellipse
      * @function
      * @returns {Ellipse} new Ellipse
      */
@@ -2610,6 +2697,16 @@ export class GLShader {
      * myShader.setUniform("uProjectionMatrix", this.projectionMatrix);
      */
     setUniform(name: string, value: object | Float32Array): void;
+    /**
+     * activate the given vertex attribute for this shader
+     * @name setVertexAttributes
+     * @memberof GLShader
+     * @function
+     * @param {WebGLRenderingContext} gl the current WebGL rendering context
+     * @param {object[]} attributes an array of vertex attributes
+     * @param {number} vertexByteSize the size of a single vertex in bytes
+     */
+    setVertexAttributes(gl: WebGLRenderingContext, attributes: object[], vertexByteSize: number): void;
     /**
      * destroy this shader objects resources (program, attributes, uniforms)
      * @name destroy
@@ -2700,7 +2797,7 @@ export class GUI_Object extends Sprite {
     /**
      * function called when the object is pressed (to be extended)
      * @name onClick
-     * @memberof GUI_Object.prototype
+     * @memberof GUI_Object
      * @public
      * @function
      * @param {Pointer} event the event object
@@ -2715,7 +2812,7 @@ export class GUI_Object extends Sprite {
     /**
      * function called when the pointer is over the object
      * @name onOver
-     * @memberof GUI_Object.prototype
+     * @memberof GUI_Object
      * @public
      * @function
      * @param {Pointer} event the event object
@@ -2729,7 +2826,7 @@ export class GUI_Object extends Sprite {
     /**
      * function called when the pointer is leaving the object area
      * @name onOut
-     * @memberof GUI_Object.prototype
+     * @memberof GUI_Object
      * @public
      * @function
      * @param {Pointer} event the event object
@@ -2743,7 +2840,7 @@ export class GUI_Object extends Sprite {
     /**
      * function called when the object is pressed and released (to be extended)
      * @name onRelease
-     * @memberof GUI_Object.prototype
+     * @memberof GUI_Object
      * @public
      * @function
      * @returns {boolean} return false if we need to stop propagating the event
@@ -2758,7 +2855,7 @@ export class GUI_Object extends Sprite {
      * function called when the object is pressed and held<br>
      * to be extended <br>
      * @name onHold
-     * @memberof GUI_Object.prototype
+     * @memberof GUI_Object
      * @public
      * @function
      */
@@ -2840,7 +2937,7 @@ export class ImageLayer extends Renderable {
     /**
      * resize the Image Layer to match the given size
      * @name resize
-     * @memberof ImageLayer.prototype
+     * @memberof ImageLayer
      * @function
      * @param {number} w new width
      * @param {number} h new height
@@ -2872,6 +2969,63 @@ export class ImageLayer extends Renderable {
      */
     destroy(): void;
 }
+/**
+ * @classdesc
+ * A 2D point light.
+ * Note: this is a very experimental and work in progress feature, that provides a simple spot light effect.
+ * The light effect is best rendered in WebGL, as they are few limitations when using the Canvas Renderer
+ * (multiple lights are not supported, alpha component of the ambient light is ignored)
+ * @see stage.lights
+ */
+export class Light2d extends Renderable {
+    /**
+     * @param {number} x - The horizontal position of the light.
+     * @param {number} y - The vertical position of the light.
+     * @param {number} radius - The radius of the light.
+     * @param {Color|string} [color="#FFF"] the color of the light
+     * @param {number} [intensity=0.7] - The intensity of the light.
+     */
+    constructor(x: number, y: number, radius: number, color?: Color | string, intensity?: number);
+    /**
+     * the color of the light
+     * @type {Color}
+     * @default "#FFF"
+     */
+    color: Color;
+    /**
+     * The radius of the light
+     * @type {number}
+     */
+    radius: number;
+    /**
+     * The intensity of the light
+     * @type {number}
+     * @default 0.7
+     */
+    intensity: number;
+    /** @ignore */
+    visibleArea: any;
+    /** @ignore */
+    texture: any;
+    /**
+     * returns a geometry representing the visible area of this light
+     * @name getVisibleArea
+     * @memberof Light2d
+     * @function
+     * @returns {Ellipse} the light visible mask
+     */
+    getVisibleArea(): Ellipse;
+    /**
+     * object draw (Called internally by the engine).
+     * @ignore
+     */
+    draw(renderer: any): void;
+    /**
+     * Destroy function<br>
+     * @ignore
+     */
+    destroy(): void;
+}
 /**
  * @classdesc
  * a line segment Object
@@ -4064,7 +4218,7 @@ export class Particle extends Renderable {
      * @ignore
      */
     onResetEvent(emitter: any, newInstance?: boolean): void;
-    vel: Vector2d;
+    vel: any;
     image: any;
     life: any;
     startLife: any;
@@ -4092,14 +4246,17 @@ export class ParticleEmitter extends Container {
      * @param {number} y y position of the particle emitter
      * @param {ParticleEmitterSettings} [settings=ParticleEmitterSettings] the settings for the particle emitter.
      * @example
-     * // Create a basic emitter at position 100, 100
-     * var emitter = new ParticleEmitter(100, 100);
-     *
-     * // Adjust the emitter properties
-     * emitter.totalParticles = 200;
-     * emitter.minLife = 1000;
-     * emitter.maxLife = 3000;
-     * emitter.z = 10;
+     * // Create a particle emitter at position 100, 100
+     * var emitter = new ParticleEmitter(100, 100, {
+     *     width: 16,
+     *     height : 16,
+     *     tint: "#f00",
+     *     totalParticles: 32,
+     *     angle: 0,
+     *     angleVariation: 6.283185307179586,
+     *     maxLife: 5,
+     *     speed: 3
+     * });
      *
      * // Add the emitter to the game world
      * me.game.world.addChild(emitter);
@@ -4389,140 +4546,696 @@ export class ParticleEmitter extends Container {
          */
         framesToSkip: number;
     });
-    /** @ignore */
-    _stream: boolean;
-    /** @ignore */
-    _frequencyTimer: number;
-    /** @ignore */
-    _durationTimer: number;
-    /** @ignore */
-    _enabled: boolean;
-    _updateCount: number;
-    settings: {};
-    _dt: number;
-    /**
-     * Reset the emitter with particle emitter settings.
-     * @param {object} settings [optional] object with emitter settings. See {@link ParticleEmitterSettings}
-     */
-    reset(settings?: object): void;
-    /**
-     * returns a random point on the x axis within the bounds of this emitter
-     * @returns {number}
-     */
-    getRandomPointX(): number;
-    /**
-     * returns a random point on the y axis within the bounds this emitter
-     * @returns {number}
-     */
-    getRandomPointY(): number;
-    /** @ignore */
-    addParticles(count: any): void;
-    /**
-     * Emitter is of type stream and is launching particles
-     * @returns {boolean} Emitter is Stream and is launching particles
-     */
-    isRunning(): boolean;
-    /**
-     * Launch particles from emitter constantly (e.g. for stream)
-     * @param {number} duration [optional] time that the emitter releases particles in ms
-     */
-    streamParticles(duration: number): void;
-    /**
-     * Stop the emitter from generating new particles (used only if emitter is Stream)
-     */
-    stopStream(): void;
-    /**
-     * Launch all particles from emitter and stop (e.g. for explosion)
-     * @param {number} total [optional] number of particles to launch
-     */
-    burstParticles(total: number): void;
-    /**
-     * @ignore
-     */
-    update(dt: any): boolean;
-}
-export namespace ParticleEmitterSettings {
-    const width: number;
-    const height: number;
-    const image: HTMLCanvasElement;
-    const textureSize: number;
-    const tint: string;
-    const totalParticles: number;
-    const angle: number;
-    const angleVariation: number;
-    const minLife: number;
-    const maxLife: number;
-    const speed: number;
-    const speedVariation: number;
-    const minRotation: number;
-    const maxRotation: number;
-    const minStartScale: number;
-    const maxStartScale: number;
-    const minEndScale: number;
-    const maxEndScale: number;
-    const gravity: number;
-    const wind: number;
-    const followTrajectory: boolean;
-    const textureAdditive: boolean;
-    const blendMode: string;
-    const onlyInViewport: boolean;
-    const floating: boolean;
-    const maxParticles: number;
-    const frequency: number;
-    const duration: number;
-    const framesToSkip: number;
-}
-/**
- * @classdesc
- * a pointer object, representing a single finger on a touch enabled device.
- * @class Pointer
- * @augments Bounds
- */
-export class Pointer extends Bounds {
-    /**
-     * @ignore
-     */
-    constructor(x?: number, y?: number, w?: number, h?: number);
-    /**
-     * constant for left button
-     * @public
-     * @type {number}
-     * @name LEFT
-     * @memberof Pointer
-     */
-    public LEFT: number;
-    /**
-     * constant for middle button
-     * @public
-     * @type {number}
-     * @name MIDDLE
-     * @memberof Pointer
-     */
-    public MIDDLE: number;
-    /**
-     * constant for right button
-     * @public
-     * @type {number}
-     * @name RIGHT
-     * @memberof Pointer
-     */
-    public RIGHT: number;
     /**
-     * the originating Event Object
+     * the current (active) emitter settings
      * @public
-     * @type {PointerEvent|TouchEvent|MouseEvent}
-     * @name event
-     * @see https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent
-     * @see https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent
-     * @see https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent
-     * @memberof Pointer
+     * @type {ParticleEmitterSettings}
+     * @name settings
+     * @memberof ParticleEmitter
      */
-    public event: PointerEvent | TouchEvent | MouseEvent;
-    /**
-     * a string containing the event's type.
-     * @public
-     * @type {string}
-     * @name type
+    public settings: {
+        /**
+         * Width of the particle spawn area.
+         * @type {number}
+         * @name width
+         * @memberof ParticleEmitterSettings
+         * @default 1
+         */
+        width: number;
+        /**
+         * Height of the particle spawn area
+         * @public
+         * @type {number}
+         * @name height
+         * @memberof ParticleEmitterSettings
+         * @default 1
+         */
+        height: number;
+        /**
+         * image used for particles texture
+         * (by default melonJS will create an white 8x8 texture image)
+         * @public
+         * @type {HTMLCanvasElement}
+         * @name image
+         * @memberof ParticleEmitterSettings
+         * @default undefined
+         * @see ParticleEmitterSettings.textureSize
+         */
+        image: HTMLCanvasElement;
+        /**
+         * default texture size used for particles if no image is specified
+         * (by default melonJS will create an white 8x8 texture image)
+         * @public
+         * @type {number}
+         * @name textureSize
+         * @memberof ParticleEmitterSettings
+         * @default 8
+         * @see ParticleEmitterSettings.image
+         */
+        textureSize: number;
+        /**
+         * tint to be applied to particles
+         * @public
+         * @type {string}
+         * @name tint
+         * @memberof ParticleEmitterSettings
+         * @default "#fff"
+         */
+        tint: string;
+        /**
+         * Total number of particles in the emitter
+         * @public
+         * @type {number}
+         * @name totalParticles
+         * @default 50
+         * @memberof ParticleEmitterSettings
+         */
+        totalParticles: number;
+        /**
+         * Start angle for particle launch in Radians
+         * @public
+         * @type {number}
+         * @name angle
+         * @default Math.PI / 2
+         * @memberof ParticleEmitterSettings
+         */
+        angle: number;
+        /**
+         * Variation in the start angle for particle launch in Radians.
+         * @public
+         * @type {number}
+         * @name angleVariation
+         * @default 0
+         * @memberof ParticleEmitterSettings
+         */
+        angleVariation: number;
+        /**
+         * Minimum time each particle lives once it is emitted in ms.
+         * @public
+         * @type {number}
+         * @name minLife
+         * @default 1000
+         * @memberof ParticleEmitterSettings
+         */
+        minLife: number;
+        /**
+         * Maximum time each particle lives once it is emitted in ms.
+         * @public
+         * @type {number}
+         * @name maxLife
+         * @default 3000
+         * @memberof ParticleEmitterSettings
+         */
+        maxLife: number;
+        /**
+         * Start speed of particles.<br>
+         * @public
+         * @type {number}
+         * @name speed
+         * @default 2
+         * @memberof ParticleEmitterSettings
+         */
+        speed: number;
+        /**
+         * Variation in the start speed of particles
+         * @public
+         * @type {number}
+         * @name speedVariation
+         * @default 1
+         * @memberof ParticleEmitterSettings
+         */
+        speedVariation: number;
+        /**
+         * Minimum start rotation for particles sprites in Radians
+         * @public
+         * @type {number}
+         * @name minRotation
+         * @default 0
+         * @memberof ParticleEmitterSettings
+         */
+        minRotation: number;
+        /**
+         * Maximum start rotation for particles sprites in Radians
+         * @public
+         * @type {number}
+         * @name maxRotation
+         * @default 0
+         * @memberof ParticleEmitterSettings
+         */
+        maxRotation: number;
+        /**
+         * Minimum start scale ratio for particles (1 = no scaling)
+         * @public
+         * @type {number}
+         * @name minStartScale
+         * @default 1
+         * @memberof ParticleEmitterSettings
+         */
+        minStartScale: number;
+        /**
+         * Maximum start scale ratio for particles (1 = no scaling)
+         * @public
+         * @type {number}
+         * @name maxStartScale
+         * @default 1
+         * @memberof ParticleEmitterSettings
+         */
+        maxStartScale: number;
+        /**
+         * Minimum end scale ratio for particles
+         * @public
+         * @type {number}
+         * @name minEndScale
+         * @default 0
+         * @memberof ParticleEmitterSettings
+         */
+        minEndScale: number;
+        /**
+         * Maximum end scale ratio for particles
+         * @public
+         * @type {number}
+         * @name maxEndScale
+         * @default 0
+         * @memberof ParticleEmitterSettings
+         */
+        maxEndScale: number;
+        /**
+         * Vertical force (Gravity) for each particle
+         * @public
+         * @type {number}
+         * @name gravity
+         * @default 0
+         * @memberof ParticleEmitterSettings
+         * @see game.world.gravity
+         */
+        gravity: number;
+        /**
+         * Horizontal force (like a Wind) for each particle
+         * @public
+         * @type {number}
+         * @name wind
+         * @default 0
+         * @memberof ParticleEmitterSettings
+         */
+        wind: number;
+        /**
+         * Update the rotation of particle in accordance the particle trajectory.<br>
+         * The particle sprite should aim at zero angle (draw from left to right).<br>
+         * Override the particle minRotation and maxRotation.<br>
+         * @public
+         * @type {boolean}
+         * @name followTrajectory
+         * @default false
+         * @memberof ParticleEmitterSettings
+         */
+        followTrajectory: boolean;
+        /**
+         * Enable the Texture Additive by composite operation ("additive" blendMode)
+         * @public
+         * @type {boolean}
+         * @name textureAdditive
+         * @default false
+         * @memberof ParticleEmitterSettings
+         * @see ParticleEmitterSettings.blendMode
+         */
+        textureAdditive: boolean;
+        /**
+         * the blend mode to be applied when rendering particles.
+         * (note: this will superseed the `textureAdditive` setting if different than "normal")
+         * @public
+         * @type {string}
+         * @name blendMode
+         * @default normal
+         * @memberof ParticleEmitterSettings
+         * @see CanvasRenderer#setBlendMode
+         * @see WebGLRenderer#setBlendMode
+         */
+        blendMode: string;
+        /**
+         * Update particles only in the viewport, remove it when out of viewport.
+         * @public
+         * @type {boolean}
+         * @name onlyInViewport
+         * @default true
+         * @memberof ParticleEmitterSettings
+         */
+        onlyInViewport: boolean;
+        /**
+         * Render particles in screen space.
+         * @public
+         * @type {boolean}
+         * @name floating
+         * @default false
+         * @memberof ParticleEmitterSettings
+         */
+        floating: boolean;
+        /**
+         * Maximum number of particles launched each time in this emitter (used only if emitter is Stream).
+         * @public
+         * @type {number}
+         * @name maxParticles
+         * @default 10
+         * @memberof ParticleEmitterSettings
+         */
+        maxParticles: number;
+        /**
+         * How often a particle is emitted in ms (used only if emitter is a Stream).
+         * @public
+         * @type {number}
+         * @name frequency
+         * @default 100
+         * @memberof ParticleEmitterSettings
+         */
+        frequency: number;
+        /**
+         * Duration that the emitter releases particles in ms (used only if emitter is Stream).
+         * After this period, the emitter stop the launch of particles.
+         * @public
+         * @type {number}
+         * @name duration
+         * @default Infinity
+         * @memberof ParticleEmitterSettings
+         */
+        duration: number;
+        /**
+         * Skip n frames after updating the particle system once.
+         * This can be used to reduce the performance impact of emitters with many particles.
+         * @public
+         * @type {number}
+         * @name framesToSkip
+         * @default 0
+         * @memberof ParticleEmitterSettings
+         */
+        framesToSkip: number;
+    };
+    /** @ignore */
+    _stream: boolean;
+    /** @ignore */
+    _frequencyTimer: number;
+    /** @ignore */
+    _durationTimer: number;
+    /** @ignore */
+    _enabled: boolean;
+    _updateCount: number;
+    _dt: number;
+    /**
+     * Reset the emitter with particle emitter settings.
+     * @param {ParticleEmitterSettings} settings [optional] object with emitter settings. See {@link ParticleEmitterSettings}
+     */
+    reset(settings?: {
+        /**
+         * Width of the particle spawn area.
+         * @type {number}
+         * @name width
+         * @memberof ParticleEmitterSettings
+         * @default 1
+         */
+        width: number;
+        /**
+         * Height of the particle spawn area
+         * @public
+         * @type {number}
+         * @name height
+         * @memberof ParticleEmitterSettings
+         * @default 1
+         */
+        height: number;
+        /**
+         * image used for particles texture
+         * (by default melonJS will create an white 8x8 texture image)
+         * @public
+         * @type {HTMLCanvasElement}
+         * @name image
+         * @memberof ParticleEmitterSettings
+         * @default undefined
+         * @see ParticleEmitterSettings.textureSize
+         */
+        image: HTMLCanvasElement;
+        /**
+         * default texture size used for particles if no image is specified
+         * (by default melonJS will create an white 8x8 texture image)
+         * @public
+         * @type {number}
+         * @name textureSize
+         * @memberof ParticleEmitterSettings
+         * @default 8
+         * @see ParticleEmitterSettings.image
+         */
+        textureSize: number;
+        /**
+         * tint to be applied to particles
+         * @public
+         * @type {string}
+         * @name tint
+         * @memberof ParticleEmitterSettings
+         * @default "#fff"
+         */
+        tint: string;
+        /**
+         * Total number of particles in the emitter
+         * @public
+         * @type {number}
+         * @name totalParticles
+         * @default 50
+         * @memberof ParticleEmitterSettings
+         */
+        totalParticles: number;
+        /**
+         * Start angle for particle launch in Radians
+         * @public
+         * @type {number}
+         * @name angle
+         * @default Math.PI / 2
+         * @memberof ParticleEmitterSettings
+         */
+        angle: number;
+        /**
+         * Variation in the start angle for particle launch in Radians.
+         * @public
+         * @type {number}
+         * @name angleVariation
+         * @default 0
+         * @memberof ParticleEmitterSettings
+         */
+        angleVariation: number;
+        /**
+         * Minimum time each particle lives once it is emitted in ms.
+         * @public
+         * @type {number}
+         * @name minLife
+         * @default 1000
+         * @memberof ParticleEmitterSettings
+         */
+        minLife: number;
+        /**
+         * Maximum time each particle lives once it is emitted in ms.
+         * @public
+         * @type {number}
+         * @name maxLife
+         * @default 3000
+         * @memberof ParticleEmitterSettings
+         */
+        maxLife: number;
+        /**
+         * Start speed of particles.<br>
+         * @public
+         * @type {number}
+         * @name speed
+         * @default 2
+         * @memberof ParticleEmitterSettings
+         */
+        speed: number;
+        /**
+         * Variation in the start speed of particles
+         * @public
+         * @type {number}
+         * @name speedVariation
+         * @default 1
+         * @memberof ParticleEmitterSettings
+         */
+        speedVariation: number;
+        /**
+         * Minimum start rotation for particles sprites in Radians
+         * @public
+         * @type {number}
+         * @name minRotation
+         * @default 0
+         * @memberof ParticleEmitterSettings
+         */
+        minRotation: number;
+        /**
+         * Maximum start rotation for particles sprites in Radians
+         * @public
+         * @type {number}
+         * @name maxRotation
+         * @default 0
+         * @memberof ParticleEmitterSettings
+         */
+        maxRotation: number;
+        /**
+         * Minimum start scale ratio for particles (1 = no scaling)
+         * @public
+         * @type {number}
+         * @name minStartScale
+         * @default 1
+         * @memberof ParticleEmitterSettings
+         */
+        minStartScale: number;
+        /**
+         * Maximum start scale ratio for particles (1 = no scaling)
+         * @public
+         * @type {number}
+         * @name maxStartScale
+         * @default 1
+         * @memberof ParticleEmitterSettings
+         */
+        maxStartScale: number;
+        /**
+         * Minimum end scale ratio for particles
+         * @public
+         * @type {number}
+         * @name minEndScale
+         * @default 0
+         * @memberof ParticleEmitterSettings
+         */
+        minEndScale: number;
+        /**
+         * Maximum end scale ratio for particles
+         * @public
+         * @type {number}
+         * @name maxEndScale
+         * @default 0
+         * @memberof ParticleEmitterSettings
+         */
+        maxEndScale: number;
+        /**
+         * Vertical force (Gravity) for each particle
+         * @public
+         * @type {number}
+         * @name gravity
+         * @default 0
+         * @memberof ParticleEmitterSettings
+         * @see game.world.gravity
+         */
+        gravity: number;
+        /**
+         * Horizontal force (like a Wind) for each particle
+         * @public
+         * @type {number}
+         * @name wind
+         * @default 0
+         * @memberof ParticleEmitterSettings
+         */
+        wind: number;
+        /**
+         * Update the rotation of particle in accordance the particle trajectory.<br>
+         * The particle sprite should aim at zero angle (draw from left to right).<br>
+         * Override the particle minRotation and maxRotation.<br>
+         * @public
+         * @type {boolean}
+         * @name followTrajectory
+         * @default false
+         * @memberof ParticleEmitterSettings
+         */
+        followTrajectory: boolean;
+        /**
+         * Enable the Texture Additive by composite operation ("additive" blendMode)
+         * @public
+         * @type {boolean}
+         * @name textureAdditive
+         * @default false
+         * @memberof ParticleEmitterSettings
+         * @see ParticleEmitterSettings.blendMode
+         */
+        textureAdditive: boolean;
+        /**
+         * the blend mode to be applied when rendering particles.
+         * (note: this will superseed the `textureAdditive` setting if different than "normal")
+         * @public
+         * @type {string}
+         * @name blendMode
+         * @default normal
+         * @memberof ParticleEmitterSettings
+         * @see CanvasRenderer#setBlendMode
+         * @see WebGLRenderer#setBlendMode
+         */
+        blendMode: string;
+        /**
+         * Update particles only in the viewport, remove it when out of viewport.
+         * @public
+         * @type {boolean}
+         * @name onlyInViewport
+         * @default true
+         * @memberof ParticleEmitterSettings
+         */
+        onlyInViewport: boolean;
+        /**
+         * Render particles in screen space.
+         * @public
+         * @type {boolean}
+         * @name floating
+         * @default false
+         * @memberof ParticleEmitterSettings
+         */
+        floating: boolean;
+        /**
+         * Maximum number of particles launched each time in this emitter (used only if emitter is Stream).
+         * @public
+         * @type {number}
+         * @name maxParticles
+         * @default 10
+         * @memberof ParticleEmitterSettings
+         */
+        maxParticles: number;
+        /**
+         * How often a particle is emitted in ms (used only if emitter is a Stream).
+         * @public
+         * @type {number}
+         * @name frequency
+         * @default 100
+         * @memberof ParticleEmitterSettings
+         */
+        frequency: number;
+        /**
+         * Duration that the emitter releases particles in ms (used only if emitter is Stream).
+         * After this period, the emitter stop the launch of particles.
+         * @public
+         * @type {number}
+         * @name duration
+         * @default Infinity
+         * @memberof ParticleEmitterSettings
+         */
+        duration: number;
+        /**
+         * Skip n frames after updating the particle system once.
+         * This can be used to reduce the performance impact of emitters with many particles.
+         * @public
+         * @type {number}
+         * @name framesToSkip
+         * @default 0
+         * @memberof ParticleEmitterSettings
+         */
+        framesToSkip: number;
+    }): void;
+    _defaultParticle: any;
+    /**
+     * returns a random point on the x axis within the bounds of this emitter
+     * @returns {number}
+     */
+    getRandomPointX(): number;
+    /**
+     * returns a random point on the y axis within the bounds this emitter
+     * @returns {number}
+     */
+    getRandomPointY(): number;
+    /** @ignore */
+    addParticles(count: any): void;
+    /**
+     * Emitter is of type stream and is launching particles
+     * @returns {boolean} Emitter is Stream and is launching particles
+     */
+    isRunning(): boolean;
+    /**
+     * Launch particles from emitter constantly (e.g. for stream)
+     * @param {number} duration [optional] time that the emitter releases particles in ms
+     */
+    streamParticles(duration: number): void;
+    /**
+     * Stop the emitter from generating new particles (used only if emitter is Stream)
+     */
+    stopStream(): void;
+    /**
+     * Launch all particles from emitter and stop (e.g. for explosion)
+     * @param {number} total [optional] number of particles to launch
+     */
+    burstParticles(total: number): void;
+    /**
+     * @ignore
+     */
+    update(dt: any): boolean;
+}
+export namespace ParticleEmitterSettings {
+    const width: number;
+    const height: number;
+    const image: HTMLCanvasElement;
+    const textureSize: number;
+    const tint: string;
+    const totalParticles: number;
+    const angle: number;
+    const angleVariation: number;
+    const minLife: number;
+    const maxLife: number;
+    const speed: number;
+    const speedVariation: number;
+    const minRotation: number;
+    const maxRotation: number;
+    const minStartScale: number;
+    const maxStartScale: number;
+    const minEndScale: number;
+    const maxEndScale: number;
+    const gravity: number;
+    const wind: number;
+    const followTrajectory: boolean;
+    const textureAdditive: boolean;
+    const blendMode: string;
+    const onlyInViewport: boolean;
+    const floating: boolean;
+    const maxParticles: number;
+    const frequency: number;
+    const duration: number;
+    const framesToSkip: number;
+}
+/**
+ * @classdesc
+ * a pointer object, representing a single finger on a touch enabled device.
+ * @class Pointer
+ * @augments Bounds
+ */
+export class Pointer extends Bounds {
+    /**
+     * @ignore
+     */
+    constructor(x?: number, y?: number, w?: number, h?: number);
+    /**
+     * constant for left button
+     * @public
+     * @type {number}
+     * @name LEFT
+     * @memberof Pointer
+     */
+    public LEFT: number;
+    /**
+     * constant for middle button
+     * @public
+     * @type {number}
+     * @name MIDDLE
+     * @memberof Pointer
+     */
+    public MIDDLE: number;
+    /**
+     * constant for right button
+     * @public
+     * @type {number}
+     * @name RIGHT
+     * @memberof Pointer
+     */
+    public RIGHT: number;
+    /**
+     * the originating Event Object
+     * @public
+     * @type {PointerEvent|TouchEvent|MouseEvent}
+     * @name event
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent
+     * @memberof Pointer
+     */
+    public event: PointerEvent | TouchEvent | MouseEvent;
+    /**
+     * a string containing the event's type.
+     * @public
+     * @type {string}
+     * @name type
      * @see https://developer.mozilla.org/en-US/docs/Web/API/Event/type
      * @memberof Pointer
      */
@@ -4762,7 +5475,7 @@ export class Polygon {
      * @public
      * @type {Vector2d}
      * @name pos
-     * @memberof Polygon#
+     * @memberof Polygon
      */
     public pos: Vector2d;
     /**
@@ -4770,7 +5483,7 @@ export class Polygon {
      * @ignore
      * @type {Bounds}
      * @name _bounds
-     * @memberof Polygon#
+     * @memberof Polygon
      */
     _bounds: Bounds;
     /**
@@ -4779,7 +5492,7 @@ export class Polygon {
      * @public
      * @type {Vector2d[]}
      * @name points
-     * @memberof Polygon#
+     * @memberof Polygon
      */
     public points: Vector2d[];
     /**
@@ -4807,7 +5520,7 @@ export class Polygon {
     /**
      * set new value to the Polygon
      * @name setShape
-     * @memberof Polygon.prototype
+     * @memberof Polygon
      * @function
      * @param {number} x position of the Polygon
      * @param {number} y position of the Polygon
@@ -4818,7 +5531,7 @@ export class Polygon {
     /**
      * set the vertices defining this Polygon
      * @name setVertices
-     * @memberof Polygon.prototype
+     * @memberof Polygon
      * @function
      * @param {Vector2d[]} vertices array of vector or vertice defining the Polygon
      * @returns {Polygon} this instance for objecf chaining
@@ -4827,7 +5540,7 @@ export class Polygon {
     /**
      * apply the given transformation matrix to this Polygon
      * @name transform
-     * @memberof Polygon.prototype
+     * @memberof Polygon
      * @function
      * @param {Matrix2d} m the transformation matrix
      * @returns {Polygon} Reference to this object for method chaining
@@ -4836,7 +5549,7 @@ export class Polygon {
     /**
      * apply an isometric projection to this shape
      * @name toIso
-     * @memberof Polygon.prototype
+     * @memberof Polygon
      * @function
      * @returns {Polygon} Reference to this object for method chaining
      */
@@ -4844,7 +5557,7 @@ export class Polygon {
     /**
      * apply a 2d projection to this shape
      * @name to2d
-     * @memberof Polygon.prototype
+     * @memberof Polygon
      * @function
      * @returns {Polygon} Reference to this object for method chaining
      */
@@ -4852,7 +5565,7 @@ export class Polygon {
     /**
      * Rotate this Polygon (counter-clockwise) by the specified angle (in radians).
      * @name rotate
-     * @memberof Polygon.prototype
+     * @memberof Polygon
      * @function
      * @param {number} angle The angle to rotate (in radians)
      * @param {Vector2d|ObservableVector2d} [v] an optional point to rotate around
@@ -4862,7 +5575,7 @@ export class Polygon {
     /**
      * Scale this Polygon by the given scalar.
      * @name scale
-     * @memberof Polygon.prototype
+     * @memberof Polygon
      * @function
      * @param {number} x
      * @param {number} [y=x]
@@ -4872,7 +5585,7 @@ export class Polygon {
     /**
      * Scale this Polygon by the given vector
      * @name scaleV
-     * @memberof Polygon.prototype
+     * @memberof Polygon
      * @function
      * @param {Vector2d} v
      * @returns {Polygon} Reference to this object for method chaining
@@ -4882,7 +5595,7 @@ export class Polygon {
      * Computes the calculated collision polygon.
      * This **must** be called if the `points` array, `angle`, or `offset` is modified manually.
      * @name recalc
-     * @memberof Polygon.prototype
+     * @memberof Polygon
      * @function
      * @returns {Polygon} Reference to this object for method chaining
      */
@@ -4890,7 +5603,7 @@ export class Polygon {
     /**
      * returns a list of indices for all triangles defined in this polygon
      * @name getIndices
-     * @memberof Polygon.prototype
+     * @memberof Polygon
      * @function
      * @returns {Array} an array of vertex indices for all triangles forming this polygon.
      */
@@ -4898,7 +5611,7 @@ export class Polygon {
     /**
      * Returns true if the vertices composing this polygon form a convex shape (vertices must be in clockwise order).
      * @name isConvex
-     * @memberof Polygon.prototype
+     * @memberof Polygon
      * @function
      * @returns {boolean} true if the vertices are convex, false if not, null if not computable
      */
@@ -4906,7 +5619,7 @@ export class Polygon {
     /**
      * translate the Polygon by the specified offset
      * @name translate
-     * @memberof Polygon.prototype
+     * @memberof Polygon
      * @function
      * @param {number} x x offset
      * @param {number} y y offset
@@ -4915,7 +5628,7 @@ export class Polygon {
     /**
      * translate the Polygon by the specified vector
      * @name translate
-     * @memberof Polygon.prototype
+     * @memberof Polygon
      * @function
      * @param {Vector2d} v vector offset
      * @returns {Polygon} Reference to this object for method chaining
@@ -4942,7 +5655,7 @@ export class Polygon {
      * (Note: it is highly recommended to first do a hit test on the corresponding <br>
      *  bounding rect, as the function can be highly consuming with complex shapes)
      * @name contains
-     * @memberof Polygon.prototype
+     * @memberof Polygon
      * @function
      * @param {Vector2d} point
      * @returns {boolean} true if contains
@@ -4952,7 +5665,7 @@ export class Polygon {
      * (Note: it is highly recommended to first do a hit test on the corresponding <br>
      *  bounding rect, as the function can be highly consuming with complex shapes)
      * @name contains
-     * @memberof Polygon.prototype
+     * @memberof Polygon
      * @function
      * @param  {number} x x coordinate
      * @param  {number} y y coordinate
@@ -4962,7 +5675,7 @@ export class Polygon {
     /**
      * returns the bounding box for this shape, the smallest Rectangle object completely containing this shape.
      * @name getBounds
-     * @memberof Polygon.prototype
+     * @memberof Polygon
      * @function
      * @returns {Bounds} this shape bounding box Rectangle object
      */
@@ -4971,7 +5684,7 @@ export class Polygon {
      * update the bounding box for this shape.
      * @ignore
      * @name updateBounds
-     * @memberof Polygon.prototype
+     * @memberof Polygon
      * @function
      * @returns {Bounds} this shape bounding box Rectangle object
      */
@@ -4979,7 +5692,7 @@ export class Polygon {
     /**
      * clone this Polygon
      * @name clone
-     * @memberof Polygon.prototype
+     * @memberof Polygon
      * @function
      * @returns {Polygon} new Polygon
      */
@@ -5074,7 +5787,7 @@ export class QuadTree {
  * a rectangle Object
  * @augments Polygon
  */
-export class Rect extends Polygon {
+declare class Rect$1 extends Polygon {
     /**
      * @param {number} x position of the Rectangle
      * @param {number} y position of the Rectangle
@@ -5087,7 +5800,7 @@ export class Rect extends Polygon {
     /**
      * set new value to the rectangle shape
      * @name setShape
-     * @memberof Rect.prototype
+     * @memberof Rect
      * @function
      * @param {number} x position of the Rectangle
      * @param {number} y position of the Rectangle
@@ -5167,7 +5880,7 @@ export class Rect extends Polygon {
     /**
      * center the rectangle position around the given coordinates
      * @name centerOn
-     * @memberof Rect.prototype
+     * @memberof Rect
      * @function
      * @param {number} x the x coordinate around which to center this rectangle
      * @param {number} x the y coordinate around which to center this rectangle
@@ -5177,7 +5890,7 @@ export class Rect extends Polygon {
     /**
      * resize the rectangle
      * @name resize
-     * @memberof Rect.prototype
+     * @memberof Rect
      * @function
      * @param {number} w new width of the rectangle
      * @param {number} h new height of the rectangle
@@ -5187,7 +5900,7 @@ export class Rect extends Polygon {
     /**
      * scale the rectangle
      * @name scale
-     * @memberof Rect.prototype
+     * @memberof Rect
      * @function
      * @param {number} x a number representing the abscissa of the scaling vector.
      * @param {number} [y=x] a number representing the ordinate of the scaling vector.
@@ -5197,7 +5910,7 @@ export class Rect extends Polygon {
     /**
      * clone this rectangle
      * @name clone
-     * @memberof Rect.prototype
+     * @memberof Rect
      * @function
      * @returns {Rect} new rectangle
      */
@@ -5205,7 +5918,7 @@ export class Rect extends Polygon {
     /**
      * copy the position and size of the given rectangle into this one
      * @name copy
-     * @memberof Rect.prototype
+     * @memberof Rect
      * @function
      * @param {Rect} rect Source rectangle
      * @returns {Rect} new rectangle
@@ -5214,7 +5927,7 @@ export class Rect extends Polygon {
     /**
      * merge this rectangle with another one
      * @name union
-     * @memberof Rect.prototype
+     * @memberof Rect
      * @function
      * @param {Rect} rect other rectangle to union with
      * @returns {Rect} the union(ed) rectangle
@@ -5223,7 +5936,7 @@ export class Rect extends Polygon {
     /**
      * check if this rectangle is intersecting with the specified one
      * @name overlaps
-     * @memberof Rect.prototype
+     * @memberof Rect
      * @function
      * @param {Rect} rect
      * @returns {boolean} true if overlaps
@@ -5232,7 +5945,7 @@ export class Rect extends Polygon {
     /**
      * check if this rectangle is identical to the specified one
      * @name equals
-     * @memberof Rect.prototype
+     * @memberof Rect
      * @function
      * @param {Rect} rect
      * @returns {boolean} true if equals
@@ -5241,7 +5954,7 @@ export class Rect extends Polygon {
     /**
      * determines whether all coordinates of this rectangle are finite numbers.
      * @name isFinite
-     * @memberof Rect.prototype
+     * @memberof Rect
      * @function
      * @returns {boolean} false if all coordinates are positive or negative Infinity or NaN; otherwise, true.
      */
@@ -5249,7 +5962,7 @@ export class Rect extends Polygon {
     /**
      * Returns a polygon whose edges are the same as this box.
      * @name toPolygon
-     * @memberof Rect.prototype
+     * @memberof Rect
      * @function
      * @returns {Polygon} a new Polygon that represents this rectangle.
      */
@@ -5260,7 +5973,14 @@ export class Rect extends Polygon {
  * A base class for renderable objects.
  * @augments Rect
  */
-export class Renderable extends Rect {
+export class Renderable {
+    /**
+     * @param {number} x position of the renderable object (accessible through inherited pos.x property)
+     * @param {number} y position of the renderable object (accessible through inherited pos.y property)
+     * @param {number} width object width
+     * @param {number} height object height
+     */
+    constructor(x: number, y: number, width: number, height: number);
     /**
      * to identify the object as a renderable object
      * @ignore
@@ -5444,7 +6164,7 @@ export class Renderable extends Rect {
      * A mask limits rendering elements to the shape and position of the given mask object.
      * So, if the renderable is larger than the mask, only the intersecting part of the renderable will be visible.
      * @public
-     * @type {Rect|Polygon|Line|Ellipse}
+     * @type {Rect|RoundRect|Polygon|Line|Ellipse}
      * @name mask
      * @default undefined
      * @memberof Renderable#
@@ -5464,7 +6184,7 @@ export class Renderable extends Rect {
      *    {x: -14, y: 30}
      * ]);
      */
-    public mask: Rect | Polygon | Line | Ellipse;
+    public mask: Rect | RoundRect | Polygon | Line | Ellipse;
     /**
      * define a tint for this renderable. a (255, 255, 255) r, g, b value will remove the tint effect.
      * @public
@@ -5556,11 +6276,19 @@ export class Renderable extends Rect {
      * @name isFlippedY
      * @memberof Renderable
      */
-    public get isFlippedY(): boolean;
+    public get isFlippedY(): boolean;
+    /**
+     * returns the bounding box for this renderable
+     * @name getBounds
+     * @memberof Renderable
+     * @function
+     * @returns {Bounds} bounding box Rectangle object
+     */
+    getBounds(): Bounds;
     /**
      * get the renderable alpha channel value<br>
      * @name getOpacity
-     * @memberof Renderable.prototype
+     * @memberof Renderable
      * @function
      * @returns {number} current opacity value between 0 and 1
      */
@@ -5568,7 +6296,7 @@ export class Renderable extends Rect {
     /**
      * set the renderable alpha channel value<br>
      * @name setOpacity
-     * @memberof Renderable.prototype
+     * @memberof Renderable
      * @function
      * @param {number} alpha opacity value between 0.0 and 1.0
      */
@@ -5577,7 +6305,7 @@ export class Renderable extends Rect {
      * flip the renderable on the horizontal axis (around the center of the renderable)
      * @see Matrix2d#scaleX
      * @name flipX
-     * @memberof Renderable.prototype
+     * @memberof Renderable
      * @function
      * @param {boolean} [flip=true] `true` to flip this renderable.
      * @returns {Renderable} Reference to this object for method chaining
@@ -5587,7 +6315,7 @@ export class Renderable extends Rect {
      * flip the renderable on the vertical axis (around the center of the renderable)
      * @see Matrix2d#scaleY
      * @name flipY
-     * @memberof Renderable.prototype
+     * @memberof Renderable
      * @function
      * @param {boolean} [flip=true] `true` to flip this renderable.
      * @returns {Renderable} Reference to this object for method chaining
@@ -5596,7 +6324,7 @@ export class Renderable extends Rect {
     /**
      * multiply the renderable currentTransform with the given matrix
      * @name transform
-     * @memberof Renderable.prototype
+     * @memberof Renderable
      * @see Renderable#currentTransform
      * @function
      * @param {Matrix2d} m the transformation matrix
@@ -5624,7 +6352,7 @@ export class Renderable extends Rect {
     /**
      * Rotate this renderable towards the given target.
      * @name lookAt
-     * @memberof Renderable.prototype
+     * @memberof Renderable
      * @function
      * @param {Renderable|Vector2d|Vector3d} target the renderable or position to look at
      * @returns {Renderable} Reference to this object for method chaining
@@ -5633,7 +6361,7 @@ export class Renderable extends Rect {
     /**
      * Rotate this renderable by the specified angle (in radians).
      * @name rotate
-     * @memberof Renderable.prototype
+     * @memberof Renderable
      * @function
      * @param {number} angle The angle to rotate (in radians)
      * @param {Vector2d|ObservableVector2d} [v] an optional point to rotate around
@@ -5647,7 +6375,7 @@ export class Renderable extends Rect {
      * is an image, the image.width and image.height properties are unaltered but the currentTransform
      * member will be changed.
      * @name scale
-     * @memberof Renderable.prototype
+     * @memberof Renderable
      * @function
      * @param {number} x a number representing the abscissa of the scaling vector.
      * @param {number} [y=x] a number representing the ordinate of the scaling vector.
@@ -5657,7 +6385,7 @@ export class Renderable extends Rect {
     /**
      * scale the renderable around his anchor point
      * @name scaleV
-     * @memberof Renderable.prototype
+     * @memberof Renderable
      * @function
      * @param {Vector2d} v scaling vector
      * @returns {Renderable} Reference to this object for method chaining
@@ -5667,25 +6395,34 @@ export class Renderable extends Rect {
      * update function. <br>
      * automatically called by the game manager {@link game}
      * @name update
-     * @memberof Renderable.prototype
+     * @memberof Renderable
      * @function
      * @protected
      * @param {number} dt time since the last update in milliseconds.
      * @returns {boolean} true if the renderable is dirty
      */
     protected update(dt: number): boolean;
+    /**
+     * update the bounding box for this shape.
+     * @ignore
+     * @name updateBounds
+     * @memberof Renderable
+     * @function
+     * @returns {Bounds} this shape bounding box Rectangle object
+     */
+    updateBounds(): Bounds;
     /**
      * update the renderable's bounding rect (private)
      * @ignore
      * @name updateBoundsPos
-     * @memberof Renderable.prototype
+     * @memberof Renderable
      * @function
      */
     updateBoundsPos(newX: any, newY: any): void;
     /**
      * return the renderable absolute position in the game world
      * @name getAbsolutePosition
-     * @memberof Renderable.prototype
+     * @memberof Renderable
      * @function
      * @returns {Vector2d}
      */
@@ -5695,7 +6432,7 @@ export class Renderable extends Rect {
      * called when the anchor point value is changed
      * @private
      * @name onAnchorUpdate
-     * @memberof Renderable.prototype
+     * @memberof Renderable
      * @function
      * @param {number} x the new X value to be set for the anchor
      * @param {number} y the new Y value to be set for the anchor
@@ -5706,7 +6443,7 @@ export class Renderable extends Rect {
      * (apply defined transforms, anchor point). <br>
      * automatically called by the game manager {@link game}
      * @name preDraw
-     * @memberof Renderable.prototype
+     * @memberof Renderable
      * @function
      * @protected
      * @param {CanvasRenderer|WebGLRenderer} renderer a renderer object
@@ -5716,7 +6453,7 @@ export class Renderable extends Rect {
      * object draw. <br>
      * automatically called by the game manager {@link game}
      * @name draw
-     * @memberof Renderable.prototype
+     * @memberof Renderable
      * @function
      * @protected
      * @param {CanvasRenderer|WebGLRenderer} renderer a renderer object
@@ -5726,7 +6463,7 @@ export class Renderable extends Rect {
      * restore the rendering context after drawing. <br>
      * automatically called by the game manager {@link game}
      * @name postDraw
-     * @memberof Renderable.prototype
+     * @memberof Renderable
      * @function
      * @protected
      * @param {CanvasRenderer|WebGLRenderer} renderer a renderer object
@@ -5736,7 +6473,7 @@ export class Renderable extends Rect {
      * onCollision callback, triggered in case of collision,
      * when this renderable body is colliding with another one
      * @name onCollision
-     * @memberof Renderable.prototype
+     * @memberof Renderable
      * @function
      * @param {collision.ResponseObject} response the collision response object
      * @param {Renderable} other the other renderable touching this one (a reference to response.a or response.b)
@@ -5761,6 +6498,7 @@ export class Renderable extends Rect {
      * @ignore
      */
     destroy(...args: any[]): void;
+    _bounds: any;
     /**
      * OnDestroy Notification function<br>
      * Called by engine before deleting the object
@@ -5828,15 +6566,26 @@ export class Renderer {
     /**
      * true if the current rendering context is valid
      * @name isContextValid
-     * @memberof Renderer
+     * @memberof Renderer#
      * @default true
      * type {boolean}
      */
     isContextValid: boolean;
+    /**
+     * The Path2D instance used by the renderer to draw primitives
+     * @name path2D
+     * @type {Path2D}
+     * @memberof Renderer#
+     */
+    path2D: Path2D;
     /**
      * @ignore
      */
     currentScissor: Int32Array;
+    /**
+     * @ignore
+     */
+    maskLevel: number;
     /**
      * @ignore
      */
@@ -5851,21 +6600,21 @@ export class Renderer {
     /**
      * prepare the framebuffer for drawing a new frame
      * @name clear
-     * @memberof Renderer.prototype
+     * @memberof Renderer
      * @function
      */
     clear(): void;
     /**
      * Reset context state
      * @name reset
-     * @memberof Renderer.prototype
+     * @memberof Renderer
      * @function
      */
     reset(): void;
     /**
      * return a reference to the system canvas
      * @name getCanvas
-     * @memberof Renderer.prototype
+     * @memberof Renderer
      * @function
      * @returns {HTMLCanvasElement}
      */
@@ -5873,7 +6622,7 @@ export class Renderer {
     /**
      * return a reference to the screen canvas
      * @name getScreenCanvas
-     * @memberof Renderer.prototype
+     * @memberof Renderer
      * @function
      * @returns {HTMLCanvasElement}
      */
@@ -5882,7 +6631,7 @@ export 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 Renderer.prototype
+     * @memberof Renderer
      * @function
      * @returns {CanvasRenderingContext2D}
      */
@@ -5890,7 +6639,7 @@ export class Renderer {
     /**
      * returns the current blend mode for this renderer
      * @name getBlendMode
-     * @memberof Renderer.prototype
+     * @memberof Renderer
      * @function
      * @returns {string} blend mode
      */
@@ -5899,7 +6648,7 @@ export 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 Renderer.prototype
+     * @memberof Renderer
      * @function
      * @param {HTMLCanvasElement} canvas
      * @param {boolean} [transparent=true] use false to disable transparency
@@ -5909,7 +6658,7 @@ export class Renderer {
     /**
      * return the width of the system Canvas
      * @name getWidth
-     * @memberof Renderer.prototype
+     * @memberof Renderer
      * @function
      * @returns {number}
      */
@@ -5917,7 +6666,7 @@ export class Renderer {
     /**
      * return the height of the system Canvas
      * @name getHeight
-     * @memberof Renderer.prototype
+     * @memberof Renderer
      * @function
      * @returns {number} height of the system Canvas
      */
@@ -5925,7 +6674,7 @@ export class Renderer {
     /**
      * get the current fill & stroke style color.
      * @name getColor
-     * @memberof Renderer.prototype
+     * @memberof Renderer
      * @function
      * @returns {Color} current global color
      */
@@ -5933,7 +6682,7 @@ export class Renderer {
     /**
      * return the current global alpha
      * @name globalAlpha
-     * @memberof Renderer.prototype
+     * @memberof Renderer
      * @function
      * @returns {number}
      */
@@ -5941,7 +6690,7 @@ export class Renderer {
     /**
      * check if the given rect or bounds overlaps with the renderer screen coordinates
      * @name overlaps
-     * @memberof Renderer.prototype
+     * @memberof Renderer
      * @function
      * @param {Rect|Bounds} bounds
      * @returns {boolean} true if overlaps
@@ -5950,7 +6699,7 @@ export class Renderer {
     /**
      * resizes the system canvas
      * @name resize
-     * @memberof Renderer.prototype
+     * @memberof Renderer
      * @function
      * @param {number} width new width of the canvas
      * @param {number} height new height of the canvas
@@ -5959,7 +6708,7 @@ export class Renderer {
     /**
      * enable/disable image smoothing (scaling interpolation) for the given context
      * @name setAntiAlias
-     * @memberof Renderer.prototype
+     * @memberof Renderer
      * @function
      * @param {CanvasRenderingContext2D} context
      * @param {boolean} [enable=false]
@@ -5968,7 +6717,7 @@ export class Renderer {
     /**
      * set/change the current projection matrix (WebGL only)
      * @name setProjection
-     * @memberof Renderer.prototype
+     * @memberof Renderer
      * @function
      * @param {Matrix3d} matrix
      */
@@ -5976,16 +6725,24 @@ export class Renderer {
     /**
      * stroke the given shape
      * @name stroke
-     * @memberof Renderer.prototype
+     * @memberof Renderer
      * @function
-     * @param {Rect|Polygon|Line|Ellipse} shape a shape object to stroke
+     * @param {Rect|RoundRect|Polygon|Line|Ellipse} shape a shape object to stroke
      * @param {boolean} [fill=false] fill the shape with the current color if true
      */
-    stroke(shape: Rect | Polygon | Line | Ellipse, fill?: boolean): void;
+    stroke(shape: Rect | RoundRect | Polygon | Line | Ellipse, fill?: boolean): void;
+    /**
+     * fill the given shape
+     * @name fill
+     * @memberof Renderer
+     * @function
+     * @param {Rect|RoundRect|Polygon|Line|Ellipse} shape a shape object to fill
+     */
+    fill(shape: Rect | RoundRect | Polygon | Line | Ellipse): void;
     /**
      * tint the given image or canvas using the given color
      * @name tint
-     * @memberof Renderer.prototype
+     * @memberof Renderer
      * @function
      * @param {HTMLImageElement|HTMLCanvasElement|OffscreenCanvas} src the source image to be tinted
      * @param {Color|string} color the color that will be used to tint the image
@@ -5993,36 +6750,29 @@ export class Renderer {
      * @returns {HTMLCanvasElement|OffscreenCanvas} a new canvas element representing the tinted image
      */
     tint(src: HTMLImageElement | HTMLCanvasElement | OffscreenCanvas, color: Color | string, mode?: string): HTMLCanvasElement | OffscreenCanvas;
-    /**
-     * fill the given shape
-     * @name fill
-     * @memberof Renderer.prototype
-     * @function
-     * @param {Rect|Polygon|Line|Ellipse} shape a shape object to fill
-     */
-    fill(shape: Rect | Polygon | Line | Ellipse): void;
     /**
      * A mask limits rendering elements to the shape and position of the given mask object.
      * 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 Renderer.prototype
+     * @memberof Renderer
      * @function
-     * @param {Rect|Polygon|Line|Ellipse} [mask] the shape defining the mask to be applied
+     * @param {Rect|RoundRect|Polygon|Line|Ellipse} [mask] the shape defining the mask to be applied
+     * @param {boolean} [invert=false] either the given shape should define what is visible (default) or the opposite
      */
-    setMask(mask?: Rect | Polygon | Line | Ellipse): void;
+    setMask(mask?: Rect | RoundRect | Polygon | Line | Ellipse): void;
     /**
      * disable (remove) the rendering mask set through setMask.
      * @name clearMask
      * @see Renderer#setMask
-     * @memberof Renderer.prototype
+     * @memberof Renderer
      * @function
      */
     clearMask(): void;
     /**
      * set a coloring tint for sprite based renderables
      * @name setTint
-     * @memberof Renderer.prototype
+     * @memberof Renderer
      * @function
      * @param {Color} tint the tint color
      * @param {number} [alpha] an alpha value to be applied to the tint
@@ -6032,7 +6782,7 @@ export class Renderer {
      * clear the rendering tint set through setTint.
      * @name clearTint
      * @see Renderer#setTint
-     * @memberof Renderer.prototype
+     * @memberof Renderer
      * @function
      */
     clearTint(): void;
@@ -6042,6 +6792,78 @@ export class Renderer {
     drawFont(): void;
     get Texture(): typeof TextureAtlas;
 }
+/**
+ * @classdesc
+ * a rectangle object with rounded corners
+ * @augments Rect
+ */
+export class RoundRect {
+    /**
+     * @param {number} x position of the rounded rectangle
+     * @param {number} y position of the rounded rectangle
+     * @param {number} width the rectangle width
+     * @param {number} height the rectangle height
+     * @param {number} [radius=20] the radius of the rounded corner
+     */
+    constructor(x: number, y: number, width: number, height: number, radius?: number);
+    public set radius(arg: number);
+    /**
+     * the radius of the rounded corner
+     * @public
+     * @type {number}
+     * @default 20
+     * @name radius
+     * @memberof RoundRect
+     */
+    public get radius(): number;
+    /** @ignore */
+    onResetEvent(x: any, y: any, w: any, h: any, radius: any): void;
+    _radius: number;
+    /**
+     * copy the position, size and radius of the given rounded rectangle into this one
+     * @name copy
+     * @memberof RoundRect
+     * @function
+     * @param {RoundRect} rrect source rounded rectangle
+     * @returns {RoundRect} new rectangle
+     */
+    copy(rrect: RoundRect): RoundRect;
+    /**
+     * Returns true if the rounded rectangle contains the given point
+     * @name contains
+     * @memberof RoundRect
+     * @function
+     * @param  {number} x x coordinate
+     * @param  {number} y y coordinate
+     * @returns {boolean} true if contains
+     */
+    /**
+     * Returns true if the rounded rectangle contains the given point
+     * @name contains
+     * @memberof RoundRect
+     * @function
+     * @param {Vector2d} point
+     * @returns {boolean} true if contains
+     */
+    contains(...args: any[]): boolean;
+    /**
+     * check if this RoundRect is identical to the specified one
+     * @name equals
+     * @memberof RoundRect
+     * @function
+     * @param {RoundRect} rrect
+     * @returns {boolean} true if equals
+     */
+    equals(rrect: RoundRect): boolean;
+    /**
+     * clone this RoundRect
+     * @name clone
+     * @memberof RoundRect
+     * @function
+     * @returns {RoundRect} new RoundRect
+     */
+    clone(): RoundRect;
+}
 /**
  * @classdesc
  * An object to display a fixed or animated sprite on screen.
@@ -6129,7 +6951,7 @@ export class Sprite extends Renderable {
     current: {
         name: string;
         length: number;
-        offset: Vector2d;
+        offset: any;
         width: number;
         height: number;
         angle: number;
@@ -6145,10 +6967,12 @@ export class Sprite extends Renderable {
     image: HTMLCanvasElement | HTMLImageElement;
     textureAtlas: any;
     atlasIndices: any;
+    width: number;
+    height: number;
     /**
      * return the flickering state of the object
      * @name isFlickering
-     * @memberof Sprite.prototype
+     * @memberof Sprite
      * @function
      * @returns {boolean}
      */
@@ -6156,7 +6980,7 @@ export class Sprite extends Renderable {
     /**
      * make the object flicker
      * @name flicker
-     * @memberof Sprite.prototype
+     * @memberof Sprite
      * @function
      * @param {number} duration expressed in milliseconds
      * @param {Function} callback Function to call when flickering ends
@@ -6175,7 +6999,7 @@ export class Sprite extends Renderable {
      * logic as per the following example :<br>
      * <img src="images/spritesheet_grid.png"/>
      * @name addAnimation
-     * @memberof Sprite.prototype
+     * @memberof Sprite
      * @function
      * @param {string} name animation id
      * @param {number[]|string[]|object[]} index list of sprite index or name
@@ -6208,7 +7032,7 @@ export class Sprite extends Renderable {
      * set the current animation
      * this will always change the animation & set the frame to zero
      * @name setCurrentAnimation
-     * @memberof Sprite.prototype
+     * @memberof Sprite
      * @function
      * @param {string} name animation id
      * @param {string|Function} [resetAnim] animation id to switch to when complete, or callback
@@ -6248,7 +7072,7 @@ export class Sprite extends Renderable {
     /**
      * reverse the given or current animation if none is specified
      * @name reverseAnimation
-     * @memberof Sprite.prototype
+     * @memberof Sprite
      * @function
      * @param {string} [name] animation id
      * @returns {Sprite} Reference to this object for method chaining
@@ -6258,7 +7082,7 @@ export class Sprite extends Renderable {
     /**
      * return true if the specified animation is the current one.
      * @name isCurrentAnimation
-     * @memberof Sprite.prototype
+     * @memberof Sprite
      * @function
      * @param {string} name animation id
      * @returns {boolean}
@@ -6272,7 +7096,7 @@ export class Sprite extends Renderable {
      * change the current texture atlas region for this sprite
      * @see Texture.getRegion
      * @name setRegion
-     * @memberof Sprite.prototype
+     * @memberof Sprite
      * @function
      * @param {object} region typically returned through me.Texture.getRegion()
      * @returns {Sprite} Reference to this object for method chaining
@@ -6284,7 +7108,7 @@ export class Sprite extends Renderable {
     /**
      * force the current animation frame index.
      * @name setAnimationFrame
-     * @memberof Sprite.prototype
+     * @memberof Sprite
      * @function
      * @param {number} [idx=0] animation frame index
      * @returns {Sprite} Reference to this object for method chaining
@@ -6296,7 +7120,7 @@ export class Sprite extends Renderable {
     /**
      * return the current animation frame index.
      * @name getCurrentAnimationFrame
-     * @memberof Sprite.prototype
+     * @memberof Sprite
      * @function
      * @returns {number} current animation frame index
      */
@@ -6304,7 +7128,7 @@ export class Sprite extends Renderable {
     /**
      * Returns the frame object by the index.
      * @name getAnimationFrameObjectByIndex
-     * @memberof Sprite.prototype
+     * @memberof Sprite
      * @function
      * @ignore
      * @param {number} id the frame id
@@ -6341,11 +7165,43 @@ export class Stage {
      * Cameras will be renderered based on this order defined in this list.
      * Only the "default" camera will be resized when the window or canvas is resized.
      * @public
-     * @type {Map}
+     * @type {Map<Camera2d>}
      * @name cameras
      * @memberof Stage
      */
-    public cameras: Map<any, any>;
+    public cameras: Map<Camera2d, any>;
+    /**
+     * The list of active lights in this stage.
+     * (Note: Canvas Renderering mode will only properly support one light per stage)
+     * @public
+     * @type {Map<Light2d>}
+     * @name lights
+     * @memberof Stage
+     * @see Light2d
+     * @see Stage.ambientLight
+     * @example
+     * // create a white spot light
+     * var whiteLight = new me.Light2d(0, 0, 140, "#fff", 0.7);
+     * // and add the light to this current stage
+     * this.lights.set("whiteLight", whiteLight);
+     * // set a dark ambient light
+     * this.ambientLight.parseCSS("#1117");
+     * // make the light follow the mouse
+     * me.input.registerPointerEvent("pointermove", me.game.viewport, (event) => {
+     *    whiteLight.centerOn(event.gameX, event.gameY);
+     * });
+     */
+    public lights: Map<Light2d, any>;
+    /**
+     * an ambient light that will be added to the stage rendering
+     * @public
+     * @type {Color}
+     * @name ambientLight
+     * @memberof Stage
+     * @default "#000000"
+     * @see Light2d
+     */
+    public ambientLight: Color;
     /**
      * The given constructor options
      * @public
@@ -6582,6 +7438,8 @@ export class TMXLayer extends Renderable {
     name: any;
     cols: number;
     rows: number;
+    width: number;
+    height: number;
     preRender: boolean;
     onActivateEvent(): void;
     canvasRenderer: CanvasRenderer;
@@ -7231,8 +8089,7 @@ export class Text extends Renderable {
      * @default 10
      */
     public fontSize: number;
-    canvas: HTMLCanvasElement | OffscreenCanvas;
-    context: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D;
+    canvasTexture: any;
     metrics: TextMetrics;
     /** @ignore */
     onDeactivateEvent(): void;
@@ -7258,6 +8115,7 @@ export class Text extends Renderable {
      * font.setFont("Arial", "1.5em");
      */
     setFont(font: string, size?: number | string): Text;
+    height: number;
     /**
      * change the text to be displayed
      * @param {number|string|string[]} value a string, or an array of strings
@@ -8795,7 +9653,7 @@ export class WebGLRenderer extends Renderer {
     /**
      * The WebGL version used by this renderer (1 or 2)
      * @name WebGLVersion
-     * @memberof WebGLRenderer
+     * @memberof WebGLRenderer#
      * @type {number}
      * @default 1
      * @readonly
@@ -8804,7 +9662,7 @@ export class WebGLRenderer extends Renderer {
     /**
      * The vendor string of the underlying graphics driver.
      * @name GPUVendor
-     * @memberof WebGLRenderer
+     * @memberof WebGLRenderer#
      * @type {string}
      * @default null
      * @readonly
@@ -8813,7 +9671,7 @@ export class WebGLRenderer extends Renderer {
     /**
      * The renderer string of the underlying graphics driver.
      * @name GPURenderer
-     * @memberof WebGLRenderer
+     * @memberof WebGLRenderer#
      * @type {string}
      * @default null
      * @readonly
@@ -8823,14 +9681,14 @@ export class WebGLRenderer extends Renderer {
      * The WebGL context
      * @name gl
      * @memberof WebGLRenderer
-     * type {WebGLRenderingContext}
+     * @type {WebGLRenderingContext}
      */
     context: WebGLRenderingContext;
     gl: WebGLRenderingContext;
     /**
      * Maximum number of texture unit supported under the current context
      * @name maxTextures
-     * @memberof WebGLRenderer
+     * @memberof WebGLRenderer#
      * @type {number}
      * @readonly
      */
@@ -8851,10 +9709,6 @@ export class WebGLRenderer extends Renderer {
      * @ignore
      */
     _blendStack: any[];
-    /**
-     * @ignore
-     */
-    _glPoints: Vector2d[];
     /**
      * The current transformation matrix used for transformations on the overall scene
      * @name currentTransform
@@ -8872,24 +9726,24 @@ export class WebGLRenderer extends Renderer {
     /**
      * The list of active compositors
      * @name compositors
-     * @type {Map}
+     * @type {Map<WebGLCompositor>}
      * @memberof WebGLRenderer#
      */
-    compositors: Map<any, any>;
+    compositors: Map<WebGLCompositor, any>;
     cache: TextureCache;
     /**
      * set the active compositor for this renderer
      * @name setCompositor
      * @function
      * @param {WebGLCompositor|string} compositor a compositor name or instance
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      */
     setCompositor(compositor?: WebGLCompositor | string): void;
     /**
      * Reset the gl transform to identity
      * @name resetTransform
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      */
     resetTransform(): void;
@@ -8908,7 +9762,7 @@ export class WebGLRenderer extends Renderer {
     /**
      * Create a pattern with the specified repetition
      * @name createPattern
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {Image} image Source image
      * @param {string} repeat Define how the pattern should be repeated
@@ -8924,14 +9778,14 @@ export class WebGLRenderer extends Renderer {
     /**
      * Flush the compositor to the frame buffer
      * @name flush
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      */
     flush(): void;
     /**
      * Clears the gl context with the given color.
      * @name clearColor
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {Color|string} [color="#000000"] CSS color.
      * @param {boolean} [opaque=false] Allow transparency [default] or clear the surface completely [true]
@@ -8940,7 +9794,7 @@ export class WebGLRenderer extends Renderer {
     /**
      * Erase the pixels in the given rectangular area by setting them to transparent black (rgba(0,0,0,0)).
      * @name clearRect
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @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.
@@ -8955,7 +9809,7 @@ export class WebGLRenderer extends Renderer {
     /**
      * Draw an image to the gl context
      * @name drawImage
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @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.
@@ -8978,7 +9832,7 @@ export class WebGLRenderer extends Renderer {
     /**
      * Draw a pattern within the given rectangle.
      * @name drawPattern
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {TextureAtlas} pattern Pattern object
      * @param {number} x
@@ -8991,7 +9845,7 @@ export class WebGLRenderer extends Renderer {
     /**
      * return a reference to the screen canvas corresponding WebGL Context
      * @name getScreenContext
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @returns {WebGLRenderingContext}
      */
@@ -8999,7 +9853,7 @@ export class WebGLRenderer extends Renderer {
     /**
      * Returns the WebGL Context object of the given Canvas
      * @name getContextGL
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {HTMLCanvasElement} canvas
      * @param {boolean} [transparent=true] use false to disable transparency
@@ -9010,7 +9864,7 @@ export class WebGLRenderer extends Renderer {
      * Returns the WebGLContext instance for the renderer
      * return a reference to the system 2d Context
      * @name getContext
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @returns {WebGLRenderingContext}
      */
@@ -9028,7 +9882,7 @@ export class WebGLRenderer extends Renderer {
      * <img src="images/screen-blendmode.png" width="510"/> <br>
      * @name setBlendMode
      * @see https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {string} [mode="normal"] blend mode : "normal", "multiply", "lighter", "additive", "screen"
      * @param {WebGLRenderingContext} [gl]
@@ -9043,21 +9897,21 @@ export class WebGLRenderer extends Renderer {
     /**
      * restores the canvas context
      * @name restore
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      */
     restore(): void;
     /**
      * saves the canvas context
      * @name save
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      */
     save(): void;
     /**
      * rotates the uniform matrix
      * @name rotate
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {number} angle in radians
      */
@@ -9065,7 +9919,7 @@ export class WebGLRenderer extends Renderer {
     /**
      * scales the uniform matrix
      * @name scale
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {number} x
      * @param {number} y
@@ -9079,16 +9933,24 @@ export class WebGLRenderer extends Renderer {
     /**
      * Set the global alpha
      * @name setGlobalAlpha
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {number} alpha 0.0 to 1.0 values accepted.
      */
     setGlobalAlpha(alpha: number): void;
+    /**
+     * Return the global alpha
+     * @name getGlobalAlpha
+     * @memberof WebGLRenderer
+     * @function
+     * @returns {number} global alpha value
+     */
+    getGlobalAlpha(): number;
     /**
      * Set the current fill & stroke style color.
      * By default, or upon reset, the value is set to #000000.
      * @name setColor
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {Color|string} color css color string.
      */
@@ -9096,7 +9958,7 @@ export class WebGLRenderer extends Renderer {
     /**
      * Set the line width
      * @name setLineWidth
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {number} width Line width
      */
@@ -9104,7 +9966,7 @@ export class WebGLRenderer extends Renderer {
     /**
      * Stroke an arc at the specified coordinates with given radius, start and end points
      * @name strokeArc
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {number} x arc center point x-axis
      * @param {number} y arc center point y-axis
@@ -9118,7 +9980,7 @@ export class WebGLRenderer extends Renderer {
     /**
      * Fill an arc at the specified coordinates with given radius, start and end points
      * @name fillArc
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {number} x arc center point x-axis
      * @param {number} y arc center point y-axis
@@ -9127,11 +9989,11 @@ export class WebGLRenderer extends Renderer {
      * @param {number} end end angle in radians
      * @param {boolean} [antiClockwise=false] draw arc anti-clockwise
      */
-    fillArc(x: number, y: number, radius: number, start: number, end: number): void;
+    fillArc(x: number, y: number, radius: number, start: number, end: number, antiClockwise?: boolean): void;
     /**
      * Stroke an ellipse at the specified coordinates with given radius
      * @name strokeEllipse
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {number} x ellipse center point x-axis
      * @param {number} y ellipse center point y-axis
@@ -9143,7 +10005,7 @@ export class WebGLRenderer extends Renderer {
     /**
      * Fill an ellipse at the specified coordinates with given radius
      * @name fillEllipse
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {number} x ellipse center point x-axis
      * @param {number} y ellipse center point y-axis
@@ -9154,7 +10016,7 @@ export class WebGLRenderer extends Renderer {
     /**
      * Stroke a line of the given two points
      * @name strokeLine
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {number} startX the start x coordinate
      * @param {number} startY the start y coordinate
@@ -9165,7 +10027,7 @@ export class WebGLRenderer extends Renderer {
     /**
      * Fill a line of the given two points
      * @name fillLine
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {number} startX the start x coordinate
      * @param {number} startY the start y coordinate
@@ -9176,7 +10038,7 @@ export class WebGLRenderer extends Renderer {
     /**
      * Stroke a me.Polygon on the screen with a specified color
      * @name strokePolygon
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {Polygon} poly the shape to draw
      * @param {boolean} [fill=false] also fill the shape with the current color if true
@@ -9185,7 +10047,7 @@ export class WebGLRenderer extends Renderer {
     /**
      * Fill a me.Polygon on the screen
      * @name fillPolygon
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {Polygon} poly the shape to draw
      */
@@ -9193,7 +10055,7 @@ export class WebGLRenderer extends Renderer {
     /**
      * Draw a stroke rectangle at the specified coordinates
      * @name strokeRect
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {number} x
      * @param {number} y
@@ -9205,7 +10067,7 @@ export class WebGLRenderer extends Renderer {
     /**
      * Draw a filled rectangle at the specified coordinates
      * @name fillRect
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {number} x
      * @param {number} y
@@ -9213,11 +10075,36 @@ export class WebGLRenderer extends Renderer {
      * @param {number} height
      */
     fillRect(x: number, y: number, width: number, height: number): void;
+    /**
+     * Stroke a rounded rectangle at the specified coordinates
+     * @name strokeRoundRect
+     * @memberof WebGLRenderer
+     * @function
+     * @param {number} x
+     * @param {number} y
+     * @param {number} width
+     * @param {number} height
+     * @param {number} radius
+     * @param {boolean} [fill=false] also fill the shape with the current color if true
+     */
+    strokeRoundRect(x: number, y: number, width: number, height: number, radius: number, fill?: boolean): void;
+    /**
+     * Draw a rounded filled rectangle at the specified coordinates
+     * @name fillRoundRect
+     * @memberof WebGLRenderer
+     * @function
+     * @param {number} x
+     * @param {number} y
+     * @param {number} width
+     * @param {number} height
+     * @param {number} radius
+     */
+    fillRoundRect(x: number, y: number, width: number, height: number, radius: number): void;
     /**
      * Reset (overrides) the renderer transformation matrix to the
      * identity one, and then apply the given transformation matrix.
      * @name setTransform
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {Matrix2d} mat2d Matrix to transform by
      */
@@ -9225,7 +10112,7 @@ export class WebGLRenderer extends Renderer {
     /**
      * Multiply given matrix into the renderer tranformation matrix
      * @name transform
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {Matrix2d} mat2d Matrix to transform by
      */
@@ -9233,7 +10120,7 @@ export class WebGLRenderer extends Renderer {
     /**
      * Translates the uniform matrix by the given coordinates
      * @name translate
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {number} x
      * @param {number} y
@@ -9246,7 +10133,7 @@ export class WebGLRenderer extends Renderer {
      * and restore it (with the restore() method) any time in the future.
      * (<u>this is an experimental feature !</u>)
      * @name clipRect
-     * @memberof WebGLRenderer.prototype
+     * @memberof WebGLRenderer
      * @function
      * @param {number} x
      * @param {number} y
@@ -9254,6 +10141,17 @@ export class WebGLRenderer extends Renderer {
      * @param {number} height
      */
     clipRect(x: number, y: number, width: number, height: number): void;
+    /**
+     * A mask limits rendering elements to the shape and position of the given mask object.
+     * 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 WebGLRenderer
+     * @function
+     * @param {Rect|RoundRect|Polygon|Line|Ellipse} [mask] a shape defining the mask to be applied
+     * @param {boolean} [invert=false] either the given shape should define what is visible (default) or the opposite
+     */
+    setMask(mask?: Rect | RoundRect | Polygon | Line | Ellipse, invert?: boolean): void;
 }
 /**
  * @classdesc
@@ -9306,9 +10204,9 @@ export class World extends Container {
      * @name bodies
      * @memberof World
      * @public
-     * @type {Set}
+     * @type {Set<Body>}
      */
-    public bodies: Set<any>;
+    public bodies: Set<Body>;
     /**
      * the instance of the game world quadtree used for broadphase
      * @name broadphase
@@ -9340,7 +10238,7 @@ export class World extends Container {
 }
 export var audio: Readonly<{
     __proto__: any;
-    stopOnAudioError: boolean;
+    stopOnAudioError: true;
     init: typeof init$1;
     hasFormat: typeof hasFormat;
     hasAudio: typeof hasAudio;
@@ -9386,8 +10284,26 @@ export function boot(): void;
  */
 export var collision: any;
 declare namespace device$1 {
-    namespace turnOnPointerLock { }
-    namespace turnOffPointerLock { }
+    /**
+     * @public
+     * @name turnOnPointerLock
+     * @function
+     * @returns {boolean} return true if the request was successfully submitted
+     * @memberof device#
+     * @deprecated since 10.3.0
+     * @see input.requestPointerLock
+     */
+    function turnOnPointerLock(): boolean;
+    /**
+     * @public
+     * @name turnOffPointerLock
+     * @function
+     * @returns {boolean} return true if the request was successfully submitted
+     * @memberof device#
+     * @deprecated since 10.3.0
+     * @see input.exitPointerLock
+     */
+    function turnOffPointerLock(): boolean;
 }
 declare var event$1: Readonly<{
     __proto__: any;
@@ -9433,7 +10349,7 @@ export var game: Readonly<{
     __proto__: any;
     readonly viewport: Camera2d;
     readonly world: World;
-    mergeGroup: boolean;
+    mergeGroup: true;
     sortOn: string;
     readonly lastUpdate: number;
     onLevelLoaded: typeof onLevelLoaded;
@@ -9453,7 +10369,7 @@ export var game: Readonly<{
 export var initialized: boolean;
 export var input: Readonly<{
     __proto__: any;
-    preventDefault: boolean;
+    preventDefault: true;
     readonly pointerEventTarget: EventTarget;
     pointer: Rect;
     readonly locked: boolean;
@@ -10396,16 +11312,12 @@ export var plugin: any;
  * @namespace plugins
  */
 export var plugins: {};
-declare var pooling: Readonly<{
-    __proto__: any;
-    register: typeof register;
-    pull: typeof pull;
-    purge: typeof purge;
-    push: typeof push;
-    exists: typeof exists;
-    poolable: typeof poolable;
-    getInstanceCount: typeof getInstanceCount;
-}>;
+/**
+ * a default global object pool instance
+ * @public
+ * @type {ObjectPool}
+ */
+declare var pool$1: ObjectPool;
 export namespace save {
     /**
      * Add new keys to localStorage and set them to the given default values if they do not exist
@@ -10984,9 +11896,9 @@ export namespace utils {
 export const version: string;
 export var video: Readonly<{
     __proto__: any;
-    CANVAS: number;
-    WEBGL: number;
-    AUTO: number;
+    CANVAS: 0;
+    WEBGL: 1;
+    AUTO: 2;
     readonly parent: HTMLElement;
     scaleRatio: Vector2d;
     readonly renderer: CanvasRenderer | WebGLRenderer;
@@ -11060,6 +11972,7 @@ declare class Bounds {
      * @param {Vector2d[]} [vertices] an array of me.Vector2d points
      */
     constructor(vertices?: Vector2d[]);
+    _center: Vector2d;
     /**
      * @ignore
      */
@@ -11072,7 +11985,6 @@ declare class Bounds {
         x: number;
         y: number;
     };
-    _center: Vector2d;
     /**
      * reset the bound
      * @name clear
@@ -12207,6 +13119,7 @@ declare function setGamepadDeadzone(value: number): void;
  */
 declare function addMapping(id: any, mapping: any): void;
 /**
+ * @classdesc
  * This object is used for object pooling - a technique that might speed up your game if used properly.<br>
  * If some of your classes will be instantiated and removed a lot at a time, it is a
  * good idea to add the class to this object pool. A separate pool for that class
@@ -12217,96 +13130,93 @@ declare function addMapping(id: any, mapping: any): void;
  * which means, that on level loading the engine will try to instantiate every object
  * found in the map, based on the user defined name in each Object Properties<br>
  * <img src="images/object_properties.png"/><br>
- * @namespace pool
- */
-/**
- * register an object to the pool. <br>
- * Pooling must be set to true if more than one such objects will be created. <br>
- * (Note: for an object to be poolable, it must implements a `onResetEvent` method)
- * @function pool.register
- * @param {string} className as defined in the Name field of the Object Properties (in Tiled)
- * @param {object} classObj corresponding Class to be instantiated
- * @param {boolean} [recycling=false] enables object recycling for the specified class
- * @example
- * // implement CherryEntity
- * class CherryEntity extends Spritesheet {
- *    onResetEvent() {
- *        // reset object mutable properties
- *        this.lifeBar = 100;
- *    }
- * };
- * // add our users defined entities in the object pool and enable object recycling
- * me.pool.register("cherryentity", CherryEntity, true);
- */
-declare function register(className: string, classObj: object, recycling?: boolean): void;
-/**
- * Pull a new instance of the requested object (if added into the object pool)
- * @function pool.pull
- * @param {string} name as used in {@link pool.register}
- * @param {object} [...arguments] arguments to be passed when instantiating/reinitializing the object
- * @returns {object} the instance of the requested object
- * @example
- * me.pool.register("bullet", BulletEntity, true);
- * me.pool.register("enemy", EnemyEntity, true);
- * // ...
- * // when we need to manually create a new bullet:
- * var bullet = me.pool.pull("bullet", x, y, direction);
- * // ...
- * // params aren't a fixed number
- * // when we need new enemy we can add more params, that the object construct requires:
- * var enemy = me.pool.pull("enemy", x, y, direction, speed, power, life);
- * // ...
- * // when we want to destroy existing object, the remove
- * // function will ensure the object can then be reallocated later
- * me.game.world.removeChild(enemy);
- * me.game.world.removeChild(bullet);
- */
-declare function pull(name: string, ...args: any[]): object;
-/**
- * purge the object pool from any inactive object <br>
- * Object pooling must be enabled for this function to work<br>
- * note: this will trigger the garbage collector
- * @function pool.purge
- */
-declare function purge(): void;
-/**
- * Push back an object instance into the object pool <br>
- * Object pooling for the object class must be enabled,
- * and object must have been instantiated using {@link pool#pull},
- * otherwise this function won't work
- * @function pool.push
- * @throws will throw an error if the object cannot be recycled
- * @param {object} obj instance to be recycled
- * @param {boolean} [throwOnError=true] throw an exception if the object cannot be recycled
- * @returns {boolean} true if the object was successfully recycled in the object pool
- */
-declare function push(obj: object, throwOnError?: boolean): boolean;
-/**
- * Check if an object with the provided name is registered
- * @function pool.exists
- * @param {string} name of the registered object class
- * @returns {boolean} true if the classname is registered
- */
-declare function exists(name: string): boolean;
-/**
- * Check if an object is poolable
- * (was properly registered with the recycling feature enable)
- * @function pool.poolable
- * @see pool.register
- * @param {object} obj object to be checked
- * @returns {boolean} true if the object is poolable
- * @example
- * if (!me.pool.poolable(myCherryEntity)) {
- *     // object was not properly registered
- * }
- */
-declare function poolable(obj: object): boolean;
-/**
- * returns the amount of object instance currently in the pool
- * @function pool.getInstanceCount
- * @returns {number} amount of object instance
- */
-declare function getInstanceCount(): number;
+ * @see {@link pool} a default global instance of ObjectPool
+ */
+declare class ObjectPool {
+    objectClass: {};
+    instance_counter: number;
+    /**
+     * register an object to the pool. <br>
+     * Pooling must be set to true if more than one such objects will be created. <br>
+     * (Note: for an object to be poolable, it must implements a `onResetEvent` method)
+     * @param {string} className as defined in the Name field of the Object Properties (in Tiled)
+     * @param {object} classObj corresponding Class to be instantiated
+     * @param {boolean} [recycling=false] enables object recycling for the specified class
+     * @example
+     * // implement CherryEntity
+     * class CherryEntity extends Spritesheet {
+     *    onResetEvent() {
+     *        // reset object mutable properties
+     *        this.lifeBar = 100;
+     *    }
+     * };
+     * // add our users defined entities in the object pool and enable object recycling
+     * me.pool.register("cherryentity", CherryEntity, true);
+     */
+    register(className: string, classObj: object, recycling?: boolean): void;
+    /**
+     * Pull a new instance of the requested object (if added into the object pool)
+     * @param {string} name as used in {@link pool.register}
+     * @param {object} [...arguments] arguments to be passed when instantiating/reinitializing the object
+     * @returns {object} the instance of the requested object
+     * @example
+     * me.pool.register("bullet", BulletEntity, true);
+     * me.pool.register("enemy", EnemyEntity, true);
+     * // ...
+     * // when we need to manually create a new bullet:
+     * var bullet = me.pool.pull("bullet", x, y, direction);
+     * // ...
+     * // params aren't a fixed number
+     * // when we need new enemy we can add more params, that the object construct requires:
+     * var enemy = me.pool.pull("enemy", x, y, direction, speed, power, life);
+     * // ...
+     * // when we want to destroy existing object, the remove
+     * // function will ensure the object can then be reallocated later
+     * me.game.world.removeChild(enemy);
+     * me.game.world.removeChild(bullet);
+     */
+    pull(name: string, ...args: any[]): object;
+    /**
+     * purge the object pool from any inactive object <br>
+     * Object pooling must be enabled for this function to work<br>
+     * note: this will trigger the garbage collector
+     */
+    purge(): void;
+    /**
+     * Push back an object instance into the object pool <br>
+     * Object pooling for the object class must be enabled,
+     * and object must have been instantiated using {@link pool#pull},
+     * otherwise this function won't work
+     * @throws will throw an error if the object cannot be recycled
+     * @param {object} obj instance to be recycled
+     * @param {boolean} [throwOnError=true] throw an exception if the object cannot be recycled
+     * @returns {boolean} true if the object was successfully recycled in the object pool
+     */
+    push(obj: object, throwOnError?: boolean): boolean;
+    /**
+     * Check if an object with the provided name is registered
+     * @param {string} name of the registered object class
+     * @returns {boolean} true if the classname is registered
+     */
+    exists(name: string): boolean;
+    /**
+     * Check if an object is poolable
+     * (was properly registered with the recycling feature enable)
+     * @see register
+     * @param {object} obj object to be checked
+     * @returns {boolean} true if the object is poolable
+     * @example
+     * if (!me.pool.poolable(myCherryEntity)) {
+     *     // object was not properly registered
+     * }
+     */
+    poolable(obj: object): boolean;
+    /**
+     * returns the amount of object instance currently in the pool
+     * @returns {number} amount of object instance
+     */
+    getInstanceCount(): number;
+}
 declare var agentUtils: Readonly<{
     __proto__: any;
     prefixed: typeof prefixed;
@@ -12599,4 +13509,4 @@ declare function defer(func: Function, thisArg: object, ...args: any[]): number;
  * @returns {Function} the function that will be throttled
  */
 declare function throttle(fn: Function, delay: number, no_trailing: any): Function;
-export { Bounds$1 as Bounds, math as Math, device$1 as device, event$1 as event, pooling as pool, timer$1 as timer };
+export { Bounds$1 as Bounds, math as Math, Rect$1 as Rect, device$1 as device, event$1 as event, pool$1 as pool, timer$1 as timer };