melonjs 10.9.0 → 10.10.0

package/dist/melonjs.js

@@ -1,5 +1,5 @@
 /*!
- * melonJS Game Engine - v10.9.0
+ * melonJS Game Engine - v10.10.0
  * http://www.melonjs.org
  * melonjs is licensed under the MIT License.
  * http://www.opensource.org/licenses/mit-license
@@ -18,7 +18,7 @@
 	};
 
 	// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-	var global$m =
+	var global$b =
 	  // eslint-disable-next-line es-x/no-global-this -- safe
 	  check(typeof globalThis == 'object' && globalThis) ||
 	  check(typeof window == 'object' && window) ||
@@ -112,31 +112,28 @@
 	  return stringSlice(toString$2(it), 8, -1);
 	};
 
-	var global$l = global$m;
 	var uncurryThis$7 = functionUncurryThis;
 	var fails$5 = fails$8;
 	var classof = classofRaw;
 
-	var Object$3 = global$l.Object;
+	var $Object$2 = Object;
 	var split = uncurryThis$7(''.split);
 
 	// fallback for non-array-like ES3 and non-enumerable old V8 strings
 	var indexedObject = fails$5(function () {
 	  // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
 	  // eslint-disable-next-line no-prototype-builtins -- safe
-	  return !Object$3('z').propertyIsEnumerable(0);
+	  return !$Object$2('z').propertyIsEnumerable(0);
 	}) ? function (it) {
-	  return classof(it) == 'String' ? split(it, '') : Object$3(it);
-	} : Object$3;
+	  return classof(it) == 'String' ? split(it, '') : $Object$2(it);
+	} : $Object$2;
 
-	var global$k = global$m;
-
-	var TypeError$7 = global$k.TypeError;
+	var $TypeError$5 = TypeError;
 
 	// `RequireObjectCoercible` abstract operation
 	// https://tc39.es/ecma262/#sec-requireobjectcoercible
 	var requireObjectCoercible$2 = function (it) {
-	  if (it == undefined) { throw TypeError$7("Can't call method on " + it); }
+	  if (it == undefined) { throw $TypeError$5("Can't call method on " + it); }
 	  return it;
 	};
 
@@ -160,7 +157,7 @@
 	  return typeof it == 'object' ? it !== null : isCallable$9(it);
 	};
 
-	var global$j = global$m;
+	var global$a = global$b;
 	var isCallable$8 = isCallable$a;
 
 	var aFunction = function (argument) {
@@ -168,7 +165,7 @@
 	};
 
 	var getBuiltIn$3 = function (namespace, method) {
-	  return arguments.length < 2 ? aFunction(global$j[namespace]) : global$j[namespace] && global$j[namespace][method];
+	  return arguments.length < 2 ? aFunction(global$a[namespace]) : global$a[namespace] && global$a[namespace][method];
 	};
 
 	var uncurryThis$6 = functionUncurryThis;
@@ -179,11 +176,11 @@
 
 	var engineUserAgent = getBuiltIn$2('navigator', 'userAgent') || '';
 
-	var global$i = global$m;
+	var global$9 = global$b;
 	var userAgent = engineUserAgent;
 
-	var process$1 = global$i.process;
-	var Deno = global$i.Deno;
+	var process$1 = global$9.process;
+	var Deno = global$9.Deno;
 	var versions = process$1 && process$1.versions || Deno && Deno.version;
 	var v8 = versions && versions.v8;
 	var match, version$1;
@@ -230,43 +227,39 @@
 	  && !Symbol.sham
 	  && typeof Symbol.iterator == 'symbol';
 
-	var global$h = global$m;
 	var getBuiltIn$1 = getBuiltIn$3;
 	var isCallable$7 = isCallable$a;
 	var isPrototypeOf = objectIsPrototypeOf;
 	var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
 
-	var Object$2 = global$h.Object;
+	var $Object$1 = Object;
 
 	var isSymbol$2 = USE_SYMBOL_AS_UID$1 ? function (it) {
 	  return typeof it == 'symbol';
 	} : function (it) {
 	  var $Symbol = getBuiltIn$1('Symbol');
-	  return isCallable$7($Symbol) && isPrototypeOf($Symbol.prototype, Object$2(it));
+	  return isCallable$7($Symbol) && isPrototypeOf($Symbol.prototype, $Object$1(it));
 	};
 
-	var global$g = global$m;
-
-	var String$2 = global$g.String;
+	var $String$1 = String;
 
 	var tryToString$1 = function (argument) {
 	  try {
-	    return String$2(argument);
+	    return $String$1(argument);
 	  } catch (error) {
 	    return 'Object';
 	  }
 	};
 
-	var global$f = global$m;
 	var isCallable$6 = isCallable$a;
 	var tryToString = tryToString$1;
 
-	var TypeError$6 = global$f.TypeError;
+	var $TypeError$4 = TypeError;
 
 	// `Assert: IsCallable(argument) is true`
 	var aCallable$1 = function (argument) {
 	  if (isCallable$6(argument)) { return argument; }
-	  throw TypeError$6(tryToString(argument) + ' is not a function');
+	  throw $TypeError$4(tryToString(argument) + ' is not a function');
 	};
 
 	var aCallable = aCallable$1;
@@ -278,12 +271,11 @@
 	  return func == null ? undefined : aCallable(func);
 	};
 
-	var global$e = global$m;
 	var call$2 = functionCall;
 	var isCallable$5 = isCallable$a;
 	var isObject$4 = isObject$5;
 
-	var TypeError$5 = global$e.TypeError;
+	var $TypeError$3 = TypeError;
 
 	// `OrdinaryToPrimitive` abstract operation
 	// https://tc39.es/ecma262/#sec-ordinarytoprimitive
@@ -292,29 +284,29 @@
 	  if (pref === 'string' && isCallable$5(fn = input.toString) && !isObject$4(val = call$2(fn, input))) { return val; }
 	  if (isCallable$5(fn = input.valueOf) && !isObject$4(val = call$2(fn, input))) { return val; }
 	  if (pref !== 'string' && isCallable$5(fn = input.toString) && !isObject$4(val = call$2(fn, input))) { return val; }
-	  throw TypeError$5("Can't convert object to primitive value");
+	  throw $TypeError$3("Can't convert object to primitive value");
 	};
 
 	var shared$3 = {exports: {}};
 
-	var global$d = global$m;
+	var global$8 = global$b;
 
 	// eslint-disable-next-line es-x/no-object-defineproperty -- safe
 	var defineProperty$1 = Object.defineProperty;
 
-	var setGlobal$3 = function (key, value) {
+	var defineGlobalProperty$3 = function (key, value) {
 	  try {
-	    defineProperty$1(global$d, key, { value: value, configurable: true, writable: true });
+	    defineProperty$1(global$8, key, { value: value, configurable: true, writable: true });
 	  } catch (error) {
-	    global$d[key] = value;
+	    global$8[key] = value;
 	  } return value;
 	};
 
-	var global$c = global$m;
-	var setGlobal$2 = setGlobal$3;
+	var global$7 = global$b;
+	var defineGlobalProperty$2 = defineGlobalProperty$3;
 
 	var SHARED = '__core-js_shared__';
-	var store$3 = global$c[SHARED] || setGlobal$2(SHARED, {});
+	var store$3 = global$7[SHARED] || defineGlobalProperty$2(SHARED, {});
 
 	var sharedStore = store$3;
 
@@ -323,22 +315,21 @@
 	(shared$3.exports = function (key, value) {
 	  return store$2[key] || (store$2[key] = value !== undefined ? value : {});
 	})('versions', []).push({
-	  version: '3.22.5',
+	  version: '3.22.8',
 	  mode: 'global',
 	  copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
-	  license: 'https://github.com/zloirock/core-js/blob/v3.22.5/LICENSE',
+	  license: 'https://github.com/zloirock/core-js/blob/v3.22.8/LICENSE',
 	  source: 'https://github.com/zloirock/core-js'
 	});
 
-	var global$b = global$m;
 	var requireObjectCoercible = requireObjectCoercible$2;
 
-	var Object$1 = global$b.Object;
+	var $Object = Object;
 
 	// `ToObject` abstract operation
 	// https://tc39.es/ecma262/#sec-toobject
 	var toObject$1 = function (argument) {
-	  return Object$1(requireObjectCoercible(argument));
+	  return $Object(requireObjectCoercible(argument));
 	};
 
 	var uncurryThis$5 = functionUncurryThis;
@@ -363,7 +354,7 @@
 	  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$1(++id + postfix, 36);
 	};
 
-	var global$a = global$m;
+	var global$6 = global$b;
 	var shared$2 = shared$3.exports;
 	var hasOwn$6 = hasOwnProperty_1;
 	var uid$1 = uid$2;
@@ -371,7 +362,7 @@
 	var USE_SYMBOL_AS_UID = useSymbolAsUid;
 
 	var WellKnownSymbolsStore = shared$2('wks');
-	var Symbol$1 = global$a.Symbol;
+	var Symbol$1 = global$6.Symbol;
 	var symbolFor = Symbol$1 && Symbol$1['for'];
 	var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid$1;
 
@@ -388,7 +379,6 @@
 	  } return WellKnownSymbolsStore[name];
 	};
 
-	var global$9 = global$m;
 	var call$1 = functionCall;
 	var isObject$3 = isObject$5;
 	var isSymbol$1 = isSymbol$2;
@@ -396,7 +386,7 @@
 	var ordinaryToPrimitive = ordinaryToPrimitive$1;
 	var wellKnownSymbol = wellKnownSymbol$1;
 
-	var TypeError$4 = global$9.TypeError;
+	var $TypeError$2 = TypeError;
 	var TO_PRIMITIVE = wellKnownSymbol('toPrimitive');
 
 	// `ToPrimitive` abstract operation
@@ -409,7 +399,7 @@
 	    if (pref === undefined) { pref = 'default'; }
 	    result = call$1(exoticToPrim, input, pref);
 	    if (!isObject$3(result) || isSymbol$1(result)) { return result; }
-	    throw TypeError$4("Can't convert object to primitive value");
+	    throw $TypeError$2("Can't convert object to primitive value");
 	  }
 	  if (pref === undefined) { pref = 'number'; }
 	  return ordinaryToPrimitive(input, pref);
@@ -425,10 +415,10 @@
 	  return isSymbol(key) ? key : key + '';
 	};
 
-	var global$8 = global$m;
+	var global$5 = global$b;
 	var isObject$2 = isObject$5;
 
-	var document$1 = global$8.document;
+	var document$1 = global$5.document;
 	// typeof document.createElement is 'object' in old IE
 	var EXISTS$1 = isObject$2(document$1) && isObject$2(document$1.createElement);
 
@@ -486,26 +476,24 @@
 	  }).prototype != 42;
 	});
 
-	var global$7 = global$m;
 	var isObject$1 = isObject$5;
 
-	var String$1 = global$7.String;
-	var TypeError$3 = global$7.TypeError;
+	var $String = String;
+	var $TypeError$1 = TypeError;
 
 	// `Assert: Type(argument) is Object`
 	var anObject$2 = function (argument) {
 	  if (isObject$1(argument)) { return argument; }
-	  throw TypeError$3(String$1(argument) + ' is not an object');
+	  throw $TypeError$1($String(argument) + ' is not an object');
 	};
 
-	var global$6 = global$m;
 	var DESCRIPTORS$3 = descriptors;
 	var IE8_DOM_DEFINE = ie8DomDefine;
 	var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
 	var anObject$1 = anObject$2;
 	var toPropertyKey = toPropertyKey$2;
 
-	var TypeError$2 = global$6.TypeError;
+	var $TypeError = TypeError;
 	// eslint-disable-next-line es-x/no-object-defineproperty -- safe
 	var $defineProperty = Object.defineProperty;
 	// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
@@ -538,7 +526,7 @@
 	  if (IE8_DOM_DEFINE) { try {
 	    return $defineProperty(O, P, Attributes);
 	  } catch (error) { /* empty */ } }
-	  if ('get' in Attributes || 'set' in Attributes) { throw TypeError$2('Accessors not supported'); }
+	  if ('get' in Attributes || 'set' in Attributes) { throw $TypeError('Accessors not supported'); }
 	  if ('value' in Attributes) { O[P] = Attributes.value; }
 	  return O;
 	};
@@ -589,11 +577,11 @@
 
 	var inspectSource$2 = store$1.inspectSource;
 
-	var global$5 = global$m;
+	var global$4 = global$b;
 	var isCallable$3 = isCallable$a;
 	var inspectSource$1 = inspectSource$2;
 
-	var WeakMap$1 = global$5.WeakMap;
+	var WeakMap$1 = global$4.WeakMap;
 
 	var nativeWeakMap = isCallable$3(WeakMap$1) && /native code/.test(inspectSource$1(WeakMap$1));
 
@@ -609,7 +597,7 @@
 	var hiddenKeys$3 = {};
 
 	var NATIVE_WEAK_MAP = nativeWeakMap;
-	var global$4 = global$m;
+	var global$3 = global$b;
 	var uncurryThis$2 = functionUncurryThis;
 	var isObject = isObject$5;
 	var createNonEnumerableProperty$2 = createNonEnumerableProperty$3;
@@ -619,8 +607,8 @@
 	var hiddenKeys$2 = hiddenKeys$3;
 
 	var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
-	var TypeError$1 = global$4.TypeError;
-	var WeakMap = global$4.WeakMap;
+	var TypeError$1 = global$3.TypeError;
+	var WeakMap = global$3.WeakMap;
 	var set, get, has;
 
 	var enforce = function (it) {
@@ -709,11 +697,12 @@
 	  if (CONFIGURABLE_LENGTH && options && hasOwn$2(options, 'arity') && value.length !== options.arity) {
 	    defineProperty(value, 'length', { value: options.arity });
 	  }
-	  if (options && hasOwn$2(options, 'constructor') && options.constructor) {
-	    if (DESCRIPTORS) { try {
-	      defineProperty(value, 'prototype', { writable: false });
-	    } catch (error) { /* empty */ } }
-	  } else { value.prototype = undefined; }
+	  try {
+	    if (options && hasOwn$2(options, 'constructor') && options.constructor) {
+	      if (DESCRIPTORS) { defineProperty(value, 'prototype', { writable: false }); }
+	    // in V8 ~ Chrome 53, prototypes of some methods, like `Array.prototype.values`, are non-writable
+	    } else if (value.prototype) { value.prototype = undefined; }
+	  } catch (error) { /* empty */ }
 	  var state = enforceInternalState(value);
 	  if (!hasOwn$2(state, 'source')) {
 	    state.source = TEMPLATE.join(typeof name == 'string' ? name : '');
@@ -726,30 +715,25 @@
 	  return isCallable$2(this) && getInternalState(this).source || inspectSource(this);
 	}, 'toString');
 
