melonjs 14.0.2 → 14.1.1

package/src/physics/sat.js

@@ -46,9 +46,9 @@ for (var a = 0; a < 5; a++) { T_ARRAYS.push([]); }
  * resulting in a one dimensional range of the minimum and
  * maximum value on that axis.
  * @ignore
- * @param {Array.<Vector2d>} points The points to flatten.
- * @param {Vector2d} normal The unit vector axis to flatten on.
- * @param {Array.<number>} result An array.  After calling this function,
+ * @param {Array.<Vector2d>} points - The points to flatten.
+ * @param {Vector2d} normal - The unit vector axis to flatten on.
+ * @param {Array.<number>} result - An array.  After calling this function,
  *   result[0] will be the minimum value,
  *   result[1] will be the maximum value.
  */
@@ -70,13 +70,13 @@ function flattenPointsOn(points, normal, result) {
  * Check whether two convex polygons are separated by the specified
  * axis (must be a unit vector).
  * @ignore
- * @param {Vector2d} aPos The position of the first polygon.
- * @param {Vector2d} bPos The position of the second polygon.
- * @param {Array.<Vector2d>} aPoints The points in the first polygon.
- * @param {Array.<Vector2d>} bPoints The points in the second polygon.
- * @param {Vector2d} axis The axis (unit sized) to test against.  The points of both polygons
+ * @param {Vector2d} aPos - The position of the first polygon.
+ * @param {Vector2d} bPos - The position of the second polygon.
+ * @param {Array.<Vector2d>} aPoints - The points in the first polygon.
+ * @param {Array.<Vector2d>} bPoints - The points in the second polygon.
+ * @param {Vector2d} axis - The axis (unit sized) to test against.  The points of both polygons
  *   will be projected onto this axis.
- * @param {Response=} response A Response object (optional) which will be populated
+ * @param {Response=} response - A Response object (optional) which will be populated
  *   if the axis is not a separating axis.
  * @returns {boolean} true if it is a separating axis, false otherwise.  If false,
  *   and a response is passed in, information about how much overlap and
@@ -161,8 +161,8 @@ function isSeparatingAxis(aPos, bPos, aPoints, bPoints, axis, response) {
  * </pre>
  *
  * @ignore
- * @param {Vector2d} line The line segment.
- * @param {Vector2d} point The point.
+ * @param {Vector2d} line - The line segment.
+ * @param {Vector2d} point - The point.
  * @returns  {number} LEFT_VORNOI_REGION (-1) if it is the left region,
  *          MIDDLE_VORNOI_REGION (0) if it is the middle region,
  *          RIGHT_VORNOI_REGION (1) if it is the right region.
@@ -187,11 +187,11 @@ function vornoiRegion(line, point) {
 /**
  * Checks whether polygons collide.
  * @ignore
- * @param {Renderable} a a reference to the object A.
- * @param {Polygon} polyA a reference to the object A Polygon to be tested
- * @param {Renderable} b a reference to the object B.
- * @param {Polygon} polyB a reference to the object B Polygon to be tested
- * @param {Response=} response Response object (optional) that will be populated if they intersect.
+ * @param {Renderable} a - a reference to the object A.
+ * @param {Polygon} polyA - a reference to the object A Polygon to be tested
+ * @param {Renderable} b - a reference to the object B.
+ * @param {Polygon} polyB - a reference to the object B Polygon to be tested
+ * @param {Response=} response - Response object (optional) that will be populated if they intersect.
  * @returns {boolean} true if they intersect, false if they don't.
  */
 export function testPolygonPolygon(a, polyA, b, polyB, response) {
@@ -241,11 +241,11 @@ export function testPolygonPolygon(a, polyA, b, polyB, response) {
 /**
  * Check if two Ellipse collide.
  * @ignore
- * @param {Renderable} a a reference to the object A.
- * @param {Ellipse} ellipseA a reference to the object A Ellipse to be tested
- * @param {Renderable} b a reference to the object B.
- * @param {Ellipse} ellipseB a reference to the object B Ellipse to be tested
- * @param {Response=} response Response object (optional) that will be populated if
+ * @param {Renderable} a - a reference to the object A.
+ * @param {Ellipse} ellipseA - a reference to the object A Ellipse to be tested
+ * @param {Renderable} b - a reference to the object B.
+ * @param {Ellipse} ellipseB - a reference to the object B Ellipse to be tested
+ * @param {Response=} response - Response object (optional) that will be populated if
  *   the circles intersect.
  * @returns {boolean} true if the circles intersect, false if they don't.
  */
@@ -282,11 +282,11 @@ export function testEllipseEllipse(a, ellipseA, b, ellipseB, response) {
 /**
  * Check if a polygon and an ellipse collide.
  * @ignore
- * @param {Renderable} a a reference to the object A.
- * @param {Polygon} polyA a reference to the object A Polygon to be tested
- * @param {Renderable} b a reference to the object B.
- * @param {Ellipse} ellipseB a reference to the object B Ellipse to be tested
- * @param {Response=} response Response object (optional) that will be populated if they intersect.
+ * @param {Renderable} a - a reference to the object A.
+ * @param {Polygon} polyA - a reference to the object A Polygon to be tested
+ * @param {Renderable} b - a reference to the object B.
+ * @param {Ellipse} ellipseB - a reference to the object B Ellipse to be tested
+ * @param {Response=} response - Response object (optional) that will be populated if they intersect.
  * @returns {boolean} true if they intersect, false if they don't.
  */
 export function testPolygonEllipse(a, polyA, b, ellipseB, response) {
@@ -448,11 +448,11 @@ export function testPolygonEllipse(a, polyA, b, ellipseB, response) {
  * **NOTE:** This is slightly less efficient than testPolygonEllipse as it just
  * runs testPolygonEllipse and reverses the response at the end.
  * @ignore
- * @param {Renderable} a a reference to the object A.
- * @param {Ellipse} ellipseA a reference to the object A Ellipse to be tested
- * @param {Renderable} b a reference to the object B.
- * @param {Polygon} polyB a reference to the object B Polygon to be tested
- * @param {Response=} response Response object (optional) that will be populated if
+ * @param {Renderable} a - a reference to the object A.
+ * @param {Ellipse} ellipseA - a reference to the object A Ellipse to be tested
+ * @param {Renderable} b - a reference to the object B.
+ * @param {Polygon} polyB - a reference to the object B Polygon to be tested
+ * @param {Response=} response - Response object (optional) that will be populated if
  *   they intersect.
  * @returns {boolean} true if they intersect, false if they don't.
  */

package/src/physics/world.js

@@ -11,12 +11,12 @@ import state from "./../state/state.js";
  * an object representing the physic world, and responsible for managing and updating all childs and physics
  * @augments Container
  */
-class World extends Container {
+ export default class World extends Container {
     /**
-     * @param {number} [x=0] position of the container (accessible via the inherited pos.x property)
-     * @param {number} [y=0] position of the container (accessible via the inherited pos.y property)
-     * @param {number} [width=game.viewport.width] width of the container
-     * @param {number} [height=game.viewport.height] height of the container
+     * @param {number} [x=0] - position of the container (accessible via the inherited pos.x property)
+     * @param {number} [y=0] - position of the container (accessible via the inherited pos.y property)
+     * @param {number} [width=game.viewport.width] - width of the container
+     * @param {number} [height=game.viewport.height] - height of the container
      */
     constructor(x = 0, y = 0, width = Infinity, height = Infinity) {
         // call the super constructor
@@ -169,7 +169,7 @@ class World extends Container {
      * update the game world
      * @name reset
      * @memberof World
-     * @param {number} dt the time passed since the last frame update
+     * @param {number} dt - the time passed since the last frame update
      * @returns {boolean} true if the word is dirty
      */
     update(dt) {
@@ -209,4 +209,3 @@ class World extends Container {
 
 }
 
-export default World;

package/src/plugin/plugin.js

@@ -44,9 +44,9 @@ export var plugin = {
      * @name patch
      * @memberof plugin
      * @public
-     * @param {object} proto target object
-     * @param {string} name target function
-     * @param {Function} fn replacement function
+     * @param {object} proto - target object
+     * @param {string} name - target function
+     * @param {Function} fn - replacement function
      * @example
      * // redefine the me.game.update function with a new one
      * me.plugin.patch(me.game, "update", function () {
@@ -89,9 +89,9 @@ export var plugin = {
      * @memberof plugin
      * @see Base
      * @public
-     * @param {plugin.Base} pluginObj Plugin object to instantiate and register
+     * @param {plugin.Base} pluginObj - Plugin object to instantiate and register
      * @param {string} name
-     * @param {object} [...arguments] all extra parameters will be passed to the plugin constructor
+     * @param {object} [...arguments] - all extra parameters will be passed to the plugin constructor
      * @example
      * // register a new plugin
      * me.plugin.register(TestPlugin, "testPlugin");

package/src/renderable/collectable.js

@@ -8,11 +8,11 @@ import pool from "./../system/pooling.js";
  * a basic collectable helper class for immovable object (e.g. a coin)
  * @augments Sprite
  */
-class Collectable extends Sprite {
+ export default class Collectable extends Sprite {
     /**
-     * @param {number} x the x coordinates of the collectable
-     * @param {number} y the y coordinates of the collectable
-     * @param {object} settings See {@link Sprite}
+     * @param {number} x - the x coordinates of the collectable
+     * @param {number} y - the y coordinates of the collectable
+     * @param {object} settings - See {@link Sprite}
      */
     constructor(x, y, settings) {
 
@@ -49,5 +49,3 @@ class Collectable extends Sprite {
     }
 
 }
-
-export default Collectable;

package/src/renderable/colorlayer.js

@@ -7,11 +7,11 @@ import Renderable from "./renderable.js";
  * a generic Color Layer Object.  Fills the entire Canvas with the color not just the container the object belongs to.
  * @augments Renderable
  */
-class ColorLayer extends Renderable {
+ export default class ColorLayer extends Renderable {
     /**
-     * @param {string} name Layer name
-     * @param {Color|string} color CSS color
-     * @param {number} [z = 0] z-index position
+     * @param {string} name - Layer name
+     * @param {Color|string} color - CSS color
+     * @param {number} [z = 0] - z-index position
      */
     constructor(name, color, z) {
         // parent constructor
@@ -44,8 +44,8 @@ class ColorLayer extends Renderable {
      * @name draw
      * @memberof ColorLayer
      * @protected
-     * @param {CanvasRenderer|WebGLRenderer} renderer a renderer instance
-     * @param {Camera2d} [viewport] the viewport to (re)draw
+     * @param {CanvasRenderer|WebGLRenderer} renderer - a renderer instance
+     * @param {Camera2d} [viewport] - the viewport to (re)draw
      */
     draw(renderer, viewport) {
         renderer.save();
@@ -68,5 +68,3 @@ class ColorLayer extends Renderable {
     }
 
 }
-
-export default ColorLayer;

package/src/renderable/container.js

@@ -10,23 +10,23 @@ import Body from "./../physics/body.js";
  * Private function to re-use for object removal in a defer
  * @ignore
  */
-var deferredRemove = function (child, keepalive) {
+function deferredRemove(child, keepalive) {
     this.removeChildNow(child, keepalive);
-};
+}
 
-var globalFloatingCounter = 0;
+let globalFloatingCounter = 0;
 
 /**
  * @classdesc
  * Container represents a collection of child objects
  * @augments Renderable
  */
-class Container extends Renderable {
+ export default class Container extends Renderable {
     /**
-     * @param {number} [x=0] position of the container (accessible via the inherited pos.x property)
-     * @param {number} [y=0] position of the container (accessible via the inherited pos.y property)
-     * @param {number} [width=game.viewport.width] width of the container
-     * @param {number} [height=game.viewport.height] height of the container
+     * @param {number} [x=0] - position of the container (accessible via the inherited pos.x property)
+     * @param {number} [y=0] - position of the container (accessible via the inherited pos.y property)
+     * @param {number} [width=game.viewport.width] - width of the container
+     * @param {number} [height=game.viewport.height] - height of the container
      */
     constructor(x = 0, y = 0, width, height, root = false) {
 
@@ -104,7 +104,7 @@ class Container extends Renderable {
          * a callback to be extended, triggered after a child has been added or removed
          * @name onChildChange
          * @memberof Container#
-         * @param {number} index added or removed child index
+         * @param {number} index - added or removed child index
          */
         this.onChildChange = function (index) {   // eslint-disable-line no-unused-vars
             // to be extended
@@ -198,7 +198,7 @@ class Container extends Renderable {
      * @name addChild
      * @memberof Container
      * @param {Renderable} child
-     * @param {number} [z] forces the z index of the child to the specified value
+     * @param {number} [z] - forces the z index of the child to the specified value
      * @returns {Renderable} the added child
      */
     addChild(child, z) {
@@ -318,8 +318,8 @@ class Container extends Renderable {
      *    - The array forEach() was called upon. <br>
      * @name forEach
      * @memberof Container
-     * @param {Function} callback fnction to execute on each element
-     * @param {object} [thisArg] value to use as this(i.e reference Object) when executing callback.
+     * @param {Function} callback - fnction to execute on each element
+     * @param {object} [thisArg] - value to use as this(i.e reference Object) when executing callback.
      * @example
      * // iterate through all children of the root container
      * me.game.world.forEach((child) => {
@@ -437,8 +437,8 @@ class Container extends Renderable {
      * @name getChildByProp
      * @memberof Container
      * @public
-     * @param {string} prop Property name
-     * @param {string|RegExp|number|boolean} value Value of the property
+     * @param {string} prop - Property name
+     * @param {string|RegExp|number|boolean} value - Value of the property
      * @returns {Renderable[]} Array of childs
      * @example
      * // get the first child object called "mainPlayer" in a specific container :
@@ -514,7 +514,7 @@ class Container extends Renderable {
      * @name getChildByName
      * @memberof Container
      * @public
-     * @param {string|RegExp|number|boolean} name child name
+     * @param {string|RegExp|number|boolean} name - child name
      * @returns {Renderable[]} Array of children
      */
     getChildByName(name) {
@@ -528,7 +528,7 @@ class Container extends Renderable {
      * @name getChildByGUID
      * @memberof Container
      * @public
-     * @param {string|RegExp|number|boolean} guid child GUID
+     * @param {string|RegExp|number|boolean} guid - child GUID
      * @returns {Renderable} corresponding child or null
      */
     getChildByGUID(guid) {
@@ -642,7 +642,7 @@ class Container extends Renderable {
      * @memberof Container
      * @public
      * @param {Renderable} child
-     * @param {boolean} [keepalive=false] true to prevent calling child.destroy()
+     * @param {boolean} [keepalive=false] - true to prevent calling child.destroy()
      */
     removeChild(child, keepalive) {
         if (this.hasChild(child)) {
@@ -660,7 +660,7 @@ class Container extends Renderable {
      * @name removeChildNow
      * @memberof Container
      * @param {Renderable} child
-     * @param {boolean} [keepalive=False] True to prevent calling child.destroy()
+     * @param {boolean} [keepalive=False] - True to prevent calling child.destroy()
      */
     removeChildNow(child, keepalive) {
         if (this.hasChild(child) && (this.getChildIndex(child) >= 0)) {
@@ -711,9 +711,9 @@ class Container extends Renderable {
      * Automatically set the specified property of all childs to the given value
      * @name setChildsProperty
      * @memberof Container
-     * @param {string} prop property name
-     * @param {object} value property value
-     * @param {boolean} [recursive=false] recursively apply the value to child containers if true
+     * @param {string} prop - property name
+     * @param {object} value - property value
+     * @param {boolean} [recursive=false] - recursively apply the value to child containers if true
      */
     setChildsProperty(prop, value, recursive) {
         this.forEach((child) => {
@@ -799,7 +799,7 @@ class Container extends Renderable {
      * @name sort
      * @memberof Container
      * @public
-     * @param {boolean} [recursive=false] recursively sort all containers if true
+     * @param {boolean} [recursive=false] - recursively sort all containers if true
      */
     sort(recursive) {
         // do nothing if there is already a pending sort
@@ -893,7 +893,7 @@ class Container extends Renderable {
      * @name update
      * @memberof Container
      * @protected
-     * @param {number} dt time since the last update in milliseconds.
+     * @param {number} dt - time since the last update in milliseconds.
      * @returns {boolean} true if the Container is dirty
      */
     update(dt) {
@@ -944,8 +944,8 @@ class Container extends Renderable {
      * @name draw
      * @memberof Container
      * @protected
-     * @param {CanvasRenderer|WebGLRenderer} renderer a renderer instance
-     * @param {Camera2d} [viewport] the viewport to (re)draw
+     * @param {CanvasRenderer|WebGLRenderer} renderer - a renderer instance
+     * @param {Camera2d} [viewport] - the viewport to (re)draw
      */
     draw(renderer, viewport) {
         var isFloating = false;
@@ -1005,5 +1005,3 @@ class Container extends Renderable {
         }
     }
 }
-
-export default Container;

package/src/renderable/dragndrop.js

@@ -11,10 +11,10 @@ import Renderable from "./../renderable/renderable.js";
  */
 export class Draggable extends Renderable {
     /**
-     * @param {number} x the x coordinates of the draggable object
-     * @param {number} y the y coordinates of the draggable object
-     * @param {number} width draggable object width
-     * @param {number} height draggable object height
+     * @param {number} x - the x coordinates of the draggable object
+     * @param {number} y - the y coordinates of the draggable object
+     * @param {number} width - draggable object width
+     * @param {number} height - draggable object height
      */
     constructor(x, y, width, height) {
         super(x, y, width, height);
@@ -56,7 +56,7 @@ export class Draggable extends Renderable {
      * Gets called when the user starts dragging the entity
      * @name dragStart
      * @memberof Draggable
-     * @param {object} e the pointer event
+     * @param {object} e - the pointer event
      * @returns {boolean} false if the object is being dragged
      */
     dragStart(e) {
@@ -72,7 +72,7 @@ export class Draggable extends Renderable {
      * Gets called when the user drags this entity around
      * @name dragMove
      * @memberof Draggable
-     * @param {object} e the pointer event
+     * @param {object} e - the pointer event
      */
     dragMove(e) {
         if (this.dragging === true) {
@@ -119,10 +119,10 @@ export class Draggable extends Renderable {
  */
 export class DropTarget extends Renderable {
     /**
-     * @param {number} x the x coordinates of the drop target
-     * @param {number} y the y coordinates of the drop target
-     * @param {number} width drop target width
-     * @param {number} height drop target height
+     * @param {number} x - the x coordinates of the drop target
+     * @param {number} y - the y coordinates of the drop target
+     * @param {number} width - drop target width
+     * @param {number} height - drop target height
      */
     constructor(x, y, width, height) {
         super(x, y, width, height);
@@ -168,7 +168,7 @@ export class DropTarget extends Renderable {
      * Sets the collision method which is going to be used to check a valid drop
      * @name setCheckMethod
      * @memberof DropTarget
-     * @param {string} checkMethod the checkmethod (defaults to CHECKMETHOD_OVERLAP)
+     * @param {string} checkMethod - the checkmethod (defaults to CHECKMETHOD_OVERLAP)
      */
     setCheckMethod(checkMethod) {
         //  We can improve this check,
@@ -182,8 +182,8 @@ export class DropTarget extends Renderable {
      * Checks if a dropped entity is dropped on the current entity
      * @name checkOnMe
      * @memberof DropTarget
-     * @param {object} e the triggering event
-     * @param {Draggable} draggable the draggable object that is dropped
+     * @param {object} e - the triggering event
+     * @param {Draggable} draggable - the draggable object that is dropped
      */
     checkOnMe(e, draggable) {
         if (draggable && this.getBounds()[this.checkMethod](draggable.getBounds())) {
@@ -196,7 +196,7 @@ export class DropTarget extends Renderable {
      * Gets called when a draggable entity is dropped on the current entity
      * @name drop
      * @memberof DropTarget
-     * @param {Draggable} draggable the draggable object that is dropped
+     * @param {Draggable} draggable - the draggable object that is dropped
      */
     drop(draggable) {  // eslint-disable-line no-unused-vars
 

package/src/renderable/imagelayer.js

@@ -11,17 +11,17 @@ import * as stringUtil from "./../utils/string.js";
  * a generic Image Layer Object
  * @augments Renderable
  */
-class ImageLayer extends Sprite {
+ export default class ImageLayer extends Sprite {
     /**
-     * @param {number} x x coordinate
-     * @param {number} y y coordinate
-     * @param {object} settings ImageLayer properties
-     * @param {HTMLImageElement|HTMLCanvasElement|string} settings.image Image reference. See {@link loader.getImage}
-     * @param {string} [settings.name="me.ImageLayer"] layer name
-     * @param {number} [settings.z=0] z-index position
-     * @param {number|Vector2d} [settings.ratio=1.0] Scrolling ratio to be applied. See {@link ImageLayer#ratio}
-     * @param {string} [settings.repeat='repeat'] define if and how an Image Layer should be repeated (accepted values are 'repeat', 'repeat-x', 'repeat-y', 'no-repeat'). See {@link ImageLayer#repeat}
-     * @param {number|Vector2d} [settings.anchorPoint=0.0] Image origin. See {@link ImageLayer#anchorPoint}
+     * @param {number} x - x coordinate
+     * @param {number} y - y coordinate
+     * @param {object} settings - ImageLayer properties
+     * @param {HTMLImageElement|HTMLCanvasElement|string} settings.image - Image reference. See {@link loader.getImage}
+     * @param {string} [settings.name="me.ImageLayer"] - layer name
+     * @param {number} [settings.z=0] - z-index position
+     * @param {number|Vector2d} [settings.ratio=1.0] - Scrolling ratio to be applied. See {@link ImageLayer#ratio}
+     * @param {string} [settings.repeat='repeat'] - define if and how an Image Layer should be repeated (accepted values are 'repeat', 'repeat-x', 'repeat-y', 'no-repeat'). See {@link ImageLayer#repeat}
+     * @param {number|Vector2d} [settings.anchorPoint=0.0] - Image origin. See {@link ImageLayer#anchorPoint}
      * @example
      * // create a repetitive background pattern on the X axis using the citycloud image asset
      * me.game.world.addChild(new me.ImageLayer(0, 0, {
@@ -160,8 +160,8 @@ class ImageLayer extends Sprite {
      * resize the Image Layer to match the given size
      * @name resize
      * @memberof ImageLayer
-     * @param {number} w new width
-     * @param {number} h new height
+     * @param {number} w - new width
+     * @param {number} h - new height
      */
     resize(w, h) {
         return super.resize(
@@ -247,8 +247,8 @@ class ImageLayer extends Sprite {
      * @name draw
      * @memberof ImageLayer
      * @protected
-     * @param {CanvasRenderer|WebGLRenderer} renderer a renderer instance
-     * @param {Camera2d} [viewport] the viewport to (re)draw
+     * @param {CanvasRenderer|WebGLRenderer} renderer - a renderer instance
+     * @param {Camera2d} [viewport] - the viewport to (re)draw
      */
     draw(renderer, viewport) {
         var width = this.width,
@@ -295,4 +295,3 @@ class ImageLayer extends Sprite {
     }
 
 }
-export default ImageLayer;

package/src/renderable/light2d.js

@@ -49,13 +49,13 @@ function createGradient(light) {
  * (multiple lights are not supported, alpha component of the ambient light is ignored)
  * @see stage.lights
  */
-class Light2d extends Renderable {
+ export default class Light2d extends Renderable {
    /**
     * @param {number} x - The horizontal position of the light.
     * @param {number} y - The vertical position of the light.
     * @param {number} radiusX - The horizontal radius of the light.
     * @param {number} [radiusY=radiusX] - The vertical radius of the light.
-    * @param {Color|string} [color="#FFF"] the color 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, y, radiusX, radiusY = radiusX, color = "#FFF", intensity = 0.7) {
@@ -123,8 +123,8 @@ class Light2d extends Renderable {
      * @name draw
      * @memberof Light2d
      * @protected
-     * @param {CanvasRenderer|WebGLRenderer} renderer a renderer instance
-     * @param {Camera2d} [viewport] the viewport to (re)draw
+     * @param {CanvasRenderer|WebGLRenderer} renderer - a renderer instance
+     * @param {Camera2d} [viewport] - the viewport to (re)draw
      */
     draw(renderer, viewport) {   // eslint-disable-line no-unused-vars
         renderer.drawImage(this.texture.canvas, this.getBounds().x, this.getBounds().y);
@@ -144,4 +144,3 @@ class Light2d extends Renderable {
         super.destroy();
     }
 }
-export default Light2d;

package/src/renderable/nineslicesprite.js

@@ -8,24 +8,24 @@ import Sprite from "./sprite.js";
  * @see https://en.wikipedia.org/wiki/9-slice_scaling
  * @augments Sprite
  */
-class NineSliceSprite extends Sprite {
+ export default class NineSliceSprite extends Sprite {
     /**
-     * @param {number} x the x coordinates of the sprite object
-     * @param {number} y the y coordinates of the sprite object
-     * @param {object} settings Configuration parameters for the Sprite object
-     * @param {number} settings.width the width of the Renderable over which the sprite needs to be stretched
-     * @param {number} settings.height the height of the Renderable over which the sprite needs to be stretched
-     * @param {number} [settings.insetx] the width of a corner over which the sprite is unscaled (default is a quarter of the sprite width)
-     * @param {number} [settings.insety] the height of a corner over which the sprite is unscaled (default is a quarter of the sprite height)
-     * @param {HTMLImageElement|HTMLCanvasElement|TextureAtlas|string} settings.image reference to spritesheet image, a texture atlas or to a texture atlas
-     * @param {string} [settings.name=""] name of this object
-     * @param {string} [settings.region] region name of a specific region to use when using a texture atlas, see {@link TextureAtlas}
-     * @param {number} [settings.framewidth] Width of a single frame within the spritesheet
-     * @param {number} [settings.frameheight] Height of a single frame within the spritesheet
-     * @param {string|Color} [settings.tint] a tint to be applied to this sprite
-     * @param {number} [settings.flipX] flip the sprite on the horizontal axis
-     * @param {number} [settings.flipY] flip the sprite on the vertical axis
-     * @param {Vector2d} [settings.anchorPoint={x:0.5, y:0.5}] Anchor point to draw the frame at (defaults to the center of the frame).
+     * @param {number} x - the x coordinates of the sprite object
+     * @param {number} y - the y coordinates of the sprite object
+     * @param {object} settings - Configuration parameters for the Sprite object
+     * @param {number} settings.width - the width of the Renderable over which the sprite needs to be stretched
+     * @param {number} settings.height - the height of the Renderable over which the sprite needs to be stretched
+     * @param {number} [settings.insetx] - the width of a corner over which the sprite is unscaled (default is a quarter of the sprite width)
+     * @param {number} [settings.insety] - the height of a corner over which the sprite is unscaled (default is a quarter of the sprite height)
+     * @param {HTMLImageElement|HTMLCanvasElement|TextureAtlas|string} settings.image - reference to spritesheet image, a texture atlas or to a texture atlas
+     * @param {string} [settings.name=""] - name of this object
+     * @param {string} [settings.region] - region name of a specific region to use when using a texture atlas, see {@link TextureAtlas}
+     * @param {number} [settings.framewidth] - Width of a single frame within the spritesheet
+     * @param {number} [settings.frameheight] - Height of a single frame within the spritesheet
+     * @param {string|Color} [settings.tint] - a tint to be applied to this sprite
+     * @param {number} [settings.flipX] - flip the sprite on the horizontal axis
+     * @param {number} [settings.flipY] - flip the sprite on the vertical axis
+     * @param {Vector2d} [settings.anchorPoint={x:0.5, y:0.5}] - Anchor point to draw the frame at (defaults to the center of the frame).
      * @example
      * this.panelSprite = new me.NineSliceSprite(0, 0, {
      *     image : game.texture,
@@ -235,4 +235,3 @@ class NineSliceSprite extends Sprite {
         );
     }
 }
-export default NineSliceSprite;