-	var global$3 = global$m;
 	var isCallable$1 = isCallable$a;
 	var createNonEnumerableProperty$1 = createNonEnumerableProperty$3;
 	var makeBuiltIn = makeBuiltIn$2.exports;
-	var setGlobal$1 = setGlobal$3;
+	var defineGlobalProperty$1 = defineGlobalProperty$3;
 
 	var defineBuiltIn$1 = function (O, key, value, options) {
-	  var unsafe = options ? !!options.unsafe : false;
-	  var simple = options ? !!options.enumerable : false;
-	  var noTargetGet = options ? !!options.noTargetGet : false;
-	  var name = options && options.name !== undefined ? options.name : key;
+	  if (!options) { options = {}; }
+	  var simple = options.enumerable;
+	  var name = options.name !== undefined ? options.name : key;
 	  if (isCallable$1(value)) { makeBuiltIn(value, name, options); }
-	  if (O === global$3) {
+	  if (options.global) {
 	    if (simple) { O[key] = value; }
-	    else { setGlobal$1(key, value); }
-	    return O;
-	  } else if (!unsafe) {
-	    delete O[key];
-	  } else if (!noTargetGet && O[key]) {
-	    simple = true;
-	  }
-	  if (simple) { O[key] = value; }
-	  else { createNonEnumerableProperty$1(O, key, value); }
-	  return O;
+	    else { defineGlobalProperty$1(key, value); }
+	  } else {
+	    if (!options.unsafe) { delete O[key]; }
+	    else if (O[key]) { simple = true; }
+	    if (simple) { O[key] = value; }
+	    else { createNonEnumerableProperty$1(O, key, value); }
+	  } return O;
 	};
 
 	var objectGetOwnPropertyNames = {};
@@ -757,12 +741,22 @@
 	var ceil = Math.ceil;
 	var floor = Math.floor;
 
+	// `Math.trunc` method
+	// https://tc39.es/ecma262/#sec-math.trunc
+	// eslint-disable-next-line es-x/no-math-trunc -- safe
+	var mathTrunc = Math.trunc || function trunc(x) {
+	  var n = +x;
+	  return (n > 0 ? floor : ceil)(n);
+	};
+
+	var trunc = mathTrunc;
+
 	// `ToIntegerOrInfinity` abstract operation
 	// https://tc39.es/ecma262/#sec-tointegerorinfinity
 	var toIntegerOrInfinity$2 = function (argument) {
 	  var number = +argument;
-	  // eslint-disable-next-line no-self-compare -- safe
-	  return number !== number || number === 0 ? 0 : (number > 0 ? floor : ceil)(number);
+	  // eslint-disable-next-line no-self-compare -- NaN check
+	  return number !== number || number === 0 ? 0 : trunc(number);
 	};
 
 	var toIntegerOrInfinity$1 = toIntegerOrInfinity$2;
@@ -933,28 +927,28 @@
 
 	var isForced_1 = isForced$1;
 
-	var global$2 = global$m;
+	var global$2 = global$b;
 	var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
 	var createNonEnumerableProperty = createNonEnumerableProperty$3;
 	var defineBuiltIn = defineBuiltIn$1;
-	var setGlobal = setGlobal$3;
+	var defineGlobalProperty = defineGlobalProperty$3;
 	var copyConstructorProperties = copyConstructorProperties$1;
 	var isForced = isForced_1;
 
 	/*
-	  options.target      - name of the target object
-	  options.global      - target is the global object
-	  options.stat        - export as static methods of target
-	  options.proto       - export as prototype methods of target
-	  options.real        - real prototype method for the `pure` version
-	  options.forced      - export even if the native feature is available
-	  options.bind        - bind methods to the target, required for the `pure` version
-	  options.wrap        - wrap constructors to preventing global pollution, required for the `pure` version
-	  options.unsafe      - use the simple assignment of property instead of delete + defineProperty
-	  options.sham        - add a flag to not completely full polyfills
-	  options.enumerable  - export as enumerable property
-	  options.noTargetGet - prevent calling a getter on target
-	  options.name        - the .name of the function if it does not match the key
+	  options.target         - name of the target object
+	  options.global         - target is the global object
+	  options.stat           - export as static methods of target
+	  options.proto          - export as prototype methods of target
+	  options.real           - real prototype method for the `pure` version
+	  options.forced         - export even if the native feature is available
+	  options.bind           - bind methods to the target, required for the `pure` version
+	  options.wrap           - wrap constructors to preventing global pollution, required for the `pure` version
+	  options.unsafe         - use the simple assignment of property instead of delete + defineProperty
+	  options.sham           - add a flag to not completely full polyfills
+	  options.enumerable     - export as enumerable property
+	  options.dontCallGetSet - prevent calling a getter on target
+	  options.name           - the .name of the function if it does not match the key
 	*/
 	var _export = function (options, source) {
 	  var TARGET = options.target;
@@ -964,13 +958,13 @@
 	  if (GLOBAL) {
 	    target = global$2;
 	  } else if (STATIC) {
-	    target = global$2[TARGET] || setGlobal(TARGET, {});
+	    target = global$2[TARGET] || defineGlobalProperty(TARGET, {});
 	  } else {
 	    target = (global$2[TARGET] || {}).prototype;
 	  }
 	  if (target) { for (key in source) {
 	    sourceProperty = source[key];
-	    if (options.noTargetGet) {
+	    if (options.dontCallGetSet) {
 	      descriptor = getOwnPropertyDescriptor(target, key);
 	      targetProperty = descriptor && descriptor.value;
 	    } else { targetProperty = target[key]; }
@@ -989,7 +983,7 @@
 	};
 
 	var $ = _export;
-	var global$1 = global$m;
+	var global$1 = global$b;
 
 	// `globalThis` object
 	// https://tc39.es/ecma262/#sec-globalthis
@@ -2507,7 +2501,7 @@
 	    this.onResetEvent(r, g, b, alpha);
 	};
 
-	var prototypeAccessors$4 = { r: { configurable: true },g: { configurable: true },b: { configurable: true },alpha: { configurable: true } };
+	var prototypeAccessors$5 = { r: { configurable: true },g: { configurable: true },b: { configurable: true },alpha: { configurable: true } };
 
 	/**
 	 * @ignore
@@ -2534,11 +2528,11 @@
 	 * @type {number}
 	 * @memberof Color
 	 */
-	prototypeAccessors$4.r.get = function () {
+	prototypeAccessors$5.r.get = function () {
 	    return ~~(this.glArray[0] * 255);
 	};
 
-	prototypeAccessors$4.r.set = function (value) {
+	prototypeAccessors$5.r.set = function (value) {
 	    this.glArray[0] = clamp(~~value || 0, 0, 255) / 255.0;
 	};
 
@@ -2548,11 +2542,11 @@
 	 * @type {number}
 	 * @memberof Color
 	 */
-	prototypeAccessors$4.g.get = function () {
+	prototypeAccessors$5.g.get = function () {
 	    return ~~(this.glArray[1] * 255);
 	};
 
-	prototypeAccessors$4.g.set = function (value) {
+	prototypeAccessors$5.g.set = function (value) {
 	    this.glArray[1] = clamp(~~value || 0, 0, 255) / 255.0;
 	};
 
@@ -2562,10 +2556,10 @@
 	 * @type {number}
 	 * @memberof Color
 	 */
-	prototypeAccessors$4.b.get = function () {
+	prototypeAccessors$5.b.get = function () {
 	    return ~~(this.glArray[2] * 255);
 	};
-	prototypeAccessors$4.b.set = function (value) {
+	prototypeAccessors$5.b.set = function (value) {
 	    this.glArray[2] = clamp(~~value || 0, 0, 255) / 255.0;
 	};
 
@@ -2574,11 +2568,11 @@
 	 * @type {number}
 	 * @memberof Color
 	 */
-	prototypeAccessors$4.alpha.get = function () {
+	prototypeAccessors$5.alpha.get = function () {
 	    return this.glArray[3];
 	};
 
-	prototypeAccessors$4.alpha.set = function (value) {
+	prototypeAccessors$5.alpha.set = function (value) {
 	    this.glArray[3] = typeof(value) === "undefined" ? 1.0 : clamp(+value, 0, 1.0);
 	};
 
@@ -2900,11 +2894,13 @@
 	 * @function
 	 * @returns {string}
 	 */
-	Color.prototype.toHex8 = function toHex8 () {
+	Color.prototype.toHex8 = function toHex8 (alpha) {
+	        if ( alpha === void 0 ) alpha = this.alpha;
+
 	    // TODO : Memoize this function by caching its result until any of
 	    // the r,g,b,a values are changed
 
-	    return "#" + toHex(this.r) + toHex(this.g) + toHex(this.b) + toHex(this.alpha * 255);
+	    return "#" + toHex(this.r) + toHex(this.g) + toHex(this.b) + toHex(alpha * 255);
 	};
 
 	/**
@@ -2930,9 +2926,12 @@
 	 * @name toRGBA
 	 * @memberof Color
 	 * @function
+	 * @param {number} [alpha=1.0] alpha value [0.0 .. 1.0]
 	 * @returns {string}
 	 */
-	Color.prototype.toRGBA = function toRGBA () {
+	Color.prototype.toRGBA = function toRGBA (alpha) {
+	        if ( alpha === void 0 ) alpha = this.alpha;
+
 	    // TODO : Memoize this function by caching its result until any of
 	    // the r,g,b,a values are changed
 
@@ -2940,11 +2939,11 @@
 	        this.r + "," +
 	        this.g + "," +
 	        this.b + "," +
-	        this.alpha +
+	        alpha +
 	    ")";
 	};
 
-	Object.defineProperties( Color.prototype, prototypeAccessors$4 );
+	Object.defineProperties( Color.prototype, prototypeAccessors$5 );
 
 	/**
 	 * @classdesc
@@ -2958,7 +2957,7 @@
 	    (ref = this).onResetEvent.apply(ref, args);
 	};
 
-	var prototypeAccessors$3 = { tx: { configurable: true },ty: { configurable: true },tz: { configurable: true } };
+	var prototypeAccessors$4 = { tx: { configurable: true },ty: { configurable: true },tz: { configurable: true } };
 
 	/**
 	 * @ignore
@@ -2986,7 +2985,7 @@
 	 * @name tx
 	 * @memberof Matrix3d
 	 */
-	prototypeAccessors$3.tx.get = function () {
+	prototypeAccessors$4.tx.get = function () {
 	    return this.val[12];
 	};
 
@@ -2997,7 +2996,7 @@
 	 * @name ty
 	 * @memberof Matrix3d
 	 */
-	prototypeAccessors$3.ty.get = function () {
+	prototypeAccessors$4.ty.get = function () {
 	    return this.val[13];
 	};
 
@@ -3008,7 +3007,7 @@
 	 * @name tz
 	 * @memberof Matrix3d
 	 */
-	prototypeAccessors$3.tz.get = function () {
+	prototypeAccessors$4.tz.get = function () {
 	    return this.val[14];
 	};
 
@@ -3636,7 +3635,7 @@
 	    ")";
 	};
 
-	Object.defineProperties( Matrix3d.prototype, prototypeAccessors$3 );
+	Object.defineProperties( Matrix3d.prototype, prototypeAccessors$4 );
 
 	/**
 	 * @classdesc
@@ -3652,7 +3651,7 @@
 	     (ref = this).onResetEvent.apply(ref, args);
 	 };
 
-	var prototypeAccessors$2 = { tx: { configurable: true },ty: { configurable: true } };
+	var prototypeAccessors$3 = { tx: { configurable: true },ty: { configurable: true } };
 
 	 /**
 	  * @ignore
@@ -3685,7 +3684,7 @@
 	  * @name tx
 	  * @memberof Matrix2d
 	  */
-	 prototypeAccessors$2.tx.get = function () {
+	 prototypeAccessors$3.tx.get = function () {
 	     return this.val[6];
 	 };
 
@@ -3697,7 +3696,7 @@
 	  * @name ty
 	  * @memberof Matrix2d
 	  */
-	 prototypeAccessors$2.ty.get = function () {
+	 prototypeAccessors$3.ty.get = function () {
 	     return this.val[7];
 	 };
 
@@ -4144,7 +4143,7 @@
 	     ")";
 	 };
 
-	Object.defineProperties( Matrix2d.prototype, prototypeAccessors$2 );
+	Object.defineProperties( Matrix2d.prototype, prototypeAccessors$3 );
 
 	var eventemitter3 = {exports: {}};
 
@@ -10574,7 +10573,7 @@
 	     * @public
 	     * @type {Vector2d}
 	     * @name pos
-	     * @memberof Polygon.prototype
+	     * @memberof Polygon
 	     */
 	    this.pos = pool$1.pull("Vector2d");
 
@@ -10583,7 +10582,7 @@
 	     * @ignore
 	     * @type {Bounds}
 	     * @name _bounds
-	     * @memberof Polygon.prototype
+	     * @memberof Polygon
 	     */
 	    this._bounds;
 
@@ -10593,7 +10592,7 @@
 	     * @public
 	     * @type {Vector2d[]}
 	     * @name points
-	     * @memberof Polygon.prototype
+	     * @memberof Polygon
 	     */
 	    this.points = [];
 
@@ -10632,7 +10631,7 @@
 	/**
 	 * 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
@@ -10648,7 +10647,7 @@
 	/**
 	 * 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
@@ -10690,7 +10689,7 @@
 	/**
 	 * 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
@@ -10709,7 +10708,7 @@
 	/**
 	 * apply an isometric projection to this shape
 	 * @name toIso
-	 * @memberof Polygon.prototype
+	 * @memberof Polygon
 	 * @function
 	 * @returns {Polygon} Reference to this object for method chaining
 	 */
@@ -10720,7 +10719,7 @@
 	/**
 	 * apply a 2d projection to this shape
 	 * @name to2d
-	 * @memberof Polygon.prototype
+	 * @memberof Polygon
 	 * @function
 	 * @returns {Polygon} Reference to this object for method chaining
 	 */
@@ -10731,7 +10730,7 @@
 	/**
 	 * 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
@@ -10753,7 +10752,7 @@
 	/**
 	 * Scale this Polygon by the given scalar.
 	 * @name scale
-	 * @memberof Polygon.prototype
+	 * @memberof Polygon
 	 * @function
 	 * @param {number} x
 	 * @param {number} [y=x]
@@ -10775,7 +10774,7 @@
 	/**
 	 * 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
@@ -10788,7 +10787,7 @@
 	 * 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
 	 */
@@ -10832,7 +10831,7 @@
 	/**
 	 * 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.
 	 */
@@ -10846,7 +10845,7 @@
 	/**
 	 * 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
 	 */
@@ -10893,7 +10892,7 @@
 	/**
 	 * 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
@@ -10902,7 +10901,7 @@
 	/**
 	 * 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
@@ -10930,14 +10929,14 @@
 	/**
 	 * Shifts the Polygon to the given position vector.
 	 * @name shift
-	 * @memberof Polygon.prototype
+	 * @memberof Polygon
 	 * @function
 	 * @param {Vector2d} position
 	 */
 	/**
 	 * Shifts the Polygon to the given x, y position.
 	 * @name shift
-	 * @memberof Polygon.prototype
+	 * @memberof Polygon
 	 * @function
 	 * @param {number} x
 	 * @param {number} y
@@ -10963,7 +10962,7 @@
 	 * (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
@@ -10974,7 +10973,7 @@
 	 * (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
@@ -11012,7 +11011,7 @@
 	/**
 	 * 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
 	 */
@@ -11027,7 +11026,7 @@
 	 * update the bounding box for this shape.
 	 * @ignore
 	 * @name updateBounds
-	 * @memberof Polygon.prototype
+	 * @memberof Polygon
 	 * @function
 	 * @returns {Bounds} this shape bounding box Rectangle object
 	 */
@@ -11043,7 +11042,7 @@
 	/**
 	 * clone this Polygon
 	 * @name clone
-	 * @memberof Polygon.prototype
+	 * @memberof Polygon
 	 * @function
 	 * @returns {Polygon} new Polygon
 	 */
@@ -11060,7 +11059,7 @@
 	 * a rectangle Object
 	 * @augments Polygon
 	 */
-	var Rect = /*@__PURE__*/(function (Polygon) {
+	var Rect$1 = /*@__PURE__*/(function (Polygon) {
 	    function Rect(x, y, w, h) {
 	        // parent constructor
 	        Polygon.call(this, x, y, [
@@ -11085,7 +11084,7 @@
 	    /**
 	     * 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
@@ -11116,7 +11115,7 @@
 	     * @public
 	     * @type {number}
 	     * @name left
-	     * @memberof Rect.prototype
+	     * @memberof Rect
 	     */
 	    prototypeAccessors.left.get = function () {
 	        return this.pos.x;
@@ -11127,7 +11126,7 @@
 	     * @public
 	     * @type {number}
 	     * @name right
-	     * @memberof Rect.prototype
+	     * @memberof Rect
 	     */
 	    prototypeAccessors.right.get = function () {
 	        var w = this.width;
@@ -11139,7 +11138,7 @@
 	     * @public
 	     * @type {number}
 	     * @name top
-	     * @memberof Rect.prototype
+	     * @memberof Rect
 	     */
 	    prototypeAccessors.top.get = function () {
 	        return this.pos.y;
@@ -11150,7 +11149,7 @@
 	     * @public
 	     * @type {number}
 	     * @name bottom
-	     * @memberof Rect.prototype
+	     * @memberof Rect
 	     */
 	    prototypeAccessors.bottom.get = function () {
 	        var h = this.height;
@@ -11162,7 +11161,7 @@
 	     * @public
 	     * @type {number}
 	     * @name width
-	     * @memberof Rect.prototype
+	     * @memberof Rect
 	     */
 	    prototypeAccessors.width.get = function () {
 	        return this.points[2].x;
@@ -11178,7 +11177,7 @@
 	     * @public
 	     * @type {number}
 	     * @name height
-	     * @memberof Rect.prototype
+	     * @memberof Rect
 	     */
 	    prototypeAccessors.height.get = function () {
 	        return this.points[2].y;
@@ -11194,7 +11193,7 @@
 	     * @public
 	     * @type {number}
 	     * @name centerX
-	     * @memberof Rect.prototype
+	     * @memberof Rect
 	     */
 	    prototypeAccessors.centerX.get = function () {
 	        if (isFinite(this.width)) {
@@ -11212,7 +11211,7 @@
 	     * @public
 	     * @type {number}
 	     * @name centerY
-	     * @memberof Rect.prototype
+	     * @memberof Rect
 	     */
 	    prototypeAccessors.centerY.get = function () {
 	        if (isFinite(this.height)) {
@@ -11228,7 +11227,7 @@
 	    /**
 	     * 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
@@ -11243,7 +11242,7 @@
 	    /**
 	     * 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
@@ -11258,7 +11257,7 @@
 	    /**
 	     * 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.
@@ -11275,7 +11274,7 @@
 	    /**
 	     * clone this rectangle
 	     * @name clone
-	     * @memberof Rect.prototype
+	     * @memberof Rect
 	     * @function
 	     * @returns {Rect} new rectangle
 	     */
@@ -11286,7 +11285,7 @@
 	    /**
 	     * 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
@@ -11298,7 +11297,7 @@
 	    /**
 	     * 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
@@ -11320,7 +11319,7 @@
 	    /**
 	     * 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
@@ -11337,7 +11336,7 @@
 	    /**
 	     * Returns true if the rectangle contains the given rectangle
 	     * @name contains
-	     * @memberof Rect.prototype
+	     * @memberof Rect
 	     * @function
 	     * @param {Rect} rect
 	     * @returns {boolean} true if contains
@@ -11346,7 +11345,7 @@
 	    /**
 	     * Returns true if the rectangle contains the given point
 	     * @name contains
-	     * @memberof Rect.prototype
+	     * @memberof Rect
 	     * @function
 	     * @param  {number} x x coordinate
 	     * @param  {number} y y coordinate
@@ -11356,7 +11355,7 @@
 	    /**
 	     * Returns true if the rectangle contains the given point
 	     * @name contains
-	     * @memberof Rect.prototype
+	     * @memberof Rect
 	     * @function
 	     * @param {Vector2d} point
 	     * @returns {boolean} true if contains
@@ -11392,7 +11391,7 @@
 	    /**
 	     * 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
@@ -11409,7 +11408,7 @@
 	    /**
 	     * 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.
 	     */
@@ -11420,7 +11419,7 @@
 	    /**
 	     * 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.
 	     */
@@ -11906,7 +11905,7 @@
 	    this.onResetEvent(vertices);
 	};
 
-	var prototypeAccessors$1 = { x: { configurable: true },y: { configurable: true },width: { configurable: true },height: { configurable: true },left: { configurable: true },right: { configurable: true },top: { configurable: true },bottom: { configurable: true },centerX: { configurable: true },centerY: { configurable: true },center: { configurable: true } };
+	var prototypeAccessors$2 = { x: { configurable: true },y: { configurable: true },width: { configurable: true },height: { configurable: true },left: { configurable: true },right: { configurable: true },top: { configurable: true },bottom: { configurable: true },centerX: { configurable: true },centerY: { configurable: true },center: { configurable: true } };
 
 	/**
 	 * @ignore
@@ -11959,11 +11958,11 @@
 	 * @name x
 	 * @memberof Bounds
 	 */
-	prototypeAccessors$1.x.get = function () {
+	prototypeAccessors$2.x.get = function () {
 	    return this.min.x;
 	};
 
-	prototypeAccessors$1.x.set = function (value) {
+	prototypeAccessors$2.x.set = function (value) {
 	    var deltaX = this.max.x - this.min.x;
 	    this.min.x = value;
 	    this.max.x = value + deltaX;
@@ -11976,11 +11975,11 @@
 	 * @name y
 	 * @memberof Bounds
 	 */
-	prototypeAccessors$1.y.get = function () {
+	prototypeAccessors$2.y.get = function () {
 	    return this.min.y;
 	};
 
-	prototypeAccessors$1.y.set = function (value) {
+	prototypeAccessors$2.y.set = function (value) {
 	    var deltaY = this.max.y - this.min.y;
 
 	    this.min.y = value;
@@ -11994,11 +11993,11 @@
 	 * @name width
 	 * @memberof Bounds
 	 */
-	prototypeAccessors$1.width.get = function () {
+	prototypeAccessors$2.width.get = function () {
 	    return this.max.x - this.min.x;
 	};
 
-	prototypeAccessors$1.width.set = function (value) {
+	prototypeAccessors$2.width.set = function (value) {
 	    this.max.x = this.min.x + value;
 	};
 
@@ -12009,11 +12008,11 @@
 	 * @name width
 	 * @memberof Bounds
 	 */
-	prototypeAccessors$1.height.get = function () {
+	prototypeAccessors$2.height.get = function () {
 	    return this.max.y - this.min.y;
 	};
 
-	prototypeAccessors$1.height.set = function (value) {
+	prototypeAccessors$2.height.set = function (value) {
 	    this.max.y = this.min.y + value;
 	};
 
@@ -12024,7 +12023,7 @@
 	 * @name left
 	 * @memberof Bounds
 	 */
-	prototypeAccessors$1.left.get = function () {
+	prototypeAccessors$2.left.get = function () {
 	    return this.min.x;
 	};
 
@@ -12035,7 +12034,7 @@
 	 * @name right
 	 * @memberof Bounds
 	 */
-	prototypeAccessors$1.right.get = function () {
+	prototypeAccessors$2.right.get = function () {
 	    return this.max.x;
 	};
 
@@ -12046,7 +12045,7 @@
 	 * @name top
 	 * @memberof Bounds
 	 */
-	prototypeAccessors$1.top.get = function () {
+	prototypeAccessors$2.top.get = function () {
 	    return this.min.y;
 	};
 
@@ -12057,7 +12056,7 @@
 	 * @name bottom
 	 * @memberof Bounds
 	 */
-	prototypeAccessors$1.bottom.get = function () {
+	prototypeAccessors$2.bottom.get = function () {
 	    return this.max.y;
 	};
 
@@ -12068,7 +12067,7 @@
 	 * @name centerX
 	 * @memberof Bounds
 	 */
-	prototypeAccessors$1.centerX.get = function () {
+	prototypeAccessors$2.centerX.get = function () {
 	    return this.min.x + (this.width / 2);
 	};
 
@@ -12079,7 +12078,7 @@
 	 * @name centerY
 	 * @memberof Bounds
 	 */
-	prototypeAccessors$1.centerY.get = function () {
+	prototypeAccessors$2.centerY.get = function () {
 	    return this.min.y + (this.height / 2);
 	};
 
@@ -12090,7 +12089,7 @@
 	 * @name center
 	 * @memberof Bounds
 	 */
-	prototypeAccessors$1.center.get = function () {
+	prototypeAccessors$2.center.get = function () {
 	    return this._center.set(this.centerX, this.centerY);
 	};
 
@@ -12354,7 +12353,7 @@
 	    ]);
 	};
 
-	Object.defineProperties( Bounds$1.prototype, prototypeAccessors$1 );
+	Object.defineProperties( Bounds$1.prototype, prototypeAccessors$2 );
 
 	/**
 	 * a temporary vector object
@@ -12852,7 +12851,7 @@
 	    if (!pointerInitialized) {
 
 	        // the current pointer area
-	        currentPointer = new Rect(0, 0, 1, 1);
+	        currentPointer = new Rect$1(0, 0, 1, 1);
 
 	        // instantiate a pool of pointer catched
 	        for (var v = 0; v < device$1.maxTouchPoints; v++) {
@@ -14464,7 +14463,7 @@
 	    /**
 	     * returns the bounding box for this renderable
 	     * @name getBounds
-	     * @memberof Renderable.prototype
+	     * @memberof Renderable
 	     * @function
 	     * @returns {Bounds} bounding box Rectangle object
 	     */
@@ -14485,7 +14484,7 @@
 	    /**
 	     * get the renderable alpha channel value<br>
 	     * @name getOpacity
-	     * @memberof Renderable.prototype
+	     * @memberof Renderable
 	     * @function
 	     * @returns {number} current opacity value between 0 and 1
 	     */
@@ -14496,7 +14495,7 @@
 	    /**
 	     * 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
 	     */
@@ -14515,7 +14514,7 @@
 	     * 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
@@ -14532,7 +14531,7 @@
 	     * 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
@@ -14548,7 +14547,7 @@
 	    /**
 	     * 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
@@ -14613,7 +14612,7 @@
 	    /**
 	     * 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
@@ -14637,7 +14636,7 @@
 	    /**
 	     * 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
@@ -14659,7 +14658,7 @@
 	     * 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.
@@ -14675,7 +14674,7 @@
 	    /**
 	     * 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
@@ -14689,7 +14688,7 @@
 	     * 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.
@@ -14703,7 +14702,7 @@
 	     * update the bounding box for this shape.
 	     * @ignore
 	     * @name updateBounds
-	     * @memberof Renderable.prototype
+	     * @memberof Renderable
 	     * @function
 	     * @returns {Bounds} this shape bounding box Rectangle object
 	     */
@@ -14717,7 +14716,7 @@
 	     * update the renderable's bounding rect (private)
 	     * @ignore
 	     * @name updateBoundsPos
-	     * @memberof Renderable.prototype
+	     * @memberof Renderable
 	     * @function
 	     */
 	     Renderable.prototype.updateBoundsPos = function updateBoundsPos (newX, newY) {
@@ -14743,13 +14742,14 @@
 	         if (this.ancestor instanceof Container && this.floating !== true) {
 	             bounds.translate(this.ancestor.getAbsolutePosition());
 	         }
-	         //return bounds;
+
+	         this.isDirty = true;
 	     };
 
 	     /**
 	      * return the renderable absolute position in the game world
 	      * @name getAbsolutePosition
-	      * @memberof Renderable.prototype
+	      * @memberof Renderable
 	      * @function
 	      * @returns {Vector2d}
 	      */
@@ -14769,7 +14769,7 @@
 	     * 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
@@ -14787,7 +14787,7 @@
 	     * (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
@@ -14843,7 +14843,7 @@
 	     * 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
@@ -14856,7 +14856,7 @@
 	     * 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
@@ -14881,7 +14881,7 @@
 	     * 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)
@@ -14968,7 +14968,7 @@
 	    Object.defineProperties( Renderable.prototype, prototypeAccessors );
 
 	    return Renderable;
-	}(Rect));
+	}(Rect$1));
 
 	/**
 	 * @classdesc
@@ -14980,7 +14980,7 @@
 	     * @public
 	     * @type {Vector2d}
 	     * @name pos
-	     * @memberof Ellipse.prototype
+	     * @memberof Ellipse
 	     */
 	    this.pos = pool$1.pull("Vector2d");
 
@@ -14995,7 +14995,7 @@
 	     * @public
 	     * @type {number}
 	     * @name radius
-	     * @memberof Ellipse.prototype
+	     * @memberof Ellipse
 	     */
 	    this.radius = NaN;
 
@@ -15004,7 +15004,7 @@
 	     * @public
 	     * @type {Vector2d}
 	     * @name radiusV
-	     * @memberof Ellipse.prototype
+	     * @memberof Ellipse
 	     */
 	    this.radiusV = pool$1.pull("Vector2d");
 
@@ -15013,7 +15013,7 @@
 	     * @public
 	     * @type {Vector2d}
 	     * @name radiusSq
-	     * @memberof Ellipse.prototype
+	     * @memberof Ellipse
 	     */
 	    this.radiusSq = pool$1.pull("Vector2d");
 
@@ -15022,7 +15022,7 @@
 	     * @public
 	     * @type {Vector2d}
 	     * @name ratio
-	     * @memberof Ellipse.prototype
+	     * @memberof Ellipse
 	     */
 	    this.ratio = pool$1.pull("Vector2d");
 
@@ -15039,7 +15039,7 @@
 	/**
 	 * 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
@@ -15069,7 +15069,7 @@
 	/**
 	 * 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
@@ -15086,7 +15086,7 @@
 	/**
 	 * Scale this Ellipse by the specified scalar.
 	 * @name scale
-	 * @memberof Ellipse.prototype
+	 * @memberof Ellipse
 	 * @function
 	 * @param {number} x
 	 * @param {number} [y=x]
@@ -15105,7 +15105,7 @@
 	/**
 	 * 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
@@ -15117,7 +15117,7 @@
 	/**
 	 * 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
@@ -15130,7 +15130,7 @@
 	/**
 	 * 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
@@ -15139,7 +15139,7 @@
 	/**
 	 * 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
@@ -15167,7 +15167,7 @@
 	/**
 	 * 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
@@ -15176,7 +15176,7 @@
 	/**
 	 * 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
@@ -15208,7 +15208,7 @@
 	/**
 	 * 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
 	 */
@@ -15222,7 +15222,7 @@
 	/**
 	 * clone this Ellipse
 	 * @name clone
-	 * @memberof Ellipse.prototype
+	 * @memberof Ellipse
 	 * @function
 	 * @returns {Ellipse} new Ellipse
 	 */
@@ -16311,7 +16311,7 @@
 	 * this.body.addShape(me.loader.getJSON("shapesdef").banana);
 	 */
 	Body.prototype.addShape = function addShape (shape) {
-	    if (shape instanceof Rect || shape instanceof Bounds$1) {
+	    if (shape instanceof Rect$1 || shape instanceof Bounds$1) {
 	        var poly = shape.toPolygon();
 	        this.shapes.push(poly);
 	        // update the body bounds
@@ -16799,7 +16799,7 @@
 
 	/**
 	 * @classdesc
-	 * me.Container represents a collection of child objects
+	 * Container represents a collection of child objects
 	 * @augments Renderable
 	 */
 	var Container = /*@__PURE__*/(function (Renderable) {
@@ -16976,7 +16976,7 @@
 	     * 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
@@ -17040,7 +17040,7 @@
 	     * 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
@@ -17099,7 +17099,7 @@
 	     *    - 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.
@@ -17136,7 +17136,7 @@
 	    /**
 	     * Swaps the position (z-index) of 2 children
 	     * @name swapChildren
-	     * @memberof Container.prototype
+	     * @memberof Container
 	     * @function
 	     * @param {Renderable} child
 	     * @param {Renderable} child2
@@ -17164,7 +17164,7 @@
 	    /**
 	     * 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
@@ -17181,7 +17181,7 @@
 	    /**
 	     * Returns the index of the given Child
 	     * @name getChildIndex
-	     * @memberof Container.prototype
+	     * @memberof Container
 	     * @function
 	     * @param {Renderable} child
 	     * @returns {number} index
@@ -17209,7 +17209,7 @@
 	    /**
 	     * Returns true if contains the specified Child
 	     * @name hasChild
-	     * @memberof Container.prototype
+	     * @memberof Container
 	     * @function
 	     * @param {Renderable} child
 	     * @returns {boolean}
@@ -17223,7 +17223,7 @@
 	     * 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
@@ -17275,7 +17275,7 @@
 	    /**
 	     * returns the list of childs with the specified class type
 	     * @name getChildByType
-	     * @memberof Container.prototype
+	     * @memberof Container
 	     * @public
 	     * @function
 	     * @param {object} classType
@@ -17302,7 +17302,7 @@
 	     * 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
@@ -17317,7 +17317,7 @@
 	     * 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
@@ -17331,7 +17331,7 @@
 	    /**
 	     * return all child in this container
 	     * @name getChildren
-	     * @memberof Container.prototype
+	     * @memberof Container
 	     * @public
 	     * @function
 	     * @returns {Renderable[]} an array of renderable object
@@ -17347,7 +17347,7 @@
 	     * update the bounding box for this shape.
 	     * @ignore
 	     * @name updateBounds
-	     * @memberof Renderable.prototype
+	     * @memberof Renderable
 	     * @function
 	     * @returns {Bounds} this shape bounding box Rectangle object
 	     */
@@ -17378,7 +17378,7 @@
 	     * 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}
 	     */
@@ -17401,7 +17401,7 @@
 	     * update the cointainer's bounding rect (private)
 	     * @ignore
 	     * @name updateBoundsPos
-	     * @memberof Container.prototype
+	     * @memberof Container
 	     * @function
 	     */
 	    Container.prototype.updateBoundsPos = function updateBoundsPos (newX, newY) {
@@ -17438,7 +17438,7 @@
 	    /**
 	     * 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
@@ -17458,7 +17458,7 @@
 	     * (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()
@@ -17511,7 +17511,7 @@
 	    /**
 	     * 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
@@ -17529,7 +17529,7 @@
 	    /**
 	     * Move the child in the group one step forward (z depth).
 	     * @name moveUp
-	     * @memberof Container.prototype
+	     * @memberof Container
 	     * @function
 	     * @param {Renderable} child
 	     */
@@ -17546,7 +17546,7 @@
 	    /**
 	     * Move the child in the group one step backward (z depth).
 	     * @name moveDown
-	     * @memberof Container.prototype
+	     * @memberof Container
 	     * @function
 	     * @param {Renderable} child
 	     */
@@ -17563,7 +17563,7 @@
 	    /**
 	     * Move the specified child to the top(z depth).
 	     * @name moveToTop
-	     * @memberof Container.prototype
+	     * @memberof Container
 	     * @function
 	     * @param {Renderable} child
 	     */
@@ -17583,7 +17583,7 @@
 	    /**
 	     * Move the specified child the bottom (z depth).
 	     * @name moveToBottom
-	     * @memberof Container.prototype
+	     * @memberof Container
 	     * @function
 	     * @param {Renderable} child
 	     */
@@ -17603,7 +17603,7 @@
 	    /**
 	     * 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
@@ -17698,7 +17698,7 @@
 	     * container update function. <br>
 	     * automatically called by the game manager {@link game}
 	     * @name update
-	     * @memberof Container.prototype
+	     * @memberof Container
 	     * @function
 	     * @protected
 	     * @param {number} dt time since the last update in milliseconds.
@@ -17750,7 +17750,7 @@
 	     * 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
@@ -18360,9 +18360,9 @@
 	}(Container));
 
 	/**
-	 * me.game represents your current game, it contains all the objects,
+	 * game represents your current game, it contains all the objects,
 	 * tilemap layers, current viewport, collision map, etc...<br>
-	 * me.game is also responsible for updating (each frame) the object status and draw them.
+	 * game is also responsible for updating (each frame) the object status and draw them.
 	 * @namespace game
 	 */
 
@@ -18840,7 +18840,7 @@
 	     */
 	    Camera2d.prototype.setDeadzone = function setDeadzone (w, h) {
 	        if (typeof(this.deadzone) === "undefined") {
-	            this.deadzone = new Rect(0, 0, 0, 0);
+	            this.deadzone = new Rect$1(0, 0, 0, 0);
 	        }
 
 	        // reusing the old code for now...
@@ -19367,6 +19367,40 @@
 	     */
 	    this.cameras = new Map();
 
+	    /**
+	     * 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);
+	     * });
+	     */
+	    this.lights = new Map();
+
+	    /**
+	     * an ambient light that will be added to the stage rendering
+	     * @public
+	     * @type {Color}
+	     * @name ambientLight
+	     * @memberof Stage
+	     * @default "#000000"
+	     * @see Light2d
+	     */
+	    this.ambientLight = new Color(0, 0, 0, 0);
+
 	    /**
 	     * The given constructor options
 	     * @public
@@ -19424,7 +19458,13 @@
 	    // update the camera/viewport
 	    // iterate through all cameras
 	    this.cameras.forEach(function(camera) {
-	        if (camera.update(dt)) {
+	        if (camera.update(dt) === true) {
+	            isDirty = true;
+	        }    });
+
+	    // update all lights
+	    this.lights.forEach(function (light) {
+	        if (light.update(dt) === true) {
 	            isDirty = true;
 	        }    });
 
@@ -19440,10 +19480,35 @@
 	 * @param {CanvasRenderer|WebGLRenderer} renderer a renderer object
 	 */
 	Stage.prototype.draw = function draw (renderer) {
+	        var this$1$1 = this;
+
 	    // iterate through all cameras
-	    this.cameras.forEach(function(camera) {
+	    this.cameras.forEach(function (camera) {
 	        // render the root container
 	        camera.draw(renderer, world);
+
+	        // render the ambient light
+	        if (this$1$1.ambientLight.alpha !== 0) {
+	            renderer.save();
+	            // iterate through all lights
+	            this$1$1.lights.forEach(function (light) {
+	                // cut out all lights visible areas
+	                renderer.setMask(light.getVisibleArea(), true);
+	            });
+	            // fill the screen with the ambient color
+	            renderer.setColor(this$1$1.ambientLight);
+	            renderer.fillRect(0, 0, camera.width, camera.height);
+	            // clear all masks
+	            renderer.clearMask();
+	            renderer.restore();
+	        }
+
+	        // render all lights
+	        this$1$1.lights.forEach(function (light) {
+	            light.preDraw(renderer, world);
+	            light.draw(renderer, world);
+	            light.postDraw(renderer, world);
+	        });
 	    });
 	};
 
@@ -19454,6 +19519,11 @@
 	Stage.prototype.destroy = function destroy () {
 	    // clear all cameras
 	    this.cameras.clear();
+	    // clear all lights
+	    this.lights.forEach(function (light) {
+	        light.destroy();
+	    });
+	    this.lights.clear();
 	    // notify the object
 	    this.onDestroyEvent.apply(this, arguments);
 	};
@@ -19550,13 +19620,13 @@
 	    function IconLogo(x, y) {
 	        Renderable.call(this, x, y, 100, 85);
 
-	        this.iconCanvas = createCanvas(
+	        this.iconTexture = pool$1.pull("CanvasTexture",
 	            renderer.WebGLVersion > 1 ? this.width : nextPowerOfTwo(this.width),
 	            renderer.WebGLVersion > 1 ? this.height : nextPowerOfTwo(this.height),
-	            false
+	            true
 	        );
 
-	        var context = renderer.getContext2d(this.iconCanvas);
+	        var context = this.iconTexture.context;
 
 	        context.beginPath();
 	        context.moveTo(0.7, 48.9);
@@ -19595,7 +19665,18 @@
 	     * @ignore
 	     */
 	    IconLogo.prototype.draw = function draw (renderer) {
-	        renderer.drawImage(this.iconCanvas, renderer.getWidth() / 2, this.pos.y);
+	        renderer.drawImage(this.iconTexture.canvas, renderer.getWidth() / 2, this.pos.y);
+	    };
+
+	    /**
+	     * Destroy function
+	     * @ignore
+	     */
+	    IconLogo.prototype.destroy = function destroy () {
+	        // call the parent destroy method
+	        Renderable.prototype.destroy.call(this, arguments);
+	        pool$1.push(this.iconTexture);
+	        this.iconTexture = undefined;
 	    };
 
 	    return IconLogo;
@@ -20280,7 +20361,7 @@
 	                match = value.split(/^eval:/i)[1];
 	                try {
 	                    // eslint-disable-next-line
-	                    value = eval(match);
+	                    value = Function("'use strict';return (" + match + ")")();
 	                }
 	                catch (e$1) {
 	                    throw new Error("Unable to evaluate: " + match);
@@ -21813,7 +21894,7 @@
 	    /**
 	     * return the flickering state of the object
 	     * @name isFlickering
-	     * @memberof Sprite.prototype
+	     * @memberof Sprite
 	     * @function
 	     * @returns {boolean}
 	     */
@@ -21824,7 +21905,7 @@
 	    /**
 	     * 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
@@ -21855,7 +21936,7 @@
 	     * 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
@@ -21955,7 +22036,7 @@
 	     * 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
@@ -22016,7 +22097,7 @@
 	    /**
 	     * 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
@@ -22035,7 +22116,7 @@
 	    /**
 	     * 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}
@@ -22052,7 +22133,7 @@
 	     * 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
@@ -22084,7 +22165,7 @@
 	    /**
 	     * 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
@@ -22100,7 +22181,7 @@
 	    /**
 	     * return the current animation frame index.
 	     * @name getCurrentAnimationFrame
-	     * @memberof Sprite.prototype
+	     * @memberof Sprite
 	     * @function
 	     * @returns {number} current animation frame index
 	     */
@@ -22111,7 +22192,7 @@
 	    /**
 	     * Returns the frame object by the index.
 	     * @name getAnimationFrameObjectByIndex
-	     * @memberof Sprite.prototype
+	     * @memberof Sprite
 	     * @function
 	     * @ignore
 	     * @param {number} id the frame id
@@ -22125,7 +22206,7 @@
 	     * update function. <br>
 	     * automatically called by the game manager {@link game}
 	     * @name update
-	     * @memberof Sprite.prototype
+	     * @memberof Sprite
 	     * @function
 	     * @protected
 	     * @param {number} dt time since the last update in milliseconds.
@@ -22204,7 +22285,7 @@
 	     * sprite draw. <br>
 	     * automatically called by the game manager {@link game}
 	     * @name draw
-	     * @memberof Sprite.prototype
+	     * @memberof Sprite
 	     * @function
 	     * @protected
 	     * @param {CanvasRenderer|WebGLRenderer} renderer a renderer object
@@ -22474,7 +22555,7 @@
 	     * @type {number}
 	     * @default 20
 	     * @name radius
-	     * @memberof RoundRect.prototype
+	     * @memberof RoundRect
 	     */
 	    prototypeAccessors.radius.get = function () {
 	        return this._radius;
@@ -22493,7 +22574,7 @@
 	    /**
 	     * copy the position, size and radius of the given rounded rectangle into this one
 	     * @name copy
-	     * @memberof RoundRect.prototype
+	     * @memberof RoundRect
 	     * @function
 	     * @param {RoundRect} rrect source rounded rectangle
 	     * @returns {RoundRect} new rectangle
@@ -22507,7 +22588,7 @@
 	    /**
 	     * Returns true if the rounded rectangle contains the given point
 	     * @name contains
-	     * @memberof RoundRect.prototype
+	     * @memberof RoundRect
 	     * @function
 	     * @param  {number} x x coordinate
 	     * @param  {number} y y coordinate
@@ -22517,7 +22598,7 @@
 	    /**
 	     * Returns true if the rounded rectangle contains the given point
 	     * @name contains
-	     * @memberof RoundRect.prototype
+	     * @memberof RoundRect
 	     * @function
 	     * @param {Vector2d} point
 	     * @returns {boolean} true if contains
@@ -22578,7 +22659,7 @@
 	    /**
 	     * check if this RoundRect is identical to the specified one
 	     * @name equals
-	     * @memberof RoundRect.prototype
+	     * @memberof RoundRect
 	     * @function
 	     * @param {RoundRect} rrect
 	     * @returns {boolean} true if equals
@@ -22590,7 +22671,7 @@
 	    /**
 	     * clone this RoundRect
 	     * @name clone
-	     * @memberof RoundRect.prototype
+	     * @memberof RoundRect
 	     * @function
 	     * @returns {RoundRect} new RoundRect
 	     */
@@ -22601,7 +22682,7 @@
 	    Object.defineProperties( RoundRect.prototype, prototypeAccessors );
 
 	    return RoundRect;
-	}(Rect));
+	}(Rect$1));
 
 	/**
 	 * @classdesc
@@ -22649,7 +22730,7 @@
 	     * Computes the calculated collision edges and normals.
 	     * This **must** be called if the `points` array, `angle`, or `offset` is modified manually.
 	     * @name recalc
-	     * @memberof Line.prototype
+	     * @memberof Line
 	     * @function
 	     * @returns {Line} this instance for objecf chaining
 	     */
@@ -22685,7 +22766,7 @@
 	    /**
 	     * clone this line segment
 	     * @name clone
-	     * @memberof Line.prototype
+	     * @memberof Line
 	     * @function
 	     * @returns {Line} new Line
 	     */
@@ -22731,7 +22812,7 @@
 	/**
 	 * begin a new path
 	 * @name beginPath
-	 * @memberof Path2D.prototype
+	 * @memberof Path2D
 	 * @function
 	 */
 	Path2D$1.prototype.beginPath = function beginPath () {
@@ -22747,7 +22828,7 @@
 	 * It tries to draw a straight line from the current point to the start.
 	 * If the shape has already been closed or has only one point, this function does nothing.
 	 * @name closePath
-	 * @memberof Path2D.prototype
+	 * @memberof Path2D
 	 * @function
 	 */
 	Path2D$1.prototype.closePath = function closePath () {
@@ -22760,7 +22841,7 @@
 	/**
 	 * triangulate the shape defined by this path into an array of triangles
 	 * @name triangulatePath
-	 * @memberof Path2D.prototype
+	 * @memberof Path2D
 	 * @function
 	 * @returns {Vector2d[]}
 	 */
@@ -22791,7 +22872,7 @@
 	/**
 	 * moves the starting point of the current path to the (x, y) coordinates.
 	 * @name moveTo
-	 * @memberof Path2D.prototype
+	 * @memberof Path2D
 	 * @function
 	 * @param {number} x the x-axis (horizontal) coordinate of the point.
 	 * @param {number} y the y-axis (vertical) coordinate of the point.
@@ -22803,7 +22884,7 @@
 	/**
 	 * connects the last point in the current patch to the (x, y) coordinates with a straight line.
 	 * @name lineTo
-	 * @memberof Path2D.prototype
+	 * @memberof Path2D
 	 * @function
 	 * @param {number} x the x-axis coordinate of the line's end point.
 	 * @param {number} y the y-axis coordinate of the line's end point.
@@ -22816,7 +22897,7 @@
 	 * adds an arc to the current path which is centered at (x, y) position with the given radius,
 	 * starting at startAngle and ending at endAngle going in the given direction by counterclockwise (defaulting to clockwise).
 	 * @name arc
-	 * @memberof Path2D.prototype
+	 * @memberof Path2D
 	 * @function
 	 * @param {number} x the horizontal coordinate of the arc's center.
 	 * @param {number} y the vertical coordinate of the arc's center.
@@ -22868,7 +22949,7 @@
 	/**
 	 * adds a circular arc to the path with the given control points and radius, connected to the previous point by a straight line.
 	 * @name arcTo
-	 * @memberof Path2D.prototype
+	 * @memberof Path2D
 	 * @function
 	 * @param {number} x the x-axis coordinate of the first control point.
 	 * @param {number} y the y-axis coordinate of the first control point.
@@ -22917,7 +22998,7 @@
 	 * adds an elliptical arc to the path which is centered at (x, y) position with the radii radiusX and radiusY
 	 * starting at startAngle and ending at endAngle going in the given direction by counterclockwise.
 	 * @name ellipse
-	 * @memberof Path2D.prototype
+	 * @memberof Path2D
 	 * @function
 	 * @param {number} x the x-axis (horizontal) coordinate of the ellipse's center.
 	 * @param {number} y the  y-axis (vertical) coordinate of the ellipse's center.
@@ -22979,7 +23060,7 @@
 	/**
 	 * creates a path for a rectangle at position (x, y) with a size that is determined by width and height.
 	 * @name rect
-	 * @memberof Path2D.prototype
+	 * @memberof Path2D
 	 * @function
 	 * @param {number} x the x-axis coordinate of the rectangle's starting point.
 	 * @param {number} y the y-axis coordinate of the rectangle's starting point.
@@ -22997,7 +23078,7 @@
 	/**
 	 * adds an rounded rectangle to the current path.
 	 * @name roundRect
-	 * @memberof Path2D.prototype
+	 * @memberof Path2D
 	 * @function
 	 * @param {number} x the x-axis coordinate of the rectangle's starting point.
 	 * @param {number} y the y-axis coordinate of the rectangle's starting point.
@@ -23053,6 +23134,11 @@
 	     */
 	    this.currentScissor = new Int32Array([ 0, 0, this.settings.width, this.settings.height ]);
 
+	    /**
+	     * @ignore
+	     */
+	    this.maskLevel = 0;
+
 	    /**
 	     * @ignore
 	     */
@@ -23096,7 +23182,7 @@
 	/**
 	 * prepare the framebuffer for drawing a new frame
 	 * @name clear
-	 * @memberof Renderer.prototype
+	 * @memberof Renderer
 	 * @function
 	 */
 	Renderer.prototype.clear = function clear () {};
@@ -23104,7 +23190,7 @@
 	/**
 	 * Reset context state
 	 * @name reset
-	 * @memberof Renderer.prototype
+	 * @memberof Renderer
 	 * @function
 	 */
 	Renderer.prototype.reset = function reset () {
@@ -23117,12 +23203,13 @@
 	    this.currentScissor[1] = 0;
 	    this.currentScissor[2] = this.backBufferCanvas.width;
 	    this.currentScissor[3] = this.backBufferCanvas.height;
+	    this.clearMask();
 	};
 
 	/**
 	 * return a reference to the system canvas
 	 * @name getCanvas
-	 * @memberof Renderer.prototype
+	 * @memberof Renderer
 	 * @function
 	 * @returns {HTMLCanvasElement}
 	 */
@@ -23133,7 +23220,7 @@
 	/**
 	 * return a reference to the screen canvas
 	 * @name getScreenCanvas
-	 * @memberof Renderer.prototype
+	 * @memberof Renderer
 	 * @function
 	 * @returns {HTMLCanvasElement}
 	 */
@@ -23145,7 +23232,7 @@
 	 * 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}
 	 */
@@ -23156,7 +23243,7 @@
 	/**
 	 * returns the current blend mode for this renderer
 	 * @name getBlendMode
-	 * @memberof Renderer.prototype
+	 * @memberof Renderer
 	 * @function
 	 * @returns {string} blend mode
 	 */
@@ -23168,7 +23255,7 @@
 	 * 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
@@ -23206,7 +23293,7 @@
 	/**
 	 * return the width of the system Canvas
 	 * @name getWidth
-	 * @memberof Renderer.prototype
+	 * @memberof Renderer
 	 * @function
 	 * @returns {number}
 	 */
@@ -23217,7 +23304,7 @@
 	/**
 	 * return the height of the system Canvas
 	 * @name getHeight
-	 * @memberof Renderer.prototype
+	 * @memberof Renderer
 	 * @function
 	 * @returns {number} height of the system Canvas
 	 */
@@ -23228,7 +23315,7 @@
 	/**
 	 * get the current fill & stroke style color.
 	 * @name getColor
-	 * @memberof Renderer.prototype
+	 * @memberof Renderer
 	 * @function
 	 * @returns {Color} current global color
 	 */
@@ -23239,7 +23326,7 @@
 	/**
 	 * return the current global alpha
 	 * @name globalAlpha
-	 * @memberof Renderer.prototype
+	 * @memberof Renderer
 	 * @function
 	 * @returns {number}
 	 */
@@ -23250,7 +23337,7 @@
 	/**
 	 * 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
@@ -23266,7 +23353,7 @@
 	/**
 	 * 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
@@ -23287,7 +23374,7 @@
 	/**
 	 * 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]
@@ -23317,7 +23404,7 @@
 	/**
 	 * set/change the current projection matrix (WebGL only)
 	 * @name setProjection
-	 * @memberof Renderer.prototype
+	 * @memberof Renderer
 	 * @function
 	 * @param {Matrix3d} matrix
 	 */
@@ -23328,13 +23415,17 @@
 	/**
 	 * stroke the given shape
 	 * @name stroke
-	 * @memberof Renderer.prototype
+	 * @memberof Renderer
 	 * @function
 	 * @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
 	 */
 	Renderer.prototype.stroke = function stroke (shape, fill) {
-	    if (shape instanceof Rect || shape instanceof Bounds$1) {
+	    if (shape instanceof RoundRect) {
+	        this.strokeRoundRect(shape.left, shape.top, shape.width, shape.height, shape.radius, fill);
+	        return;
+	    }
+	    if (shape instanceof Rect$1 || shape instanceof Bounds$1) {
 	        this.strokeRect(shape.left, shape.top, shape.width, shape.height, fill);
 	        return;
 	    }
@@ -23342,10 +23433,6 @@
 	        this.strokePolygon(shape, fill);
 	        return;
 	    }
-	    if (shape instanceof RoundRect) {
-	        this.strokeRoundRect(shape.left, shape.top, shape.width, shape.height, shape.radius, fill);
-	        return;
-	    }
 	    if (shape instanceof Ellipse) {
 	        this.strokeEllipse(
 	            shape.pos.x,
@@ -23362,7 +23449,7 @@
 	/**
 	 * fill the given shape
 	 * @name fill
-	 * @memberof Renderer.prototype
+	 * @memberof Renderer
 	 * @function
 	 * @param {Rect|RoundRect|Polygon|Line|Ellipse} shape a shape object to fill
 	 */
@@ -23373,7 +23460,7 @@
 	/**
 	 * 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
@@ -23404,9 +23491,10 @@
 	 * 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|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
 	 */
 	// eslint-disable-next-line no-unused-vars
 	Renderer.prototype.setMask = function setMask (mask) {};
@@ -23415,7 +23503,7 @@
 	 * disable (remove) the rendering mask set through setMask.
 	 * @name clearMask
 	 * @see Renderer#setMask
-	 * @memberof Renderer.prototype
+	 * @memberof Renderer
 	 * @function
 	 */
 	Renderer.prototype.clearMask = function clearMask () {};
@@ -23423,7 +23511,7 @@
 	/**
 	 * 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
@@ -23440,7 +23528,7 @@
 	 * clear the rendering tint set through setTint.
 	 * @name clearTint
 	 * @see Renderer#setTint
-	 * @memberof Renderer.prototype
+	 * @memberof Renderer
 	 * @function
 	 */
 	Renderer.prototype.clearTint = function clearTint () {
@@ -23511,7 +23599,7 @@
 	    /**
 	     * Reset context state
 	     * @name reset
-	     * @memberof CanvasRenderer.prototype
+	     * @memberof CanvasRenderer
 	     * @function
 	     */
 	    CanvasRenderer.prototype.reset = function reset () {
@@ -23522,7 +23610,7 @@
 	    /**
 	     * Reset the canvas transform to identity
 	     * @name resetTransform
-	     * @memberof CanvasRenderer.prototype
+	     * @memberof CanvasRenderer
 	     * @function
 	     */
 	    CanvasRenderer.prototype.resetTransform = function resetTransform () {
@@ -23542,7 +23630,7 @@
 	     * <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]
@@ -23582,7 +23670,7 @@
 	    /**
 	     * prepare the framebuffer for drawing a new frame
 	     * @name clear
-	     * @memberof CanvasRenderer.prototype
+	     * @memberof CanvasRenderer
 	     * @function
 	     */
 	    CanvasRenderer.prototype.clear = function clear () {
@@ -23594,7 +23682,7 @@
 	    /**
 	     * render the main framebuffer on screen
 	     * @name flush
-	     * @memberof CanvasRenderer.prototype
+	     * @memberof CanvasRenderer
 	     * @function
 	     */
 	    CanvasRenderer.prototype.flush = function flush () {
@@ -23606,7 +23694,7 @@
 	    /**
 	     * 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]
@@ -23625,7 +23713,7 @@
 	    /**
 	     * 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.
@@ -23639,7 +23727,7 @@
 	    /**
 	     * 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
@@ -23658,7 +23746,7 @@
 	    /**
 	     * 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.
@@ -23722,7 +23810,7 @@
 	    /**
 	     * Draw a pattern within the given rectangle.
 	     * @name drawPattern
-	     * @memberof CanvasRenderer.prototype
+	     * @memberof CanvasRenderer
 	     * @function
 	     * @param {CanvasPattern} pattern Pattern object
 	     * @param {number} x
@@ -23746,7 +23834,7 @@
 	    /**
 	     * 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
@@ -23775,7 +23863,7 @@
 	    /**
 	     * 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
@@ -23791,7 +23879,7 @@
 	    /**
 	     * 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
@@ -23835,7 +23923,7 @@
 	    /**
 	     * 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
@@ -23849,7 +23937,7 @@
 	    /**
 	     * 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
@@ -23871,7 +23959,7 @@
 	    /**
 	     * 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
@@ -23885,7 +23973,7 @@
 	    /**
 	     * 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
@@ -23916,7 +24004,7 @@
 	    /**
 	     * Fill the given me.Polygon on the screen
 	     * @name fillPolygon
-	     * @memberof CanvasRenderer.prototype
+	     * @memberof CanvasRenderer
 	     * @function
 	     * @param {Polygon} poly the shape to draw
 	     */
@@ -23927,7 +24015,7 @@
 	    /**
 	     * Stroke a rectangle at the specified coordinates
 	     * @name strokeRect
-	     * @memberof CanvasRenderer.prototype
+	     * @memberof CanvasRenderer
 	     * @function
 	     * @param {number} x
 	     * @param {number} y
@@ -23950,7 +24038,7 @@
 	    /**
 	     * Draw a filled rectangle at the specified coordinates
 	     * @name fillRect
-	     * @memberof CanvasRenderer.prototype
+	     * @memberof CanvasRenderer
 	     * @function
 	     * @param {number} x
 	     * @param {number} y
@@ -23964,7 +24052,7 @@
 	    /**
 	     * Stroke a rounded rectangle at the specified coordinates
 	     * @name strokeRoundRect
-	     * @memberof CanvasRenderer.prototype
+	     * @memberof CanvasRenderer
 	     * @function
 	     * @param {number} x
 	     * @param {number} y
@@ -23990,7 +24078,7 @@
 	    /**
 	     * Draw a rounded filled rectangle at the specified coordinates
 	     * @name fillRoundRect
-	     * @memberof CanvasRenderer.prototype
+	     * @memberof CanvasRenderer
 	     * @function
 	     * @param {number} x
 	     * @param {number} y
@@ -24006,7 +24094,7 @@
 	    /**
 	     * return a reference to the system 2d Context
 	     * @name getContext
-	     * @memberof CanvasRenderer.prototype
+	     * @memberof CanvasRenderer
 	     * @function
 	     * @returns {CanvasRenderingContext2D}
 	     */
@@ -24026,7 +24114,7 @@
 	    /**
 	     * save the canvas context
 	     * @name save
-	     * @memberof CanvasRenderer.prototype
+	     * @memberof CanvasRenderer
 	     * @function
 	     */
 	    CanvasRenderer.prototype.save = function save () {
@@ -24036,7 +24124,7 @@
 	    /**
 	     * restores the canvas context
 	     * @name restore
-	     * @memberof CanvasRenderer.prototype
+	     * @memberof CanvasRenderer
 	     * @function
 	     */
 	    CanvasRenderer.prototype.restore = function restore () {
@@ -24051,7 +24139,7 @@
 	    /**
 	     * rotates the canvas context
 	     * @name rotate
-	     * @memberof CanvasRenderer.prototype
+	     * @memberof CanvasRenderer
 	     * @function
 	     * @param {number} angle in radians
 	     */
@@ -24062,7 +24150,7 @@
 	    /**
 	     * scales the canvas context
 	     * @name scale
-	     * @memberof CanvasRenderer.prototype
+	     * @memberof CanvasRenderer
 	     * @function
 	     * @param {number} x
 	     * @param {number} y
@@ -24075,7 +24163,7 @@
 	     * 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
 	     */
@@ -24091,7 +24179,7 @@
 	    /**
 	     * Set the global alpha
 	     * @name setGlobalAlpha
-	     * @memberof CanvasRenderer.prototype
+	     * @memberof CanvasRenderer
 	     * @function
 	     * @param {number} alpha 0.0 to 1.0 values accepted.
 	     */
@@ -24102,7 +24190,7 @@
 	    /**
 	     * Return the global alpha
 	     * @name getGlobalAlpha
-	     * @memberof CanvasRenderer.prototype
+	     * @memberof CanvasRenderer
 	     * @function
 	     * @returns {number} global alpha value
 	     */
@@ -24113,7 +24201,7 @@
 	    /**
 	     * Set the line width on the context
 	     * @name setLineWidth
-	     * @memberof CanvasRenderer.prototype
+	     * @memberof CanvasRenderer
 	     * @function
 	     * @param {number} width Line width
 	     */
@@ -24125,7 +24213,7 @@
 	     * 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
 	     */
@@ -24137,7 +24225,7 @@
 	    /**
 	     * Multiply given matrix into the renderer tranformation matrix
 	     * @name transform
-	     * @memberof CanvasRenderer.prototype
+	     * @memberof CanvasRenderer
 	     * @function
 	     * @param {Matrix2d} mat2d Matrix to transform by
 	     */
@@ -24161,7 +24249,7 @@
 	    /**
 	     * Translates the context to the given position
 	     * @name translate
-	     * @memberof CanvasRenderer.prototype
+	     * @memberof CanvasRenderer
 	     * @function
 	     * @param {number} x
 	     * @param {number} y
@@ -24181,7 +24269,7 @@
 	     * 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
@@ -24214,21 +24302,30 @@
 	     * 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.prototype
+	     * @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
 	     */
-	    CanvasRenderer.prototype.setMask = function setMask (mask) {
-	        var context = this.getContext();
-	        var _x = mask.pos.x, _y = mask.pos.y;
+	    CanvasRenderer.prototype.setMask = function setMask (mask, invert) {
+	        if ( invert === void 0 ) invert = false;
 
-	        context.save();
+	        var context = this.getContext();
 
-	        context.beginPath();
+	        if (this.maskLevel === 0) {
+	            // only save context on the first mask
+	            context.save();
+	            context.beginPath();
+	        }
 
 	        // https://github.com/melonjs/melonJS/issues/648
-	        if (mask instanceof Ellipse) {
-	            var hw = mask.radiusV.x,
+	        else if (mask instanceof RoundRect) {
+	            context.roundRect(mask.top, mask.left, mask.width, mask.height, mask.radius);
+	        } else if (mask instanceof Rect || mask instanceof Bounds$1) {
+	            context.rect(mask.top, mask.left, mask.width, mask.height);
+	        }  else if (mask instanceof Ellipse) {
+	            var _x = mask.pos.x, _y = mask.pos.y,
+	                hw = mask.radiusV.x,
 	                hh = mask.radiusV.y,
 	                lx = _x - hw,
 	                rx = _x + hw,
@@ -24247,29 +24344,40 @@
 	            context.bezierCurveTo(rx, ymax, xmax, by, _x, by);
 	            context.bezierCurveTo(xmin, by, lx, ymax, lx, _y);
 	            context.bezierCurveTo(lx, ymin, xmin, ty, _x, ty);
-	        } else if (mask instanceof RoundRect) {
-	            context.roundRect(_x, _y, mask.width, mask.height, mask.radius);
 	        } else {
-	            context.moveTo(_x + mask.points[0].x, _y + mask.points[0].y);
+	            var _x$1 = mask.pos.x, _y$1 = mask.pos.y;
 	            var point;
+
+	            context.moveTo(_x$1 + mask.points[0].x, _y$1 + mask.points[0].y);
 	            for (var i = 1; i < mask.points.length; i++) {
 	                point = mask.points[i];
-	                context.lineTo(_x + point.x, _y + point.y);
+	                context.lineTo(_x$1 + point.x, _y$1 + point.y);
 	            }
 	        }
 
-	        context.clip();
+	        this.maskLevel++;
+
+	        if (invert === true) {
+	            context.closePath();
+	            context.globalCompositeOperation = "destination-atop";
+	            context.fill();
+	        } else {
+	            context.clip();
+	        }
 	    };
 
 	    /**
 	     * disable (remove) the rendering mask set through setMask.
 	     * @name clearMask
 	     * @see CanvasRenderer#setMask
-	     * @memberof CanvasRenderer.prototype
+	     * @memberof CanvasRenderer
 	     * @function
 	     */
 	    CanvasRenderer.prototype.clearMask = function clearMask () {
-	        this.getContext().restore();
+	        if (this.maskLevel > 0) {
+	            this.maskLevel = 0;
+	            this.getContext().restore();
+	        }
 	    };
 
 	    return CanvasRenderer;
@@ -24711,7 +24819,7 @@
 	    this.onResetEvent(vertices);
 	};
 
-	var prototypeAccessors = { x: { configurable: true },y: { configurable: true },width: { configurable: true },height: { configurable: true },left: { configurable: true },right: { configurable: true },top: { configurable: true },bottom: { configurable: true },centerX: { configurable: true },centerY: { configurable: true },center: { configurable: true } };
+	var prototypeAccessors$1 = { x: { configurable: true },y: { configurable: true },width: { configurable: true },height: { configurable: true },left: { configurable: true },right: { configurable: true },top: { configurable: true },bottom: { configurable: true },centerX: { configurable: true },centerY: { configurable: true },center: { configurable: true } };
 
 	/**
 	 * @ignore
@@ -24764,11 +24872,11 @@
 	 * @name x
 	 * @memberof Bounds
 	 */
-	prototypeAccessors.x.get = function () {
+	prototypeAccessors$1.x.get = function () {
 	    return this.min.x;
 	};
 
-	prototypeAccessors.x.set = function (value) {
+	prototypeAccessors$1.x.set = function (value) {
 	    var deltaX = this.max.x - this.min.x;
 	    this.min.x = value;
 	    this.max.x = value + deltaX;
@@ -24781,11 +24889,11 @@
 	 * @name y
 	 * @memberof Bounds
 	 */
-	prototypeAccessors.y.get = function () {
+	prototypeAccessors$1.y.get = function () {
 	    return this.min.y;
 	};
 
-	prototypeAccessors.y.set = function (value) {
+	prototypeAccessors$1.y.set = function (value) {
 	    var deltaY = this.max.y - this.min.y;
 
 	    this.min.y = value;
@@ -24799,11 +24907,11 @@
 	 * @name width
 	 * @memberof Bounds
 	 */
-	prototypeAccessors.width.get = function () {
+	prototypeAccessors$1.width.get = function () {
 	    return this.max.x - this.min.x;
 	};
 
-	prototypeAccessors.width.set = function (value) {
+	prototypeAccessors$1.width.set = function (value) {
 	    this.max.x = this.min.x + value;
 	};
 
@@ -24814,11 +24922,11 @@
 	 * @name width
 	 * @memberof Bounds
 	 */
-	prototypeAccessors.height.get = function () {
+	prototypeAccessors$1.height.get = function () {
 	    return this.max.y - this.min.y;
 	};
 
-	prototypeAccessors.height.set = function (value) {
+	prototypeAccessors$1.height.set = function (value) {
 	    this.max.y = this.min.y + value;
 	};
 
@@ -24829,7 +24937,7 @@
 	 * @name left
 	 * @memberof Bounds
 	 */
-	prototypeAccessors.left.get = function () {
+	prototypeAccessors$1.left.get = function () {
 	    return this.min.x;
 	};
 
@@ -24840,7 +24948,7 @@
 	 * @name right
 	 * @memberof Bounds
 	 */
-	prototypeAccessors.right.get = function () {
+	prototypeAccessors$1.right.get = function () {
 	    return this.max.x;
 	};
 
@@ -24851,7 +24959,7 @@
 	 * @name top
 	 * @memberof Bounds
 	 */
-	prototypeAccessors.top.get = function () {
+	prototypeAccessors$1.top.get = function () {
 	    return this.min.y;
 	};
 
@@ -24862,7 +24970,7 @@
 	 * @name bottom
 	 * @memberof Bounds
 	 */
-	prototypeAccessors.bottom.get = function () {
+	prototypeAccessors$1.bottom.get = function () {
 	    return this.max.y;
 	};
 
@@ -24873,7 +24981,7 @@
 	 * @name centerX
 	 * @memberof Bounds
 	 */
-	prototypeAccessors.centerX.get = function () {
+	prototypeAccessors$1.centerX.get = function () {
 	    return this.min.x + (this.width / 2);
 	};
 
@@ -24884,7 +24992,7 @@
 	 * @name centerY
 	 * @memberof Bounds
 	 */
-	prototypeAccessors.centerY.get = function () {
+	prototypeAccessors$1.centerY.get = function () {
 	    return this.min.y + (this.height / 2);
 	};
 
@@ -24895,7 +25003,7 @@
 	 * @name center
 	 * @memberof Bounds
 	 */
-	prototypeAccessors.center.get = function () {
+	prototypeAccessors$1.center.get = function () {
 	    return this._center.set(this.centerX, this.centerY);
 	};
 
@@ -25159,7 +25267,7 @@
 	    ]);
 	};
 
-	Object.defineProperties( Bounds.prototype, prototypeAccessors );
+	Object.defineProperties( Bounds.prototype, prototypeAccessors$1 );
 
 	/* eslint-disable no-unused-vars */
 
@@ -31547,8 +31655,8 @@
 	        /**
 	         * The WebGL context
 	         * @name gl
-	         * @memberof WebGLRenderer#
-	         * type {WebGLRenderingContext}
+	         * @memberof WebGLRenderer
+	         * @type {WebGLRenderingContext}
 	         */
 	        this.context = this.gl = this.getContextGL(this.getScreenCanvas(), options.transparent);
 
@@ -31652,7 +31760,7 @@
 	    /**
 	     * Reset context state
 	     * @name reset
-	     * @memberof WebGLRenderer.prototype
+	     * @memberof WebGLRenderer
 	     * @function
 	     */
 	    WebGLRenderer.prototype.reset = function reset () {
@@ -31681,7 +31789,7 @@
 	     * @name setCompositor
 	     * @function
 	     * @param {WebGLCompositor|string} compositor a compositor name or instance
-	     * @memberof WebGLRenderer.prototype
+	     * @memberof WebGLRenderer
 	     * @function
 	     */
 	    WebGLRenderer.prototype.setCompositor = function setCompositor (compositor) {
@@ -31709,7 +31817,7 @@
 	    /**
 	     * Reset the gl transform to identity
 	     * @name resetTransform
-	     * @memberof WebGLRenderer.prototype
+	     * @memberof WebGLRenderer
 	     * @function
 	     */
 	    WebGLRenderer.prototype.resetTransform = function resetTransform () {
@@ -31756,7 +31864,7 @@
 	    /**
 	     * 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
@@ -31789,7 +31897,7 @@
 	    /**
 	     * Flush the compositor to the frame buffer
 	     * @name flush
-	     * @memberof WebGLRenderer.prototype
+	     * @memberof WebGLRenderer
 	     * @function
 	     */
 	    WebGLRenderer.prototype.flush = function flush () {
@@ -31799,7 +31907,7 @@
 	    /**
 	     * set/change the current projection matrix (WebGL only)
 	     * @name setProjection
-	     * @memberof WebGLRenderer.prototype
+	     * @memberof WebGLRenderer
 	     * @function
 	     * @param {Matrix3d} matrix
 	     */
@@ -31811,7 +31919,7 @@
 	    /**
 	     * 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]
@@ -31842,7 +31950,7 @@
 	    /**
 	     * 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.
@@ -31892,7 +32000,7 @@
 	    /**
 	     * 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.
@@ -31945,7 +32053,7 @@
 	    /**
 	     * Draw a pattern within the given rectangle.
 	     * @name drawPattern
-	     * @memberof WebGLRenderer.prototype
+	     * @memberof WebGLRenderer
 	     * @function
 	     * @param {TextureAtlas} pattern Pattern object
 	     * @param {number} x
@@ -31963,7 +32071,7 @@
 	    /**
 	     * return a reference to the screen canvas corresponding WebGL Context
 	     * @name getScreenContext
-	     * @memberof WebGLRenderer.prototype
+	     * @memberof WebGLRenderer
 	     * @function
 	     * @returns {WebGLRenderingContext}
 	     */
@@ -31974,7 +32082,7 @@
 	    /**
 	     * 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
@@ -32032,7 +32140,7 @@
 	     * 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}
 	     */
@@ -32053,7 +32161,7 @@
 	     * <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]
@@ -32107,7 +32215,7 @@
 	    /**
 	     * restores the canvas context
 	     * @name restore
-	     * @memberof WebGLRenderer.prototype
+	     * @memberof WebGLRenderer
 	     * @function
 	     */
 	    WebGLRenderer.prototype.restore = function restore () {
@@ -32143,7 +32251,7 @@
 	    /**
 	     * saves the canvas context
 	     * @name save
-	     * @memberof WebGLRenderer.prototype
+	     * @memberof WebGLRenderer
 	     * @function
 	     */
 	    WebGLRenderer.prototype.save = function save () {
@@ -32161,7 +32269,7 @@
 	    /**
 	     * rotates the uniform matrix
 	     * @name rotate
-	     * @memberof WebGLRenderer.prototype
+	     * @memberof WebGLRenderer
 	     * @function
 	     * @param {number} angle in radians
 	     */
@@ -32172,7 +32280,7 @@
 	    /**
 	     * scales the uniform matrix
 	     * @name scale
-	     * @memberof WebGLRenderer.prototype
+	     * @memberof WebGLRenderer
 	     * @function
 	     * @param {number} x
 	     * @param {number} y
@@ -32193,7 +32301,7 @@
 	    /**
 	     * Set the global alpha
 	     * @name setGlobalAlpha
-	     * @memberof WebGLRenderer.prototype
+	     * @memberof WebGLRenderer
 	     * @function
 	     * @param {number} alpha 0.0 to 1.0 values accepted.
 	     */
@@ -32204,7 +32312,7 @@
 	    /**
 	     * Return the global alpha
 	     * @name getGlobalAlpha
-	     * @memberof WebGLRenderer.prototype
+	     * @memberof WebGLRenderer
 	     * @function
 	     * @returns {number} global alpha value
 	     */
@@ -32216,7 +32324,7 @@
 	     * 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.
 	     */
@@ -32229,7 +32337,7 @@
 	    /**
 	     * Set the line width
 	     * @name setLineWidth
-	     * @memberof WebGLRenderer.prototype
+	     * @memberof WebGLRenderer
 	     * @function
 	     * @param {number} width Line width
 	     */
@@ -32240,7 +32348,7 @@
 	    /**
 	     * 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
@@ -32271,7 +32379,7 @@
 	    /**
 	     * 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
@@ -32289,7 +32397,7 @@
 	    /**
 	     * 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
@@ -32317,7 +32425,7 @@
 	    /**
 	     * 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
@@ -32331,7 +32439,7 @@
 	    /**
 	     * 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
@@ -32353,7 +32461,7 @@
 	    /**
 	     * 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
@@ -32367,7 +32475,7 @@
 	    /**
 	     * 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
@@ -32401,7 +32509,7 @@
 	    /**
 	     * Fill a me.Polygon on the screen
 	     * @name fillPolygon
-	     * @memberof WebGLRenderer.prototype
+	     * @memberof WebGLRenderer
 	     * @function
 	     * @param {Polygon} poly the shape to draw
 	     */
@@ -32412,7 +32520,7 @@
 	    /**
 	     * Draw a stroke rectangle at the specified coordinates
 	     * @name strokeRect
-	     * @memberof WebGLRenderer.prototype
+	     * @memberof WebGLRenderer
 	     * @function
 	     * @param {number} x
 	     * @param {number} y
@@ -32439,7 +32547,7 @@
 	    /**
 	     * Draw a filled rectangle at the specified coordinates
 	     * @name fillRect
-	     * @memberof WebGLRenderer.prototype
+	     * @memberof WebGLRenderer
 	     * @function
 	     * @param {number} x
 	     * @param {number} y
@@ -32453,7 +32561,7 @@
 	    /**
 	     * Stroke a rounded rectangle at the specified coordinates
 	     * @name strokeRoundRect
-	     * @memberof WebGLRenderer.prototype
+	     * @memberof WebGLRenderer
 	     * @function
 	     * @param {number} x
 	     * @param {number} y
@@ -32482,7 +32590,7 @@
 	    /**
 	     * Draw a rounded filled rectangle at the specified coordinates
 	     * @name fillRoundRect
-	     * @memberof WebGLRenderer.prototype
+	     * @memberof WebGLRenderer
 	     * @function
 	     * @param {number} x
 	     * @param {number} y
@@ -32498,7 +32606,7 @@
 	     * 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
 	     */
@@ -32510,7 +32618,7 @@
 	    /**
 	     * Multiply given matrix into the renderer tranformation matrix
 	     * @name transform
-	     * @memberof WebGLRenderer.prototype
+	     * @memberof WebGLRenderer
 	     * @function
 	     * @param {Matrix2d} mat2d Matrix to transform by
 	     */
@@ -32528,7 +32636,7 @@
 	    /**
 	     * Translates the uniform matrix by the given coordinates
 	     * @name translate
-	     * @memberof WebGLRenderer.prototype
+	     * @memberof WebGLRenderer
 	     * @function
 	     * @param {number} x
 	     * @param {number} y
@@ -32551,7 +32659,7 @@
 	     * 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
@@ -32599,31 +32707,48 @@
 	     * 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.prototype
+	     * @memberof WebGLRenderer
 	     * @function
-	     * @param {Rect|RoundRect|Polygon|Line|Ellipse} [mask] the shape defining the mask to be applied
+	     * @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
 	     */
-	    WebGLRenderer.prototype.setMask = function setMask (mask) {
+	    WebGLRenderer.prototype.setMask = function setMask (mask, invert) {
+	        if ( invert === void 0 ) invert = false;
+
 	        var gl = this.gl;
 
 	        // flush the compositor
 	        this.flush();
 
-	        // Enable and setup GL state to write to stencil buffer
-	        gl.enable(gl.STENCIL_TEST);
-	        gl.clear(gl.STENCIL_BUFFER_BIT);
+	        if (this.maskLevel === 0) {
+	            // Enable and setup GL state to write to stencil buffer
+	            gl.enable(gl.STENCIL_TEST);
+	            gl.clear(gl.STENCIL_BUFFER_BIT);
+
+
+	        }
+
+	        this.maskLevel++;
+
 	        gl.colorMask(false, false, false, false);
-	        gl.stencilFunc(gl.NOTEQUAL, 1, 1);
+	        gl.stencilFunc(gl.EQUAL, this.maskLevel, 1);
 	        gl.stencilOp(gl.REPLACE, gl.REPLACE, gl.REPLACE);
 
+
+	        // fill the given mask shape
 	        this.fill(mask);
 
 	        // flush the compositor
 	        this.flush();
 
-	        // Use stencil buffer to affect next rendering object
 	        gl.colorMask(true, true, true, true);
-	        gl.stencilFunc(gl.EQUAL, 1, 1);
+
+	        // Use stencil buffer to affect next rendering object
+	        if (invert === true) {
+	            gl.stencilFunc(gl.EQUAL, this.maskLevel + 1, 1);
+	        } else {
+	            gl.stencilFunc(gl.NOTEQUAL, this.maskLevel + 1, 1);
+	        }
 	        gl.stencilOp(gl.KEEP, gl.KEEP, gl.KEEP);
 	    };
 
@@ -32631,13 +32756,16 @@
 	     * disable (remove) the rendering mask set through setMask.
 	     * @name clearMask
 	     * @see WebGLRenderer#setMask
-	     * @memberof WebGLRenderer.prototype
+	     * @memberof WebGLRenderer
 	     * @function
 	     */
 	    WebGLRenderer.prototype.clearMask = function clearMask () {
-	        // flush the compositor
-	        this.flush();
-	        this.gl.disable(this.gl.STENCIL_TEST);
+	        if (this.maskLevel > 0) {
+	            // flush the compositor
+	            this.flush();
+	            this.maskLevel = 0;
+	            this.gl.disable(this.gl.STENCIL_TEST);
+	        }
 	    };
 
 	    return WebGLRenderer;
@@ -33840,10 +33968,10 @@
 	     * this can be overridden by the plugin
 	     * @public
 	     * @type {string}
-	     * @default "10.9.0"
+	     * @default "10.10.0"
 	     * @name plugin.Base#version
 	     */
-	    this.version = "10.9.0";
+	    this.version = "10.10.0";
 	};
 
 	/**
@@ -34853,6 +34981,89 @@
 
 	Object.defineProperties( Tween, staticAccessors );
 
+	/**
+	 * Creates a Canvas Texture of the given size
+	 */
+	var CanvasTexture = function CanvasTexture(width, height, offscreenCanvas) {
+	    if ( offscreenCanvas === void 0 ) offscreenCanvas = true;
+
+	    /**
+	     * the canvas created for this CanvasTexture
+	     * @type {HTMLCanvasElement|OffscreenCanvas}
+	     */
+	    this.canvas = createCanvas(width, height, offscreenCanvas);
+
+	    /**
+	     * the rendering context of this CanvasTexture
+	     * @type {CanvasRenderingContext2D}
+	     */
+	    this.context = this.canvas.getContext("2d");
+	};
+
+	var prototypeAccessors = { width: { configurable: true },height: { configurable: true } };
+
+	/**
+	 * @ignore
+	 */
+	CanvasTexture.prototype.onResetEvent = function onResetEvent (width, height) {
+	    this.clear();
+	    this.resize(width, height);
+	};
+
+	/**
+	 * Clears the content of the canvas texture
+	 */
+	CanvasTexture.prototype.clear = function clear () {
+	    this.context.setTransform(1, 0, 0, 1, 0, 0);
+	    this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
+	};
+
+	/**
+	 * Resizes the canvas texture to the given width and height.
+	 * @param {number} width the desired width
+	 * @param {number} height the desired height
+	 */
+	CanvasTexture.prototype.resize = function resize (width, height) {
+	    this.canvas.width = Math.round(width);
+	    this.canvas.height = Math.round(height);
+	};
+
+	/**
+	 * @ignore
+	 */
+	CanvasTexture.prototype.destroy = function destroy () {
+	    this.context = undefined;
+	    this.canvas = undefined;
+	};
+
+	/**
+	 * The width of this canvas texture in pixels
+	 * @public
+	 * @type {number}
+	 */
+	prototypeAccessors.width.get = function () {
+	    return this.canvas.width;
+	};
+
+	prototypeAccessors.width.set = function (val) {
+	    this.canvas.width = Math.round(val);
+	};
+
+	/**
+	 * The height of this canvas texture in pixels
+	 * @public
+	 * @type {number}
+	 */
+	prototypeAccessors.height.get = function () {
+	    return this.canvas.height;
+	};
+
+	prototypeAccessors.height.set = function (val) {
+	    this.canvas.height = Math.round(val);
+	};
+
+	Object.defineProperties( CanvasTexture.prototype, prototypeAccessors );
+
 	/**
 	 * apply the current text style to the given context
 	 * @ignore
@@ -35048,7 +35259,7 @@
 	// return a valid 2d context for Text rendering/styling
 	var getContext2d = function (renderer, text) {
 	    if (text.offScreenCanvas === true) {
-	        return text.context;
+	        return text.canvasTexture.context;
 	    } else {
 	        return renderer.getFontContext();
 	    }
@@ -35200,8 +35411,7 @@
 
 	        if (settings.offScreenCanvas === true) {
 	            this.offScreenCanvas = true;
-	            this.canvas = createCanvas(2, 2, true);
-	            this.context = this.canvas.getContext("2d");
+	            this.canvasTexture = pool$1.pull("CanvasTexture", 2, 2, true);
 	        }
 
 	        // instance to text metrics functions
@@ -35216,10 +35426,9 @@
 	        // free the canvas and potential corresponding texture when deactivated
 	        if (this.offScreenCanvas === true) {
 	            renderer.currentCompositor.deleteTexture2D(renderer.currentCompositor.getTexture2D(this.glTextureUnit));
-	            renderer.cache.delete(this.canvas);
-	            this.canvas.width = this.canvas.height = 0;
-	            this.context = undefined;
-	            this.canvas = undefined;
+	            renderer.cache.delete(this.canvasTexture.canvas);
+	            pool$1.push(this.canvasTexture);
+	            this.canvasTexture = undefined;
 	            this.glTextureUnit = undefined;
 	        }
 	    };
@@ -35321,7 +35530,7 @@
 
 	            if (renderer instanceof WebGLRenderer) {
 	                // invalidate the previous corresponding texture so that it can reuploaded once changed
-	                this.glTextureUnit = renderer.cache.getUnit(renderer.cache.get(this.canvas));
+	                this.glTextureUnit = renderer.cache.getUnit(renderer.cache.get(this.canvasTexture.canvas));
 	                renderer.currentCompositor.unbindTexture2D(null, this.glTextureUnit);
 
 	                if (renderer.WebGLVersion === 1) {
@@ -35332,14 +35541,12 @@
 	            }
 
 	            // resize the cache canvas if necessary
-	            if (this.canvas.width < width || this.canvas.height < height) {
-	                this.canvas.width = width;
-	                this.canvas.height = height;
-	                // resizing the canvas will automatically clear its content
-	            } else {
-	                this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
+	            if (this.canvasTexture.width < width || this.canvasTexture.height < height) {
+	                this.canvasTexture.resize(width, height);
 	            }
-	            this._drawFont(this.context, this._text,  this.pos.x - this.metrics.x, this.pos.y - this.metrics.y, false);
+
+	            this.canvasTexture.clear();
+	            this._drawFont(this.canvasTexture.context, this._text,  this.pos.x - this.metrics.x, this.pos.y - this.metrics.y, false);
 	        }
 
 	        this.isDirty = true;
@@ -35406,7 +35613,7 @@
 
 	        // draw the text
 	        if (this.offScreenCanvas === true) {
-	            renderer.drawImage(this.canvas, x, y);
+	            renderer.drawImage(this.canvasTexture.canvas, x, y);
 	        } else {
 	            renderer.drawFont(this._drawFont(renderer.getFontContext(), this._text, x, y, stroke));
 	        }
@@ -36237,7 +36444,7 @@
 	    /**
 	     * 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
@@ -36327,7 +36534,7 @@
 	     * draw the ImageLayer. <br>
 	     * automatically called by the game manager {@link game}
 	     * @name draw
-	     * @memberof ImageLayer.prototype
+	     * @memberof ImageLayer
 	     * @function
 	     * @protected
 	     * @param {CanvasRenderer|WebGLRenderer} renderer a renderer object
@@ -36659,7 +36866,7 @@
 	    /**
 	     * 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
@@ -36682,7 +36889,7 @@
 	    /**
 	     * 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
@@ -36703,7 +36910,7 @@
 	    /**
 	     * 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
@@ -36728,7 +36935,7 @@
 	    /**
 	     * 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
@@ -36753,7 +36960,7 @@
 	     * 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
 	     */
@@ -36952,6 +37159,120 @@
 	    return Trigger;
 	}(Renderable));
 
+	/** @ignore */
+	function createGradient(light) {
+	    var context = light.texture.context;
+	    var x1 = light.texture.width / 2;
+	    var y1 = light.texture.height / 2;
+	    var gradient = context.createRadialGradient(x1, y1, 0, x1, y1, light.radius);
+
+	    light.texture.clear();
+
+	    gradient.addColorStop( 0, light.color.toRGBA(light.intensity));
+	    gradient.addColorStop( 1, light.color.toRGBA(0.0));
+
+	    context.beginPath();
+	    context.fillStyle = gradient;
+	    context.arc(x1, y1, light.radius, 0, Math.PI * 2, false);
+	    context.fill();
+	}
+
+	/**
+	 * @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
+	 */
+	var Light2d = /*@__PURE__*/(function (Renderable) {
+	   function Light2d(x, y, radius, color, intensity) {
+	        if ( color === void 0 ) color = "#FFF";
+	        if ( intensity === void 0 ) intensity = 0.7;
+
+	        // call the parent constructor
+	        Renderable.call(this, x, y, radius * 2, radius * 2);
+
+	        /**
+	         * the color of the light
+	         * @type {Color}
+	         * @default "#FFF"
+	         */
+	        this.color = pool$1.pull("Color").parseCSS(color);
+
+	        /**
+	         * The radius of the light
+	         * @type {number}
+	         */
+	        this.radius = radius;
+
+	        /**
+	         * The intensity of the light
+	         * @type {number}
+	         * @default 0.7
+	         */
+	        this.intensity = intensity;
+
+	        /**
+	         * the default blend mode to be applied when rendering this light
+	         * @type {string}
+	         * @default "lighter"
+	         * @see CanvasRenderer#setBlendMode
+	         * @see WebGLRenderer#setBlendMode
+	         */
+	        this.blendMode = "lighter";
+
+	        /** @ignore */
+	        this.visibleArea = pool$1.pull("Ellipse", this.centerX, this.centerY, this.width, this.height);
+
+	        /** @ignore */
+	        this.texture = pool$1.pull("CanvasTexture", this.width, this.height, false);
+
+	        this.anchorPoint.set(0, 0);
+
+	        createGradient(this);
+	    }
+
+	   if ( Renderable ) Light2d.__proto__ = Renderable;
+	   Light2d.prototype = Object.create( Renderable && Renderable.prototype );
+	   Light2d.prototype.constructor = Light2d;
+
+	    /**
+	     * returns a geometry representing the visible area of this light
+	     * @name getVisibleArea
+	     * @memberof Light2d
+	     * @function
+	     * @returns {Ellipse} the light visible mask
+	     */
+	    Light2d.prototype.getVisibleArea = function getVisibleArea () {
+	        return this.visibleArea.setShape(this.getBounds().centerX, this.getBounds().centerY, this.width, this.height);
+	    };
+
+	    /**
+	     * object draw (Called internally by the engine).
+	     * @ignore
+	     */
+	    Light2d.prototype.draw = function draw (renderer) {
+	        renderer.drawImage(this.texture.canvas, this.getBounds().x, this.getBounds().y);
+	    };
+
+	    /**
+	     * Destroy function<br>
+	     * @ignore
+	     */
+	    Light2d.prototype.destroy = function destroy () {
+	        pool$1.push(this.color);
+	        this.color = undefined;
+	        pool$1.push(this.texture);
+	        this.texture = undefined;
+	        pool$1.push(this.visibleArea);
+	        this.visibleArea = undefined;
+	        Renderable.prototype.destroy.call(this);
+	    };
+
+	   return Light2d;
+	}(Renderable));
+
 	/**
 	 * @classdesc
 	 * A Draggable base object
@@ -37482,9 +37803,6 @@
 	    framesToSkip : 0
 	};
 
-	// default texture used when no sprite is defined
-	var defaultParticleTexture;
-
 	/**
 	 * @ignore
 	 */
@@ -37492,12 +37810,11 @@
 	    if ( w === void 0 ) w = 8;
 	    if ( h === void 0 ) h = 8;
 
-	    if (typeof defaultParticleTexture === "undefined") {
-	        defaultParticleTexture = createCanvas(w, h, true);
-	        var context = defaultParticleTexture.getContext("2d");
-	        context.fillStyle = "#fff";
-	        context.fillRect(0, 0, w, h);
-	    }
+	    var defaultParticleTexture = pool$1.pull("CanvasTexture", w, h, true);
+
+	    defaultParticleTexture.context.fillStyle = "#fff";
+	    defaultParticleTexture.context.fillRect(0, 0, w, h);
+
 	    return defaultParticleTexture;
 	}
 	/**
@@ -37577,9 +37894,9 @@
 
 	        Object.assign(this.settings, ParticleEmitterSettings, settings);
 
-	        // Cache the image reference
 	        if (typeof this.settings.image === "undefined") {
-	            this.settings.image = createDefaultParticleTexture(settings.textureSize, settings.textureSize);
+	            this._defaultParticle = createDefaultParticleTexture(settings.textureSize, settings.textureSize);
+	            this.settings.image = this._defaultParticle.canvas;
 	        }
 
 	        this.floating = this.settings.floating;
@@ -37709,6 +38026,10 @@
 	        // call the parent destroy method
 	        Container.prototype.destroy.call(this, arguments);
 	        // clean emitter specific Properties
+	        if (typeof this._defaultParticle !== "undefined") {
+	            pool$1.push(this._defaultParticle);
+	            this._defaultParticle = undefined;
+	        }
 	        this.settings.image = undefined;
 	        this.settings = undefined;
 	    };
@@ -38167,9 +38488,10 @@
 	}
 	/**
 	 * @public
-	 * @type {Function}
 	 * @name turnOnPointerLock
-	 * @memberof device
+	 * @function
+	 * @returns {boolean} return true if the request was successfully submitted
+	 * @memberof device#
 	 * @deprecated since 10.3.0
 	 * @see input.requestPointerLock
 	 */
@@ -38180,9 +38502,10 @@
 
 	/**
 	 * @public
-	 * @type {Function}
 	 * @name turnOffPointerLock
-	 * @memberof device
+	 * @function
+	 * @returns {boolean} return true if the request was successfully submitted
+	 * @memberof device#
 	 * @deprecated since 10.3.0
 	 * @see input.exitPointerLock
 	 */
@@ -38259,7 +38582,7 @@
 	 * @name version
 	 * @type {string}
 	 */
-	var version = "10.9.0";
+	var version = "10.10.0";
 
 
 	/**
@@ -38297,6 +38620,7 @@
 	    pool$1.register("me.Entity", Entity);
 	    pool$1.register("me.Collectable", Collectable);
 	    pool$1.register("me.Trigger", Trigger);
+	    pool$1.register("me.Light2d", Light2d);
 	    pool$1.register("me.Tween", Tween, true);
 	    pool$1.register("me.Color", Color, true);
 	    pool$1.register("me.Particle", Particle, true);
@@ -38314,7 +38638,7 @@
 	    pool$1.register("me.ObservableVector3d", ObservableVector3d, true);
 	    pool$1.register("me.Matrix2d", Matrix2d, true);
 	    pool$1.register("me.Matrix3d", Matrix3d, true);
-	    pool$1.register("me.Rect", Rect, true);
+	    pool$1.register("me.Rect", Rect$1, true);
 	    pool$1.register("me.RoundRect", RoundRect, true);
 	    pool$1.register("me.Polygon", Polygon, true);
 	    pool$1.register("me.Line", Line, true);
@@ -38325,6 +38649,7 @@
 	    pool$1.register("Entity", Entity);
 	    pool$1.register("Collectable", Collectable);
 	    pool$1.register("Trigger", Trigger);
+	    pool$1.register("Light2d", Light2d);
 	    pool$1.register("Tween", Tween, true);
 	    pool$1.register("Color", Color, true);
 	    pool$1.register("Particle", Particle, true);
@@ -38342,12 +38667,13 @@
 	    pool$1.register("ObservableVector3d", ObservableVector3d, true);
 	    pool$1.register("Matrix2d", Matrix2d, true);
 	    pool$1.register("Matrix3d", Matrix3d, true);
-	    pool$1.register("Rect", Rect, true);
+	    pool$1.register("Rect", Rect$1, true);
 	    pool$1.register("RoundRect", RoundRect, true);
 	    pool$1.register("Polygon", Polygon, true);
 	    pool$1.register("Line", Line, true);
 	    pool$1.register("Ellipse", Ellipse, true);
 	    pool$1.register("Bounds", Bounds$1, true);
+	    pool$1.register("CanvasTexture", CanvasTexture, true);
 
 	    // publish Boot notification
 	    emit(BOOT);
@@ -38387,6 +38713,7 @@
 	exports.GLShader = GLShader;
 	exports.GUI_Object = GUI_Object;
 	exports.ImageLayer = ImageLayer;
+	exports.Light2d = Light2d;
 	exports.Line = Line;
 	exports.Math = math;
 	exports.Matrix2d = Matrix2d;
@@ -38400,7 +38727,7 @@
 	exports.Pointer = Pointer;
 	exports.Polygon = Polygon;
 	exports.QuadTree = QuadTree;
-	exports.Rect = Rect;
+	exports.Rect = Rect$1;
 	exports.Renderable = Renderable;
 	exports.Renderer = Renderer;
 	exports.RoundRect = RoundRect;