mage-engine 3.20.2 → 3.21.1

package/dist/mage.js

@@ -1,4 +1,4 @@
-import Proton from'three.proton';export{default as Proton}from'three.proton';function ownKeys$1(object, enumerableOnly) {
+function ownKeys$1(object, enumerableOnly) {
   var keys = Object.keys(object);
 
   if (Object.getOwnPropertySymbols) {
@@ -371,13 +371,28 @@ function _createForOfIteratorHelper(o, allowArrayLike) {
       }
     }
   };
-}var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};var between = {exports: {}};/* Between.js v0.1.2-fix.2 */
+}var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getAugmentedNamespace(n) {
+	if (n.__esModule) return n;
+	var a = Object.defineProperty({}, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}var between$1 = {exports: {}};/* Between.js v0.1.2-fix.2 */
 
 (function (module, exports) {
 !function(t,n){module.exports=n();}(commonjsGlobal,function(){function O(t){return (O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function r(t,n){for(var e=0;e<n.length;e++){var r=n[e];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r);}}function n(t,n,e){return n&&r(t.prototype,n),e&&r(t,e),t}function M(t,n,e){return n in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function I(t){return (I=Object.getPrototypeOf||function(t){return t.__proto__})(t)}function o(t,n){return (o=Object.setPrototypeOf||function(t,n){return t.__proto__=n,t})(t,n)}function u(t,n,e){return (u="undefined"!=typeof Reflect&&Reflect.construct?Reflect.construct:function(t,n,e){var r=[null];r.push.apply(r,n);var u=new(t.bind.apply(t,r));return e&&o(u,e.prototype),u}).apply(null,arguments)}function _(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}var t=function(o){var a={},i=[];(o=o||this).on=function(t,n,e){return (a[t]=a[t]||[]).push([n,e]),o},o.off=function(t,n){t||(a={});for(var e=a[t]||i,r=e.length=n?e.length:0;r--;)n==e[r][0]&&e.splice(r,1);return o},o.emit=function(t){for(var n,e=a[t]||i,r=0<e.length?e.slice(0,e.length):e,u=0;n=r[u++];)n[0].apply(n[1],i.slice.call(arguments,1));return o};};var V=function(t,n,e){return t*(1-e)+n*e},e="undefined"!=typeof window?window:"undefined"!=typeof commonjsGlobal?commonjsGlobal:"undefined"!=typeof self?self:{};function a(t,n){return t(n={exports:{}},n.exports),n.exports}for(var i=a(function(t){var n=t.exports={Linear:{None:function(t){return t}},Quadratic:{In:function(t){return t*t},Out:function(t){return t*(2-t)},InOut:function(t){return (t*=2)<1?.5*t*t:-.5*(--t*(t-2)-1)}},Cubic:{In:function(t){return t*t*t},Out:function(t){return --t*t*t+1},InOut:function(t){return (t*=2)<1?.5*t*t*t:.5*((t-=2)*t*t+2)}},Quartic:{In:function(t){return t*t*t*t},Out:function(t){return 1- --t*t*t*t},InOut:function(t){return (t*=2)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2)}},Quintic:{In:function(t){return t*t*t*t*t},Out:function(t){return --t*t*t*t*t+1},InOut:function(t){return (t*=2)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)}},Sinusoidal:{In:function(t){return 1-Math.cos(t*Math.PI/2)},Out:function(t){return Math.sin(t*Math.PI/2)},InOut:function(t){return .5*(1-Math.cos(Math.PI*t))}},Exponential:{In:function(t){return 0===t?0:Math.pow(1024,t-1)},Out:function(t){return 1===t?1:1-Math.pow(2,-10*t)},InOut:function(t){return 0===t?0:1===t?1:(t*=2)<1?.5*Math.pow(1024,t-1):.5*(2-Math.pow(2,-10*(t-1)))}},Circular:{In:function(t){return 1-Math.sqrt(1-t*t)},Out:function(t){return Math.sqrt(1- --t*t)},InOut:function(t){return (t*=2)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)}},Elastic:{In:function(t){var n,e=.1;return 0===t?0:1===t?1:(!e||e<1?(e=1,n=.1):n=.4*Math.asin(1/e)/(2*Math.PI),-e*Math.pow(2,10*(t-=1))*Math.sin((t-n)*(2*Math.PI)/.4))},Out:function(t){var n,e=.1;return 0===t?0:1===t?1:(!e||e<1?(e=1,n=.1):n=.4*Math.asin(1/e)/(2*Math.PI),e*Math.pow(2,-10*t)*Math.sin((t-n)*(2*Math.PI)/.4)+1)},InOut:function(t){var n,e=.1;return 0===t?0:1===t?1:(!e||e<1?(e=1,n=.1):n=.4*Math.asin(1/e)/(2*Math.PI),(t*=2)<1?e*Math.pow(2,10*(t-=1))*Math.sin((t-n)*(2*Math.PI)/.4)*-.5:e*Math.pow(2,-10*(t-=1))*Math.sin((t-n)*(2*Math.PI)/.4)*.5+1)}},Back:{In:function(t){return t*t*(2.70158*t-1.70158)},Out:function(t){return --t*t*(2.70158*t+1.70158)+1},InOut:function(t){var n=2.5949095;return (t*=2)<1?t*t*((n+1)*t-n)*.5:.5*((t-=2)*t*((n+1)*t+n)+2)}},Bounce:{In:function(t){return 1-n.Bounce.Out(1-t)},Out:function(t){return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375},InOut:function(t){return t<.5?.5*n.Bounce.In(2*t):.5*n.Bounce.Out(2*t-1)+.5}}};}),c=(i.Linear,i.Quadratic,i.Cubic,i.Quartic,i.Quintic,i.Sinusoidal,i.Exponential,i.Circular,i.Elastic,i.Back,i.Bounce,a(function(a){(function(){var t,n,e,r,u,o;"undefined"!=typeof performance&&null!==performance&&performance.now?a.exports=function(){return performance.now()}:"undefined"!=typeof process&&null!==process&&process.hrtime?(a.exports=function(){return (t()-u)/1e6},n=process.hrtime,r=(t=function(){var t;return 1e9*(t=n())[0]+t[1]})(),o=1e9*process.uptime(),u=r-o):Date.now?(a.exports=function(){return Date.now()-e},e=Date.now()):(a.exports=function(){return (new Date).getTime()-e},e=(new Date).getTime());}).call(e);})),l="undefined"==typeof window?e:window,f=["moz","webkit"],s="AnimationFrame",p=l["request"+s],h=l["cancel"+s]||l["cancelRequest"+s],m=0;!p&&m<f.length;m++)p=l[f[m]+"Request"+s],h=l[f[m]+"Cancel"+s]||l[f[m]+"CancelRequest"+s];if(!p||!h){var d=0,y=0,v=[];p=function(t){if(0===v.length){var n=c(),e=Math.max(0,1e3/60-(n-d));d=e+n,setTimeout(function(){for(var t=v.slice(0),n=v.length=0;n<t.length;n++)if(!t[n].cancelled)try{t[n].callback(d);}catch(t){setTimeout(function(){throw t},0);}},Math.round(e));}return v.push({handle:++y,callback:t,cancelled:!1}),y},h=function(t){for(var n=0;n<v.length;n++)v[n].handle===t&&(v[n].cancelled=!0);};}var b=function(t){return p.call(l,t)};b.cancel=function(){h.apply(l,arguments);},b.polyfill=function(t){t||(t=l),t.requestAnimationFrame=p,t.cancelAnimationFrame=h;};var w,k,P=[],T=Symbol("type"),j=Symbol("start_time"),x=Symbol("completed"),D=Symbol("paused"),g=requestAnimationFrame||b,A=Date.now();!function t(){g(t),w=Date.now(),k=w-A;for(var n=0;n<P.length;n++)P[n][x]||P[n](k,Date.now()-P[n][j]);A=w;}();var E=function(t){function g(e,t){var n,r,u,o;!function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,g),u=this,o=I(g).call(this),M(_(_(r=!o||"object"!=typeof o&&"function"!=typeof o?_(u):o)),"update",function(){var e=_(_(r))._updateValue;return function(t,n){r[x]||r[D]||(0===r.localTime&&r.emit("start",r.value,_(_(r))),e(r.ease(r.loopFunction.progress(Math.min(1,(n||r.localTime)/r.duration)))),r.emit("update",r.value,_(_(r)),t),r.localTime>=r.duration&&r.loopFunction.complete(function(){r[x]=!0,r.emit("complete",r.value,_(_(r)));}),r.localTime+=t);}});var a=r.plugin=Object.values(g._plugins).reduce(function(t,n){return t||n&&n.test&&n.test(e)&&n},!1),i=a&&a.name||("object"===O(e)?Array.isArray(e)?"array":"object":"number");if(a){var c=a.initialize(e,t);e=c.startValue,t=c.destValue,r.data=c.data;}switch(Object.assign(_(_(r)),(M(n={duration:1e3,localTime:0,startValue:e,destValue:t,loopMode:"once",loopFunction:g.DEFAULT_LOOP,ease:function(t){return t},value:"array"===i?[].concat(e):"object"===i?Object.assign({},e):e},x,!1),M(n,T,i),M(n,j,Date.now()),M(n,D,!1),n)),r[T]){case"number":r._updateValue=function(t){r.value=V(r.startValue,r.destValue,t);};break;case"array":var l=r.value.length,f=_(_(r)),s=f.startValue,p=f.destValue,h=f.value;r._updateValue=function(t){for(var n=0;n<l;n++)h[n]=V(s[n],p[n],t);};break;case"object":var m=Object.keys(r.startValue),d=m.length,y=_(_(r)),v=y.startValue,b=y.destValue,w=y.value;r._updateValue=function(t){for(var n=0;n<d;n++){var e=m[n];w[e]=V(v[e],b[e],t);}};break;default:r.plugin?r._updateValue=function(t){r.value=r.plugin.interpolate(r.startValue,r.destValue,t,r.data);}:(console.warn("Between: startValue type was unrecognized."),r._updateValue=function(){return null});}return P.push(r.update()),r}return n(g,null,[{key:"between",value:function(){for(var t=arguments.length,n=new Array(t),e=0;e<t;e++)n[e]=arguments[e];return u(g,n)}}]),n(g,[{key:"pause",value:function(){return this[D]=!0,this.emit("pause",this.value,this,k),this}},{key:"play",value:function(){return this[D]=!1,this.emit("play",this.value,this,k),this}},{key:"easing",value:function(t){return this.ease=t,this}},{key:"time",value:function(t){return this.duration=t,this}},{key:"loop",value:function(){for(var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"once",n="__loop_".concat(t),e=arguments.length,r=new Array(1<e?e-1:0),u=1;u<e;u++)r[u-1]=arguments[u];return this.loopFunction=n in this?Object.assign({},g.DEFAULT_LOOP,this[n].apply(this,r)):g.DEFAULT_LOOP,this}},{key:"__loop_repeat",value:function(t){var n=this,e=t;return this.times=0,{complete:function(t){n.localTime=0,Number.isInteger(e)&&++n.times===e?t():Number.isInteger(e)||++n.times;}}}},{key:"__loop_bounce",value:function(t){var n=this,e=t,r=1;return this.times=0,{complete:function(t){n.localTime=0,r=-r,Number.isInteger(e)&&++n.times===e?t():Number.isInteger(e)||++n.times;},progress:function(t){return 0<r?t:1-t}}}},{key:"isPaused",get:function(){return this[D]}}]),function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");o(t.prototype,n&&n.prototype),n&&o(t,n);}(g,t),g}(t);return M(E,"DEFAULT_LOOP",{complete:function(t){return t()},progress:function(t){return t}}),E.Easing=i,E._plugins={},E});
-}(between));
+}(between$1));
 
-var Between = between.exports;/*! *****************************************************************************
+var between = between$1.exports;/*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
 Licensed under the Apache License, Version 2.0 (the "License"); you may not use
 this file except in compliance with the License. You may obtain a copy of the
@@ -863,6 +878,27 @@ function updateContext(context, _event, assignActions, state) {
 
 var warn = function () {};
 
+if (!IS_PRODUCTION) {
+  warn = function (condition, message) {
+    var error = condition instanceof Error ? condition : undefined;
+
+    if (!error && condition) {
+      return;
+    }
+
+    if (console !== undefined) {
+      var args = ["Warning: " + message];
+
+      if (error) {
+        args.push(error);
+      } // tslint:disable-next-line:no-console
+
+
+      console.warn.apply(console, args);
+    }
+  };
+}
+
 function isArray$4(value) {
   return Array.isArray(value);
 } // tslint:disable-next-line:ban-types
@@ -933,6 +969,16 @@ function isMachine(value) {
   }
 }
 
+var uniqueId =
+/*#__PURE__*/
+function () {
+  var currentId = 0;
+  return function () {
+    currentId++;
+    return currentId.toString(16);
+  };
+}();
+
 function toEventObject(event, payload // id?: TEvent['type']
 ) {
   if (isString$4(event) || typeof event === 'number') {
@@ -981,6 +1027,47 @@ function normalizeTarget(target) {
   }
 
   return toArray$1(target);
+}
+
+function reportUnhandledExceptionOnInvocation(originalError, currentError, id) {
+  if (!IS_PRODUCTION) {
+    var originalStackTrace = originalError.stack ? " Stacktrace was '" + originalError.stack + "'" : '';
+
+    if (originalError === currentError) {
+      // tslint:disable-next-line:no-console
+      console.error("Missing onError handler for invocation '" + id + "', error was '" + originalError + "'." + originalStackTrace);
+    } else {
+      var stackTrace = currentError.stack ? " Stacktrace was '" + currentError.stack + "'" : ''; // tslint:disable-next-line:no-console
+
+      console.error("Missing onError handler and/or unhandled exception/promise rejection for invocation '" + id + "'. " + ("Original error: '" + originalError + "'. " + originalStackTrace + " Current error is '" + currentError + "'." + stackTrace));
+    }
+  }
+}function mapState(stateMap, stateId) {
+  var e_1, _a;
+
+  var foundStateId;
+
+  try {
+    for (var _b = __values(keys(stateMap)), _c = _b.next(); !_c.done; _c = _b.next()) {
+      var mappedStateId = _c.value;
+
+      if (matchesState(mappedStateId, stateId) && (!foundStateId || stateId.length > foundStateId.length)) {
+        foundStateId = mappedStateId;
+      }
+    }
+  } catch (e_1_1) {
+    e_1 = {
+      error: e_1_1
+    };
+  } finally {
+    try {
+      if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+    } finally {
+      if (e_1) throw e_1.error;
+    }
+  }
+
+  return stateMap[foundStateId];
 }var ActionTypes$1;
 
 (function (ActionTypes) {
@@ -1016,10 +1103,10 @@ var raise$1 = ActionTypes$1.Raise;
 var send$1 = ActionTypes$1.Send;
 var cancel$1 = ActionTypes$1.Cancel;
 var nullEvent = ActionTypes$1.NullEvent;
-var assign = ActionTypes$1.Assign;
+var assign$1 = ActionTypes$1.Assign;
 ActionTypes$1.After;
 ActionTypes$1.DoneState;
-var log = ActionTypes$1.Log;
+var log$1 = ActionTypes$1.Log;
 var init = ActionTypes$1.Init;
 var invoke = ActionTypes$1.Invoke;
 ActionTypes$1.ErrorExecution;
@@ -1181,6 +1268,71 @@ function resolveSend(action, ctx, _event, delaysMap) {
     delay: resolvedDelay
   });
 }
+/**
+ * Sends an event to this machine's parent.
+ *
+ * @param event The event to send to the parent machine.
+ * @param options Options to pass into the send event.
+ */
+
+
+function sendParent(event, options) {
+  return send(event, __assign(__assign({}, options), {
+    to: SpecialTargets.Parent
+  }));
+}
+/**
+ * Sends an update event to this machine's parent.
+ */
+
+
+function sendUpdate() {
+  return sendParent(update);
+}
+/**
+ * Sends an event back to the sender of the original event.
+ *
+ * @param event The event to send back to the sender
+ * @param options Options to pass into the send event
+ */
+
+
+function respond(event, options) {
+  return send(event, __assign(__assign({}, options), {
+    to: function (_, __, _a) {
+      var _event = _a._event;
+      return _event.origin; // TODO: handle when _event.origin is undefined
+    }
+  }));
+}
+
+var defaultLogExpr = function (context, event) {
+  return {
+    context: context,
+    event: event
+  };
+};
+/**
+ *
+ * @param expr The expression function to evaluate which will be logged.
+ *  Takes in 2 arguments:
+ *  - `ctx` - the current state context
+ *  - `event` - the event that caused this action to be executed.
+ * @param label The label to give to the logged expression.
+ */
+
+
+function log(expr, label) {
+  if (expr === void 0) {
+    expr = defaultLogExpr;
+  }
+
+  return {
+    type: log$1,
+    label: label,
+    expr: expr
+  };
+}
 
 var resolveLog = function (action, ctx, _event) {
   return __assign(__assign({}, action), {
@@ -1234,6 +1386,19 @@ function stop(activity) {
     exec: undefined
   };
 }
+/**
+ * Updates the current context of the machine.
+ *
+ * @param assignment An object that represents the partial context to update.
+ */
+
+
+var assign = function (assignment) {
+  return {
+    type: assign$1,
+    assignment: assignment
+  };
+};
 /**
  * Returns an event type that represents an implicit event that
  * is sent after the specified `delay`.
@@ -1306,6 +1471,40 @@ function error(id, data) {
   };
 
   return eventObject;
+}
+/**
+ * Forwards (sends) an event to a specified service.
+ *
+ * @param target The target service to forward the event to.
+ * @param options Options to pass into the send action creator.
+ */
+
+
+function forwardTo(target, options) {
+  return send(function (_, event) {
+    return event;
+  }, __assign(__assign({}, options), {
+    to: target
+  }));
+}
+/**
+ * Escalates an error by sending it as an event to this machine's parent.
+ *
+ * @param errorData The error data to send, or the expression function that
+ * takes in the `context`, `event`, and `meta`, and returns the error data to send.
+ * @param options Options to pass into the send action creator.
+ */
+
+
+function escalate(errorData, options) {
+  return sendParent(function (context, event, meta) {
+    return {
+      type: error$1,
+      data: isFunction$4(errorData) ? errorData(context, event, meta) : errorData
+    };
+  }, __assign(__assign({}, options), {
+    to: SpecialTargets.Parent
+  }));
 }var isLeafNode = function (stateNode) {
   return stateNode.type === 'atomic' || stateNode.type === 'final';
 };
@@ -1776,7 +1975,7 @@ function () {
   };
 
   return State;
-}();function createNullActor(id) {
+}();function createNullActor$1(id) {
   return {
     id: id,
     send: function () {
@@ -1805,7 +2004,7 @@ function () {
 
 
 function createInvocableActor(invokeDefinition) {
-  var tempActor = createNullActor(invokeDefinition.id);
+  var tempActor = createNullActor$1(invokeDefinition.id);
   tempActor.meta = invokeDefinition;
   return tempActor;
 }
@@ -2686,7 +2885,7 @@ function () {
     }
 
     var _b = __read(partition$1(actions, function (action) {
-      return action.type === assign;
+      return action.type === assign$1;
     }), 2),
         assignActions = _b[0],
         otherActions = _b[1];
@@ -2708,7 +2907,7 @@ function () {
 
           return sendAction;
 
-        case log:
+        case log$1:
           return resolveLog(actionObject, updatedContext, _event);
 
         case pure:
@@ -3374,7 +3573,16 @@ function () {
   };
 
   return StateNode;
-}();function createMachine(config, options) {
+}();function Machine(config, options, initialContext) {
+  if (initialContext === void 0) {
+    initialContext = config.context;
+  }
+
+  var resolvedInitialContext = typeof initialContext === 'function' ? initialContext() : initialContext;
+  return new StateNode(config, options, resolvedInitialContext);
+}
+
+function createMachine(config, options) {
   var resolvedInitialContext = typeof config.context === 'function' ? config.context() : config.context;
   return new StateNode(config, options, resolvedInitialContext);
 }var defaultOptions = {
@@ -3469,7 +3677,27 @@ var registry = {
   free: function (id) {
     children.delete(id);
   }
-};var DEFAULT_SPAWN_OPTIONS = {
+};function getDevTools() {
+  var w = window;
+
+  if (!!w.__xstate__) {
+    return w.__xstate__;
+  }
+
+  return undefined;
+}
+
+function registerService(service) {
+  if (IS_PRODUCTION || typeof window === 'undefined') {
+    return;
+  }
+
+  var devTools = getDevTools();
+
+  if (devTools) {
+    devTools.register(service);
+  }
+}var DEFAULT_SPAWN_OPTIONS = {
   sync: false,
   autoForward: false
 };
@@ -3641,6 +3869,9 @@ function () {
   });
   Object.defineProperty(Interpreter.prototype, "state", {
     get: function () {
+      if (!IS_PRODUCTION) {
+        warn(this._status !== InterpreterStatus.NotStarted, "Attempted to read state from uninitialized service '" + this.id + "'. Make sure the service is started first.");
+      }
 
       return this._state;
     },
@@ -4044,7 +4275,12 @@ function () {
   Interpreter.prototype.batch = function (events) {
     var _this = this;
 
-    if (this._status === InterpreterStatus.NotStarted && this.options.deferEvents) ; else if (this._status !== InterpreterStatus.Running) {
+    if (this._status === InterpreterStatus.NotStarted && this.options.deferEvents) {
+      // tslint:disable-next-line:no-console
+      if (!IS_PRODUCTION) {
+        warn(false, events.length + " event(s) were sent to uninitialized service \"" + this.machine.id + "\" and are deferred. Make sure .start() is called for this service.\nEvent: " + JSON.stringify(event));
+      }
+    } else if (this._status !== InterpreterStatus.Running) {
       throw new Error( // tslint:disable-next-line:max-line-length
       events.length + " event(s) were sent to uninitialized service \"" + this.machine.id + "\". Make sure .start() is called for this service, or set { deferEvents: true } in the service options.");
     }
@@ -4236,9 +4472,18 @@ function () {
             var id = activity.id,
                 data = activity.data;
 
+            if (!IS_PRODUCTION) {
+              warn(!('forward' in activity), // tslint:disable-next-line:max-line-length
+              "`forward` property is deprecated (found in invocation of '" + activity.src + "' in in machine '" + this.machine.id + "'). " + "Please use `autoForward` instead.");
+            }
+
             var autoForward = 'autoForward' in activity ? activity.autoForward : !!activity.forward;
 
             if (!serviceCreator) {
+              // tslint:disable-next-line:no-console
+              if (!IS_PRODUCTION) {
+                warn(false, "No service found for invocation '" + activity.src + "' in machine '" + this.machine.id + "'.");
+              }
 
               return;
             }
@@ -4271,7 +4516,7 @@ function () {
           break;
         }
 
-      case log:
+      case log$1:
         var label = action.label,
             value = action.value;
 
@@ -4281,6 +4526,13 @@ function () {
           this.logger(value);
         }
 
+        break;
+
+      default:
+        if (!IS_PRODUCTION) {
+          warn(false, "No implementation found for action type '" + action.type + "'");
+        }
+
         break;
     }
 
@@ -4379,6 +4631,7 @@ function () {
             origin: id
           }));
         } catch (error) {
+          reportUnhandledExceptionOnInvocation(errorData, error, id);
 
           if (_this.devTools) {
             _this.devTools.send(errorEvent, _this.state);
@@ -4552,6 +4805,9 @@ function () {
     var implementation = this.machine.options && this.machine.options.activities ? this.machine.options.activities[activity.type] : undefined;
 
     if (!implementation) {
+      if (!IS_PRODUCTION) {
+        warn(false, "No implementation found for activity '" + activity.type + "'");
+      } // tslint:disable-next-line:no-console
 
 
       return;
@@ -4606,6 +4862,9 @@ function () {
         }), this.machine);
         this.devTools.init(this.state);
       } // add XState-specific dev tooling hook
+
+
+      registerService(this);
     }
   };
 
@@ -4648,6 +4907,57 @@ function () {
   Interpreter.interpret = interpret;
   return Interpreter;
 }();
+
+var createNullActor = function (name) {
+  if (name === void 0) {
+    name = 'null';
+  }
+
+  return {
+    id: name,
+    send: function () {
+      return void 0;
+    },
+    subscribe: function () {
+      // tslint:disable-next-line:no-empty
+      return {
+        unsubscribe: function () {}
+      };
+    },
+    toJSON: function () {
+      return {
+        id: name
+      };
+    }
+  };
+};
+
+var resolveSpawnOptions = function (nameOrOptions) {
+  if (isString$4(nameOrOptions)) {
+    return __assign(__assign({}, DEFAULT_SPAWN_OPTIONS), {
+      name: nameOrOptions
+    });
+  }
+
+  return __assign(__assign(__assign({}, DEFAULT_SPAWN_OPTIONS), {
+    name: uniqueId()
+  }), nameOrOptions);
+};
+
+function spawn(entity, nameOrOptions) {
+  var resolvedOptions = resolveSpawnOptions(nameOrOptions);
+  return withServiceScope(undefined, function (service) {
+    if (!IS_PRODUCTION) {
+      warn(!!service, "Attempted to spawn an Actor (ID: \"" + (isMachine(entity) ? entity.id : 'undefined') + "\") outside of a service. This will have no effect.");
+    }
+
+    if (service) {
+      return service.spawn(entity, resolvedOptions.name, resolvedOptions);
+    } else {
+      return createNullActor(resolvedOptions.name);
+    }
+  });
+}
 /**
  * Creates a new Interpreter instance for the given machine with the provided options, if any.
  *
@@ -4659,7 +4969,50 @@ function () {
 function interpret(machine, options) {
   var interpreter = new Interpreter(machine, options);
   return interpreter;
-}// threejs.org/license
+}function matchState(state, patterns, defaultValue) {
+  var e_1, _a;
+
+  var resolvedState = State.from(state, state instanceof State ? state.context : undefined);
+
+  try {
+    for (var patterns_1 = __values(patterns), patterns_1_1 = patterns_1.next(); !patterns_1_1.done; patterns_1_1 = patterns_1.next()) {
+      var _b = __read(patterns_1_1.value, 2),
+          stateValue = _b[0],
+          getValue = _b[1];
+
+      if (resolvedState.matches(stateValue)) {
+        return getValue(resolvedState);
+      }
+    }
+  } catch (e_1_1) {
+    e_1 = {
+      error: e_1_1
+    };
+  } finally {
+    try {
+      if (patterns_1_1 && !patterns_1_1.done && (_a = patterns_1.return)) _a.call(patterns_1);
+    } finally {
+      if (e_1) throw e_1.error;
+    }
+  }
+
+  return defaultValue(resolvedState);
+}var actions = {
+  raise: raise,
+  send: send,
+  sendParent: sendParent,
+  sendUpdate: sendUpdate,
+  log: log,
+  cancel: cancel,
+  start: start,
+  stop: stop,
+  assign: assign,
+  after: after,
+  done: done,
+  respond: respond,
+  forwardTo: forwardTo,
+  escalate: escalate
+};var index$3=/*#__PURE__*/Object.freeze({__proto__:null,actions:actions,matchesState:matchesState,mapState:mapState,get ActionTypes(){return ActionTypes$1},get SpecialTargets(){return SpecialTargets},assign:assign,doneInvoke:doneInvoke,forwardTo:forwardTo,send:send,sendParent:sendParent,sendUpdate:sendUpdate,State:State,StateNode:StateNode,Machine:Machine,createMachine:createMachine,Interpreter:Interpreter,interpret:interpret,spawn:spawn,matchState:matchState});// threejs.org/license
 const REVISION = '126';
 const MOUSE = { LEFT: 0, MIDDLE: 1, RIGHT: 2, ROTATE: 0, DOLLY: 1, PAN: 2 };
 const TOUCH = { ROTATE: 0, PAN: 1, DOLLY_PAN: 2, DOLLY_ROTATE: 3 };
@@ -53603,7 +53956,6 @@ var BOUNDINGBOX_NOT_AVAILABLE = "".concat(PREFIX, " Selected element does not ha
 var INVALID_EMITTER_ID = "".concat(PREFIX, " The selected emitter id is not valid.");
 var EMITTER_NOT_FOUND = "".concat(PREFIX, " The requested emitter could not be found");
 var FEATURE_NOT_SUPPORTED = "".concat(PREFIX, " The following features are not supported: ");
-var METHOD_NOT_SUPPORTED = "".concat(PREFIX, " This method is not supported.");
 var ANIMATION_NOT_FOUND = "".concat(PREFIX, " Required animation can't be found.");
 var ANIMATION_HANDLER_NOT_FOUND = "".concat(PREFIX, " AnimationHander hasn't been defined yet.");
 var ELEMENT_NOT_SET$1 = "".concat(PREFIX, " Body hasn't been defined yet.");
@@ -54729,7 +55081,8 @@ var Universe$1 = new Universe();var generateUUID = function generateUUID() {
 };
 var generateRandomName = function generateRandomName(prefix) {
   return "".concat(prefix, "_").concat(generateUUID());
-};var uuid$1=/*#__PURE__*/Object.freeze({__proto__:null,generateUUID:generateUUID,generateRandomName:generateRandomName});var UP$1 = 'UP';
+};var uuid$1=/*#__PURE__*/Object.freeze({__proto__:null,generateUUID:generateUUID,generateRandomName:generateRandomName});var ALMOST_ZERO = 0.00001;
+var UP$1 = 'UP';
 var DOWN$1 = 'DOWN';
 var LEFT = 'LEFT';
 var RIGHT = 'RIGHT';
@@ -54830,7 +55183,7 @@ var EMPTY$2 = '';
 var QUERY_START = '?';
 var DEFAULT_SELECTOR = '#gameContainer';
 var BEFORE_UNLOAD = 'beforeunload';
-var HASH_CHANGE = 'hashchange';var lib_constants=/*#__PURE__*/Object.freeze({__proto__:null,UP:UP$1,DOWN:DOWN$1,LEFT:LEFT,RIGHT:RIGHT,FRONT:FRONT,BACK:BACK,VECTOR_UP:VECTOR_UP,VECTOR_DOWN:VECTOR_DOWN,VECTOR_LEFT:VECTOR_LEFT,VECTOR_RIGHT:VECTOR_RIGHT,VECTOR_FRONT:VECTOR_FRONT,VECTOR_BACK:VECTOR_BACK,ORIGIN:ORIGIN,ZERO_QUATERNION:ZERO_QUATERNION,MATERIALS:MATERIALS,TEXTURES:TEXTURES,EFFECTS:EFFECTS,COLLISION_EVENT:COLLISION_EVENT,COLORS:COLORS,ASSETS_TYPES:ASSETS_TYPES,OUTPUT_ENCODINGS:OUTPUT_ENCODINGS,DEFAULT_OUTPUT_ENCODING:DEFAULT_OUTPUT_ENCODING,ROOT:ROOT,DIVIDER:DIVIDER,HASH:HASH,EMPTY:EMPTY$2,QUERY_START:QUERY_START,DEFAULT_SELECTOR:DEFAULT_SELECTOR,BEFORE_UNLOAD:BEFORE_UNLOAD,HASH_CHANGE:HASH_CHANGE});var buildAssetId = function buildAssetId(name, level) {
+var HASH_CHANGE = 'hashchange';var lib_constants=/*#__PURE__*/Object.freeze({__proto__:null,ALMOST_ZERO:ALMOST_ZERO,UP:UP$1,DOWN:DOWN$1,LEFT:LEFT,RIGHT:RIGHT,FRONT:FRONT,BACK:BACK,VECTOR_UP:VECTOR_UP,VECTOR_DOWN:VECTOR_DOWN,VECTOR_LEFT:VECTOR_LEFT,VECTOR_RIGHT:VECTOR_RIGHT,VECTOR_FRONT:VECTOR_FRONT,VECTOR_BACK:VECTOR_BACK,ORIGIN:ORIGIN,ZERO_QUATERNION:ZERO_QUATERNION,MATERIALS:MATERIALS,TEXTURES:TEXTURES,EFFECTS:EFFECTS,COLLISION_EVENT:COLLISION_EVENT,COLORS:COLORS,ASSETS_TYPES:ASSETS_TYPES,OUTPUT_ENCODINGS:OUTPUT_ENCODINGS,DEFAULT_OUTPUT_ENCODING:DEFAULT_OUTPUT_ENCODING,ROOT:ROOT,DIVIDER:DIVIDER,HASH:HASH,EMPTY:EMPTY$2,QUERY_START:QUERY_START,DEFAULT_SELECTOR:DEFAULT_SELECTOR,BEFORE_UNLOAD:BEFORE_UNLOAD,HASH_CHANGE:HASH_CHANGE});var buildAssetId = function buildAssetId(name, level) {
   return level ? "".concat(level, "_").concat(name) : name;
 };
 var isLevelName = function isLevelName(level) {
@@ -55446,7 +55799,7 @@ var convertAmmoVector = function convertAmmoVector(_ref2) {
   };
 };var utils=/*#__PURE__*/Object.freeze({__proto__:null,DEFAULT_DESCRIPTION:DEFAULT_DESCRIPTION$1,mapColliderTypeToAddEvent:mapColliderTypeToAddEvent$1,extractBoundingBox:extractBoundingBox,extractBiggestBoundingBox:extractBiggestBoundingBox,extractBoundingSphere:extractBoundingSphere,extractBiggestBoundingSphere:extractBiggestBoundingSphere,parseBoundingBoxSize:parseBoundingBoxSize,extractPositionAndQuaternion:extractPositionAndQuaternion$1,extractBoxDescription:extractBoxDescription,extractSphereDescription:extractSphereDescription,getBoxDescriptionForElement:getBoxDescriptionForElement$1,getSphereDescriptionForElement:getSphereDescriptionForElement,mapColliderTypeToDescription:mapColliderTypeToDescription$1,iterateGeometries:iterateGeometries$1,convertAmmoVector:convertAmmoVector});var getHostURL = function getHostURL() {
   return "".concat(document.location.protocol, "//").concat(document.location.host);
-};var _excluded$8 = ["uuid"];
+};var _excluded$a = ["uuid"];
 var COLLIDER_TYPES = COLLIDER_TYPES$1;
 var getBoxDescriptionForElement = getBoxDescriptionForElement$1,
     extractPositionAndQuaternion = extractPositionAndQuaternion$1,
@@ -55520,7 +55873,7 @@ var Physics = /*#__PURE__*/function (_EventDispatcher) {
 
     _defineProperty$1(_assertThisInitialized(_this), "handleBodyUpdate", function (_ref3) {
       var uuid = _ref3.uuid,
-          data = _objectWithoutProperties(_ref3, _excluded$8);
+          data = _objectWithoutProperties(_ref3, _excluded$a);
 
       var element = Universe$1.getByUUID(uuid);
 
@@ -55902,9 +56255,8 @@ var Physics$1 = new Physics();var ENTITY_TYPES = {
   },
   AUDIO: {
     DEFAULT: 'AUDIO.DEFAULT',
-    AMBIENT: 'AUDIO.AMBIENT',
     DIRECTIONAL: 'AUDIO.DIRECTIONAL',
-    BACKGROUND: 'AUDIO.BACKGROUND'
+    AMBIENT: 'AUDIO.AMBIENT'
   },
   MODEL: 'MODEL',
   SPRITE: 'SPRITE',
@@ -55928,6 +56280,9 @@ var ENTITY_EVENTS = {
   ANIMATION: {
     LOOP: 'LOOP',
     FINISHED: 'FINISHED'
+  },
+  AUDIO: {
+    ENDED: 'ended'
   }
 };
 var DEFAULT_TAG = 'all';var Scene = /*#__PURE__*/function () {
@@ -57396,7 +57751,7 @@ function applyMiddleware() {
 
 var thunk = createThunkMiddleware();
 thunk.withExtraArgument = createThunkMiddleware;var name = "mage-engine";
-var version$1 = "3.20.2";
+var version$1 = "3.21.1";
 var description = "A WebGL Javascript Game Engine, built on top of THREE.js and many other libraries.";
 var main = "dist/mage.js";
 var author$1 = {
@@ -58665,7 +59020,7 @@ if (!self.fetch) {
   self.Headers = Headers;
   self.Request = Request;
   self.Response = Response;
-}var _excluded$7 = ["wheels", "accelerationKey", "brakingKey", "rightKey", "leftKey", "debug", "autostart"];
+}var _excluded$9 = ["wheels", "accelerationKey", "brakingKey", "rightKey", "leftKey", "debug", "autostart"];
 
 var BaseCar = /*#__PURE__*/function (_BaseScript) {
   _inherits(BaseCar, _BaseScript);
@@ -58693,7 +59048,7 @@ var BaseCar = /*#__PURE__*/function (_BaseScript) {
           options.debug;
           var _options$autostart = options.autostart,
           autostart = _options$autostart === void 0 ? true : _options$autostart,
-          physicsOptions = _objectWithoutProperties(options, _excluded$7);
+          physicsOptions = _objectWithoutProperties(options, _excluded$9);
 
       this.car = element;
       this.wheels = wheels;
@@ -59540,6 +59895,17 @@ var hasMaterial = function hasMaterial(mesh) {
 var hasGeometry = function hasGeometry(mesh) {
   return Boolean(mesh.geometry);
 };
+var applyMaterialChange = function applyMaterialChange(elementBody, changeCallback) {
+  if (hasMaterial(elementBody)) {
+    processMaterial(elementBody.material, changeCallback);
+  } else {
+    elementBody.traverse(function (child) {
+      if (hasMaterial(child)) {
+        processMaterial(child.material, changeCallback);
+      }
+    });
+  }
+};
 var processMaterial = function processMaterial(material, callback) {
   return Array.isArray(material) ? material.map(callback) : callback(material);
 };
@@ -59627,7 +59993,7 @@ var EASING_EVENTS = {
   UPDATE: 'update',
   COMPLETE: 'complete'
 };
-var FUNCTIONS = _objectSpread2$1({}, Between.Easing);
+var FUNCTIONS = _objectSpread2$1({}, between.Easing);
 var tweenTo = function tweenTo(origin, target) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   return new Promise(function (resolve) {
@@ -59642,7 +60008,7 @@ var tweenTo = function tweenTo(origin, target) {
     } : _options$onUpdate,
         _options$repeat = options.repeat,
         repeat = _options$repeat === void 0 ? undefined : _options$repeat;
-    var tween = new Between(origin, target).time(time).easing(easing).on(EASING_EVENTS.UPDATE, onUpdate);
+    var tween = new between(origin, target).time(time).easing(easing).on(EASING_EVENTS.UPDATE, onUpdate);
     var infinite = loop && !repeat;
 
     var onComplete = function onComplete() {
@@ -59668,16 +60034,16 @@ var tweenTo = function tweenTo(origin, target) {
   function Entity() {
     var _this;
 
-    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref$serializable = _ref.serializable,
-        serializable = _ref$serializable === void 0 ? true : _ref$serializable,
-        _ref$tag = _ref.tag,
-        tag = _ref$tag === void 0 ? '' : _ref$tag,
-        _ref$tags = _ref.tags,
-        tags = _ref$tags === void 0 ? [] : _ref$tags;
+    var _options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
     _classCallCheck(this, Entity);
 
+    var _options$serializable = _options.serializable,
+        serializable = _options$serializable === void 0 ? true : _options$serializable,
+        _options$tag = _options.tag,
+        tag = _options$tag === void 0 ? '' : _options$tag,
+        _options$tags = _options.tags,
+        tags = _options$tags === void 0 ? [] : _options$tags;
     _this = _super.call(this);
 
     _defineProperty$1(_assertThisInitialized(_this), "getBodyByName", function (name) {
@@ -59744,11 +60110,11 @@ var tweenTo = function tweenTo(origin, target) {
       return Object.values(ENTITY_TYPES.EFFECT).includes(_this.getEntityType());
     });
 
-    _defineProperty$1(_assertThisInitialized(_this), "setQuaternion", function (_ref2) {
-      var x = _ref2.x,
-          y = _ref2.y,
-          z = _ref2.z,
-          w = _ref2.w;
+    _defineProperty$1(_assertThisInitialized(_this), "setQuaternion", function (_ref) {
+      var x = _ref.x,
+          y = _ref.y,
+          z = _ref.z,
+          w = _ref.w;
 
       _this.body.quaternion.set(x, y, z, w);
     });
@@ -59759,6 +60125,11 @@ var tweenTo = function tweenTo(origin, target) {
       }
     });
 
+    _this.options = _objectSpread2$1(_objectSpread2$1({}, _options), {}, {
+      serializable: serializable,
+      tag: tag,
+      tags: tags
+    });
     _this.scripts = [];
     _this.tags = [];
     _this.children = [];
@@ -59827,8 +60198,8 @@ var tweenTo = function tweenTo(origin, target) {
   }, {
     key: "setBody",
     value: function setBody() {
-      var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          body = _ref3.body;
+      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          body = _ref2.body;
 
       this.body = body;
     }
@@ -59854,11 +60225,11 @@ var tweenTo = function tweenTo(origin, target) {
 
       var container = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.getBody();
 
-      var _ref4 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
-          _ref4$waitForBody = _ref4.waitForBody,
-          waitForBody = _ref4$waitForBody === void 0 ? 0 : _ref4$waitForBody,
-          _ref4$waitForBodyMaxR = _ref4.waitForBodyMaxRetries,
-          waitForBodyMaxRetries = _ref4$waitForBodyMaxR === void 0 ? 1 : _ref4$waitForBodyMaxR;
+      var _ref3 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+          _ref3$waitForBody = _ref3.waitForBody,
+          waitForBody = _ref3$waitForBody === void 0 ? 0 : _ref3$waitForBody,
+          _ref3$waitForBodyMaxR = _ref3.waitForBodyMaxRetries,
+          waitForBodyMaxRetries = _ref3$waitForBodyMaxR === void 0 ? 1 : _ref3$waitForBodyMaxR;
 
       if (this.hasBody()) {
         var _add = function _add(toAdd) {
@@ -60015,10 +60386,10 @@ var tweenTo = function tweenTo(origin, target) {
       var _this4 = this;
 
       if (this.hasScripts()) {
-        this.scripts.forEach(function (_ref5) {
-          var script = _ref5.script,
-              enabled = _ref5.enabled,
-              options = _ref5.options;
+        this.scripts.forEach(function (_ref4) {
+          var script = _ref4.script,
+              enabled = _ref4.enabled,
+              options = _ref4.options;
 
           if (enabled) {
             script.start(_this4, options);
@@ -60032,9 +60403,9 @@ var tweenTo = function tweenTo(origin, target) {
     key: "update",
     value: function update(dt) {
       if (this.hasScripts()) {
-        this.scripts.forEach(function (_ref6) {
-          var script = _ref6.script,
-              enabled = _ref6.enabled;
+        this.scripts.forEach(function (_ref5) {
+          var script = _ref5.script,
+              enabled = _ref5.enabled;
 
           if (script && enabled) {
             script.update(dt);
@@ -60046,9 +60417,9 @@ var tweenTo = function tweenTo(origin, target) {
     key: "onPhysicsUpdate",
     value: function onPhysicsUpdate(dt) {
       if (this.hasScripts()) {
-        this.scripts.forEach(function (_ref7) {
-          var script = _ref7.script,
-              enabled = _ref7.enabled;
+        this.scripts.forEach(function (_ref6) {
+          var script = _ref6.script,
+              enabled = _ref6.enabled;
 
           if (script && enabled) {
             script.physicsUpdate(dt);
@@ -60293,13 +60664,13 @@ var tweenTo = function tweenTo(origin, target) {
     }
   }, {
     key: "translate",
-    value: function translate(_ref8) {
-      var _ref8$x = _ref8.x,
-          x = _ref8$x === void 0 ? 0 : _ref8$x,
-          _ref8$y = _ref8.y,
-          y = _ref8$y === void 0 ? 0 : _ref8$y,
-          _ref8$z = _ref8.z,
-          z = _ref8$z === void 0 ? 0 : _ref8$z;
+    value: function translate(_ref7) {
+      var _ref7$x = _ref7.x,
+          x = _ref7$x === void 0 ? 0 : _ref7$x,
+          _ref7$y = _ref7.y,
+          y = _ref7$y === void 0 ? 0 : _ref7$y,
+          _ref7$z = _ref7.z,
+          z = _ref7$z === void 0 ? 0 : _ref7$z;
 
       if (this.hasBody()) {
         this.body.translateX(x);
@@ -60475,10 +60846,10 @@ var tweenTo = function tweenTo(origin, target) {
   }, {
     key: "mapScriptsToJSON",
     value: function mapScriptsToJSON() {
-      this.scripts.reduce(function (acc, _ref9) {
-        var name = _ref9.name,
-            _ref9$options = _ref9.options,
-            options = _ref9$options === void 0 ? {} : _ref9$options;
+      this.scripts.reduce(function (acc, _ref8) {
+        var name = _ref8.name,
+            _ref8$options = _ref8.options,
+            options = _ref8$options === void 0 ? {} : _ref8$options;
         acc.names.push(name);
         acc.options.push(options);
         return acc;
@@ -60637,7 +61008,7 @@ var tweenTo = function tweenTo(origin, target) {
 var MATERIAL_TEXTURE_MAP = (_MATERIAL_TEXTURE_MAP = {}, _defineProperty$1(_MATERIAL_TEXTURE_MAP, MATERIALS.BASIC, [TEXTURES.ALPHA, TEXTURES.AO, TEXTURES.ENV, TEXTURES.LIGHT, TEXTURES.MAP, TEXTURES.SPECULAR]), _defineProperty$1(_MATERIAL_TEXTURE_MAP, MATERIALS.LAMBERT, [TEXTURES.ALPHA, TEXTURES.AO, TEXTURES.ENV, TEXTURES.LIGHT, TEXTURES.MAP, TEXTURES.SPECULAR, TEXTURES.EMISSIVE]), _defineProperty$1(_MATERIAL_TEXTURE_MAP, MATERIALS.PHONG, [TEXTURES.ALPHA, TEXTURES.AO, TEXTURES.ENV, TEXTURES.LIGHT, TEXTURES.MAP, TEXTURES.SPECULAR, TEXTURES.EMISSIVE, TEXTURES.BUMP, TEXTURES.DISPLACEMENT, TEXTURES.NORMAL]), _defineProperty$1(_MATERIAL_TEXTURE_MAP, MATERIALS.DEPTH, [TEXTURES.ALPHA, TEXTURES.MAP, TEXTURES.DISPLACEMENT]), _defineProperty$1(_MATERIAL_TEXTURE_MAP, MATERIALS.STANDARD, [TEXTURES.ALPHA, TEXTURES.AO, TEXTURES.ENV, TEXTURES.LIGHT, TEXTURES.MAP, TEXTURES.EMISSIVE, TEXTURES.BUMP, TEXTURES.DISPLACEMENT, TEXTURES.NORMAL, TEXTURES.METALNESS, TEXTURES.ROUGHNESS]), _defineProperty$1(_MATERIAL_TEXTURE_MAP, MATERIALS.THREE_TOON, [TEXTURES.ALPHA, TEXTURES.AO, TEXTURES.BUMP, TEXTURES.DISPLACEMENT, TEXTURES.EMISSIVE, TEXTURES.GRADIENT, TEXTURES.LIGHT, TEXTURES.MAP, TEXTURES.NORMAL]), _MATERIAL_TEXTURE_MAP);
 var isTextureMapAllowedForMaterial = function isTextureMapAllowedForMaterial(materialType, textureType) {
   return MATERIAL_TEXTURE_MAP[materialType] && MATERIAL_TEXTURE_MAP[materialType].includes(textureType);
-};var _excluded$6 = ["position", "quaternion"],
+};var _excluded$8 = ["position", "quaternion"],
     _excluded2 = ["applyPhysicsUpdate"],
     _excluded3 = ["dt", "event"];
 var COLLIDER_TAG = 'collider';
@@ -60827,7 +61198,7 @@ var Element$1 = /*#__PURE__*/function (_Entity) {
     _defineProperty$1(_assertThisInitialized(_this), "handlePhysicsUpdate", function (_ref6) {
       var position = _ref6.position,
           quaternion = _ref6.quaternion,
-          data = _objectWithoutProperties(_ref6, _excluded$6);
+          data = _objectWithoutProperties(_ref6, _excluded$8);
 
       _this.setPosition(position);
 
@@ -61172,18 +61543,12 @@ var Element$1 = /*#__PURE__*/function (_Entity) {
   }, {
     key: "setColor",
     value: function setColor(color) {
-      var _this2 = this;
+      var _setColor = function _setColor(material) {
+        return material.color = new Color$1(color);
+      };
 
       if (color) {
-        if (hasMaterial(this.getBody())) {
-          this.body.material.color = new Color$1(color);
-        } else {
-          this.body.traverse(function (child) {
-            if (hasMaterial(child) && !_this2.isParentOf(child)) {
-              child.material.color = new Color$1(color);
-            }
-          });
-        }
+        applyMaterialChange(this.getBody(), _setColor);
       } else {
         console.warn(ELEMENT_SET_COLOR_MISSING_COLOR);
       }
@@ -61229,23 +61594,15 @@ var Element$1 = /*#__PURE__*/function (_Entity) {
             wrap = _options$wrap === void 0 ? RepeatWrapping$1 : _options$wrap;
         this.recordTexture(textureId, textureType);
 
-        var applyTextureTo = function applyTextureTo(element) {
+        var applyTextureTo = function applyTextureTo(material) {
           var texture = Images$1.get(textureId);
           texture.wrapS = wrap;
           texture.wrapT = wrap;
           texture.repeat.set(repeat.x, repeat.y);
-          element.material[textureType] = texture;
+          material[textureType] = texture;
         };
 
-        if (hasMaterial(this.getBody())) {
-          applyTextureTo(this.getBody());
-        } else {
-          this.getBody().traverse(function (child) {
-            if (hasMaterial(child)) {
-              applyTextureTo(child);
-            }
-          });
-        }
+        applyMaterialChange(this.getBody(), applyTextureTo);
       }
     }
   }, {
@@ -61295,64 +61652,58 @@ var Element$1 = /*#__PURE__*/function (_Entity) {
   }, {
     key: "setOpacity",
     value: function setOpacity() {
-      var _this3 = this;
+      var _this2 = this;
 
       var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1.0;
       var opacity = clamp(value, 0, 1);
       this.opacity = opacity;
 
-      if (hasMaterial(this.getBody())) {
-        this.body.material.transparent = true;
-        this.body.material.opacity = opacity;
-      } else {
-        this.body.traverse(function (child) {
-          if (hasMaterial(child) && !_this3.isParentOf(child)) {
-            child.material.transparent = true;
-            child.material.opacity = opacity;
-          }
-        });
-      }
+      var _setOpacity = function _setOpacity(material) {
+        material.transparent = true;
+        material.opacity = _this2.opacity;
+      };
+
+      applyMaterialChange(this.getBody(), _setOpacity);
     }
   }, {
     key: "fadeTo",
-    value: function fadeTo(opacity, time) {
-      var _this4 = this;
+    value: function fadeTo() {
+      var _this3 = this;
 
-      return new Promise(function (resolve) {
-        return new Between(_this4.opacity, opacity).time(time).on('update', function (value) {
-          return !_this4.isDisposed() && _this4.setOpacity(value);
-        }).on('complete', resolve);
-      });
+      var opacity = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+      var time = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 250;
+      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+      var onUpdate = function onUpdate(value) {
+        return !_this3.isDisposed() && _this3.setOpacity(value);
+      };
+
+      return tweenTo(this.opacity, clamp(opacity, 0, 1), _objectSpread2$1(_objectSpread2$1({}, options), {}, {
+        time: time,
+        onUpdate: onUpdate
+      }));
     }
   }, {
     key: "setWireframe",
     value: function setWireframe() {
       var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
 
-      if (hasMaterial(this.getBody())) {
-        this.body.material.wireframe = flag;
-      } else {
-        this.body.traverse(function (child) {
-          if (hasMaterial(child)) {
-            child.material.wireframe = flag;
-          }
-        });
-      }
+      var _setWireframe = function _setWireframe(material) {
+        return material.wireframe = flag;
+      };
+
+      applyMaterialChange(this.getBody(), _setWireframe);
     }
   }, {
     key: "setWireframeLineWidth",
     value: function setWireframeLineWidth() {
       var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
 
-      if (hasMaterial(this.getBody())) {
-        this.body.material.wireframeLinewidth = width;
-      } else {
-        this.body.traverse(function (child) {
-          if (hasMaterial(child)) {
-            child.material.wireframeLinewidth = width;
-          }
-        });
-      }
+      var _setWireframeLineWidth = function _setWireframeLineWidth(material) {
+        material.wireframeLinewidth = width;
+      };
+
+      applyMaterialChange(this.getBody(), _setWireframeLineWidth);
     }
   }, {
     key: "disposeBody",
@@ -61939,7 +62290,7 @@ var Plane = /*#__PURE__*/function (_Element) {
   }
 
   return Box;
-}(Element$1);var _excluded$5 = ["anisotropy"];
+}(Element$1);var _excluded$7 = ["anisotropy"];
 
 var validateAnisotropy = function validateAnisotropy(anisotropy) {
   var max = Scene$1.getRenderer().capabilities.getMaxAnisotropy();
@@ -61965,7 +62316,7 @@ var Sprite = /*#__PURE__*/function (_Element) {
 
     var _options$anisotropy = options.anisotropy,
         anisotropy = _options$anisotropy === void 0 ? 1 : _options$anisotropy,
-        rest = _objectWithoutProperties(options, _excluded$5);
+        rest = _objectWithoutProperties(options, _excluded$7);
 
     var texture = Images$1.get(spriteTexture);
     texture.anisotropy = validateAnisotropy(anisotropy);
@@ -68229,9 +68580,9 @@ var connect = createConnect();var BaseUI = function BaseUI() {
   return null;
 };var TIME_FOR_UPDATE = 5;
 var VOLUME = 2;
-var AUDIO_EVENTS = {
-  ENDED: 'ended'
-};
+var DEFAULT_AUDIO_NODE_VOLUME = 5;
+var DEFAULT_AUDIO_NODE_RAMP_TIME = 100; // value in ms
+
 var AUDIO_RAMPS = {
   LINEAR: 'LINEAR',
   EXPONENTIAL: 'EXPONENTIAL'
@@ -68307,6 +68658,11 @@ var Audio = /*#__PURE__*/function () {
     value: function hasContext() {
       return !!this.context;
     }
+  }, {
+    key: "hasSounds",
+    value: function hasSounds() {
+      return this.sounds.length > 0;
+    }
   }, {
     key: "createAudioContext",
     value: function createAudioContext() {
@@ -68334,6 +68690,8 @@ var Audio = /*#__PURE__*/function () {
       if (this.context) {
         return this.context.destination;
       }
+
+      console.log(AUDIO_CONTEXT_NOT_AVAILABLE);
     }
   }, {
     key: "getVolume",
@@ -68341,6 +68699,8 @@ var Audio = /*#__PURE__*/function () {
       if (this.masterVolumeNode) {
         return this.masterVolumeNode.gain.value;
       }
+
+      console.log(AUDIO_CONTEXT_NOT_AVAILABLE);
     }
   }, {
     key: "getMasterVolumeNode",
@@ -68365,33 +68725,33 @@ var Audio = /*#__PURE__*/function () {
   }, {
     key: "updateListenerPosition",
     value: function updateListenerPosition() {
-      //now handling listener
       Scene$1.getCameraBody().updateMatrixWorld();
       var p = new Vector3$1();
-      p.setFromMatrixPosition(Scene$1.getCameraBody().matrixWorld); //setting audio engine context listener position on camera position
-
-      this.context.listener.setPosition(p.x, p.y, p.z);
+      p.setFromMatrixPosition(Scene$1.getCameraBody().matrixWorld);
+      this.context.listener.positionX.setValueAtTime(p.x, this.context.currentTime);
+      this.context.listener.positionY.setValueAtTime(p.y, this.context.currentTime);
+      this.context.listener.positionZ.setValueAtTime(p.z, this.context.currentTime);
     }
   }, {
     key: "updatelistenerOrientation",
     value: function updatelistenerOrientation() {
-      //this is to add up and down vector to our camera
-      // The camera's world matrix is named "matrix".
       var m = Scene$1.getCameraBody().matrix;
       var mx = m.elements[12],
           my = m.elements[13],
           mz = m.elements[14];
-      m.elements[12] = m.elements[13] = m.elements[14] = 0; // Multiply the orientation vector by the world matrix of the camera.
-
+      m.elements[12] = m.elements[13] = m.elements[14] = 0;
       var vec = new Vector3$1(0, 0, 1);
       vec.applyMatrix4(m);
-      vec.normalize(); // Multiply the up vector by the world matrix.
-
+      vec.normalize();
       var up = new Vector3$1(0, -1, 0);
       up.applyMatrix4(m);
-      up.normalize(); // Set the orientation and the up-vector for the listener.
-
-      this.context.listener.setOrientation(vec.x, vec.y, vec.z, up.x, up.y, up.z);
+      up.normalize();
+      this.context.listener.forwardX.setValueAtTime(vec.x, this.context.currentTime);
+      this.context.listener.forwardY.setValueAtTime(vec.y, this.context.currentTime);
+      this.context.listener.forwardZ.setValueAtTime(vec.z, this.context.currentTime);
+      this.context.listener.upX.setValueAtTime(up.x, this.context.currentTime);
+      this.context.listener.upY.setValueAtTime(up.y, this.context.currentTime);
+      this.context.listener.upZ.setValueAtTime(up.z, this.context.currentTime);
       m.elements[12] = mx;
       m.elements[13] = my;
       m.elements[14] = mz;
@@ -68410,13 +68770,17 @@ var Audio = /*#__PURE__*/function () {
     key: "update",
     value: function update(dt) {
       if (!this.hasContext()) return;
+
+      if (this.hasSounds()) {
+        this.updateListenerPosition();
+        this.updatelistenerOrientation();
+      }
+
       var start = new Date();
 
       for (var index in this.sounds) {
         var sound = this.sounds[index];
         sound.update(dt);
-        this.updateListenerPosition();
-        this.updatelistenerOrientation();
         if (+new Date() - start > TIME_FOR_UPDATE) break;
       }
     }
@@ -82336,7 +82700,7 @@ var Stats$1 = new Stats();var Loader = /*#__PURE__*/function () {
   }]);
 
   return Loader;
-}();var _excluded$4 = ["mesh", "scripts", "texture"];
+}();var _excluded$6 = ["mesh", "scripts", "texture"];
 var MeshLoader = /*#__PURE__*/function (_Loader) {
   _inherits(MeshLoader, _Loader);
 
@@ -82362,7 +82726,7 @@ var MeshLoader = /*#__PURE__*/function (_Loader) {
           var mesh = _ref.mesh,
               scripts = _ref.scripts,
               texture = _ref.texture,
-              opts = _objectWithoutProperties(_ref, _excluded$4);
+              opts = _objectWithoutProperties(_ref, _excluded$6);
 
           return _this.loadMesh(_this.parseMesh(mesh), scripts, texture, opts);
         });
@@ -82895,9 +83259,11 @@ var PointLight = /*#__PURE__*/function (_Light) {
 
   var _super = _createSuper(PointLight);
 
-  function PointLight(options) {
+  function PointLight() {
     var _this;
 
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
     _classCallCheck(this, PointLight);
 
     var _options$color = options.color,
@@ -85488,7 +85854,21 @@ var index$1=/*#__PURE__*/Object.freeze({__proto__:null,Emitter:k,Particle:P,Part
   }
 
   return Fountain;
-}(ParticleEmitter);var ParticleEmitterGroup = /*#__PURE__*/function (_Entity) {
+}(ParticleEmitter);var three_proton_min = {exports: {}};var require$$0 = /*@__PURE__*/getAugmentedNamespace(three_module);/*!
+ * three.proton v0.2.0
+ * https://github.com/drawcall/three.proton
+ *
+ * Copyright 2011-2020, ajiemath
+ * Licensed under the MIT license
+ * http://www.opensource.org/licenses/mit-license
+ *
+ */
+
+(function (module, exports) {
+(function(a,b){module.exports=b(require$$0);})(commonjsGlobal,function(a){function bd(a,b,c,d){bd._super_.call(this),this.camera=a,this.renderer=b,this.dis=c||20,d=d||"1234";for(var e=1;e<5;e++)this["d"+e]=d.indexOf(e+"")>=0;this.name="ScreenZone";}function bc(a,c,d,e,f,g){var h,i,j,k,l,e;bc._super_.call(this),b.Util.isUndefined(c,d,e,f,g)?(h=i=j=0,k=l=e=a||100):b.Util.isUndefined(e,f,g)?(h=i=j=0,k=a,l=c,e=d):(h=a,i=c,j=d,k=e,l=f,e=g),this.x=h,this.y=i,this.z=j,this.width=k,this.height=l,this.depth=e,this.friction=.85,this.max=6;}function bb(a,c,d){var e,f,g;bb._super_.call(this),b.Util.isUndefined(a,c,d)?e=f=g=0:(e=a,f=c,g=d),this.x=e,this.y=f,this.z=g;}function ba(b,c){ba._super_.call(this),b instanceof a.Geometry?this.geometry=b:this.geometry=b.geometry,this.scale=c||1;}function _(a,c,d,e){var f,i;_._super_.call(this),b.Util.isUndefined(c,d,e)?(f=0,i=a||100):(f=a,i=e),this.x=f,this.y=f,this.z=f,this.radius=i,this.tha=this.phi=0;}function $(a,c,d,e,f,g){$._super_.call(this),a instanceof b.Vector3D?(this.x1=a.x,this.y1=a.y,this.z1=a.z,this.x2=e.x,this.y2=e.y,this.z2=e.z):(this.x1=a,this.y1=c,this.z1=d,this.x2=e,this.y2=f,this.z2=g);}function Z(){this.vector=new b.Vector3D(0,0,0),this.random=0,this.crossType="dead",this.log=!0;}function Y(){Y._super_.call(this),this.targetPool=new b.Pool,this.materialPool=new b.Pool,this.name="CustomRender";}function X(b){X._super_.call(this,b),this._body=new a.Sprite(new a.SpriteMaterial({color:16777215})),this.name="SpriteRender";}function W(a){W._super_.call(this),this.points=a,this.name="PointsRender";}function V(c){V._super_.call(this),this.container=c,this._targetPool=new b.Pool,this._materialPool=new b.Pool,this._body=new a.Mesh(new a.BoxGeometry(50,50,50),new a.MeshLambertMaterial({color:"#ff0000"})),this.name="MeshRender";}function U(){this.name="BaseRender";}function R(a,c,d){this.mouseTarget=b.Util.initValue(a,window),this.ease=b.Util.initValue(c,.7),this._allowEmitting=!1,this.mouse=new b.Vector3D,this.initEventHandler(),R._super_.call(this,d);}function Q(a){this.selfBehaviours=[],Q._super_.call(this,a);}function P(a){this.initializes=[],this.particles=[],this.behaviours=[],this.currentEmitTime=0,this.totalEmitTimes=-1,this.damping=.006,this.bindEmitter=!0,this.rate=new b.Rate(1,.1),P._super_.call(this,a),this.id="emitter_"+P.ID++,this.cID=0,this.name="Emitter";}function O(a,b,c,d,e,f,g){O._super_.call(this,f,g),O.prototype.reset(a,b,c,d,e),this.name="Spring";}function N(a,b,c,d){N._super_.call(this,c,d),this.reset(a,b),this.name="Color";}function M(a,b,c,d,e){M._super_.call(this,d,e),this.reset(a,b,c),this.name="Rotate";}function L(a,b,c,d){L._super_.call(this,c,d),this.reset(a,b),this.name="Scale";}function K(a,b,c,d){K._super_.call(this,c,d),this.reset(a,b),this.name="Alpha";}function J(a,b,c,d){J._super_.call(this,c,d),this.reset(a,b),this.name="CrossZone";}function I(a,b,c,d,e){I._super_.call(this,d,e),this.reset(a,b,c),this.name="Collision";}function H(a,b,c){H._super_.call(this,0,-a,0,b,c),this.name="Gravity";}function G(a,b,c,d,e){G._super_.call(this,a,b,c,d,e),this.force*=-1,this.name="Repulsion";}function F(a,b,c,d,e,f){F._super_.call(this,e,f),this.reset(a,b,c,d),this.time=0,this.name="RandomDrift";}function E(a,c,d,e,f){E._super_.call(this,e,f),this.targetPosition=b.Util.initValue(a,new b.Vector3D),this.radius=b.Util.initValue(d,1e3),this.force=b.Util.initValue(this.normalizeValue(c),100),this.radiusSq=this.radius*this.radius,this.attractionForce=new b.Vector3D,this.lengthSq=0,this.name="Attraction";}function D(a,b,c,d,e){D._super_.call(this,d,e),D.prototype.reset.call(this,a,b,c),this.name="Force";}function C(a,c,d){C._super_.call(this),this.body=b.createArraySpan(a),this.w=c,this.h=b.Util.initValue(d,this.w);}function B(a,c,d){B._super_.call(this),this.radius=b.createSpan(a,c,d);}function A(a,c,d){A._super_.call(this),this.massPan=b.createSpan(a,c,d);}function z(a,c,d){z._super_.call(this),this.reset(a,c,d),this.dirVec=new b.Vector3D(0,0,0),this.name="Velocity";}function y(){y._super_.call(this),this.reset.apply(this,arguments);}function x(a,c,d){x._super_.call(this),this.lifePan=b.createSpan(a,c,d);}function v(){this.name="Initialize";}function u(a,c){this.numPan=b.createSpan(b.Util.initValue(a,1)),this.timePan=b.createSpan(b.Util.initValue(c,1)),this.startTime=0,this.nextTime=0,this.init();}function t(a,c){this.id="Behaviour_"+t.id++,this.life=b.Util.initValue(a,Infinity),this.easing=b.Util.initValue(c,b.ease.setEasingByName(b.ease.easeLinear)),this.age=0,this.energy=1,this.dead=!1,this.name="Behaviour";}function s(a,b,c,d,e,f){this.x=a,this.y=b,this.z=c,this.width=d,this.height=e,this.depth=f,this.bottom=this.y+this.height,this.right=this.x+this.width,this.right=this.x+this.width;}function q(a){this._arr=b.Util.isArray(a)?a:[a];}function p(a,c,d){this._isArray=!1,b.Util.isArray(a)?(this._isArray=!0,this.a=a):(this.a=b.Util.initValue(a,1),this.b=b.Util.initValue(c,this.a),this._center=b.Util.initValue(d,!1));}function j(){this.cID=0,this.list={};}function i(a){this.id="particle_"+i.ID++,this.name="Particle",this.reset("init"),b.Util.setPrototypeByObj(this,a);}function c(){this.initialize();}function b(a,c){this.preParticles=b.Util.initValue(a,b.POOL_MAX),this.integrationType=b.Util.initValue(c,b.EULER),this.emitters=[],this.renderers=[],this.pool=new b.Pool,b.integrator=new b.Integration(this.integrationType);}b.POOL_MAX=500,b.TIME_STEP=60,b.PI=3.142,b.DR=b.PI/180,b.MEASURE=100,b.EULER="euler",b.RK2="runge-kutta2",b.RK4="runge-kutta4",b.VERLET="verlet",b.PARTICLE_CREATED="partilcleCreated",b.PARTICLE_UPDATE="partilcleUpdate",b.PARTICLE_SLEEP="particleSleep",b.PARTICLE_DEAD="partilcleDead",b.PROTON_UPDATE="protonUpdate",b.PROTON_UPDATE_AFTER="protonUpdateAfter",b.EMITTER_ADDED="emitterAdded",b.EMITTER_REMOVED="emitterRemoved",b.bindEmtterEvent=!1,b.prototype={addRender:function(a){this.renderers.push(a),a.init(this);},removeRender:function(a){this.renderers.splice(this.renderers.indexOf(a),1),a.remove(this);},addEmitter:function(a){this.emitters.push(a),a.parent=this,this.dispatchEvent("EMITTER_ADDED",a);},removeEmitter:function(a){a.parent==this&&(this.emitters.splice(this.emitters.indexOf(a),1),a.parent=null,this.dispatchEvent("EMITTER_REMOVED",a));},update:function(a){this.dispatchEvent("PROTON_UPDATE",this);var b=a||.0167;if(b>0){var c=this.emitters.length;while(c--)this.emitters[c].update(b);}this.dispatchEvent("PROTON_UPDATE_AFTER",this);},getCount:function(){var a=0,b,c=this.emitters.length;for(b=0;b<c;b++)a+=this.emitters[b].particles.length;return a},destroy:function(){var a=0,b=this.emitters.length;for(a;a<b;a++)this.emitters[a].destroy(),delete this.emitters[a];this.emitters.length=0,this.pool.destroy();}},c.initialize=function(a){a.addEventListener=d.addEventListener,a.removeEventListener=d.removeEventListener,a.removeAllEventListeners=d.removeAllEventListeners,a.hasEventListener=d.hasEventListener,a.dispatchEvent=d.dispatchEvent;};var d=c.prototype;d._listeners=null,d.initialize=function(){},d.addEventListener=function(a,b){this._listeners?this.removeEventListener(a,b):this._listeners={},this._listeners[a]||(this._listeners[a]=[]),this._listeners[a].push(b);return b},d.removeEventListener=function(a,b){if(!!this._listeners){if(!this._listeners[a])return;var c=this._listeners[a];for(var d=0,e=c.length;d<e;d++)if(c[d]==b){e==1?delete this._listeners[a]:c.splice(d,1);break}}},d.removeAllEventListeners=function(a){a?this._listeners&&delete this._listeners[a]:this._listeners=null;},d.dispatchEvent=function(a,b){var c=!1,d=this._listeners;if(a&&d){var e=d[a];if(!e)return c;e=e.slice();var f,g=e.length;while(g--){var f=e[g];c=c||f(b);}}return !!c},d.hasEventListener=function(a){var b=this._listeners;return !!b&&!!b[a]},c.initialize(b.prototype),b.EventDispatcher=c;var e=e||{initValue:function(a,b){var a=a!=null&&a!=undefined?a:b;return a},isArray:function(a){return Object.prototype.toString.call(a)==="[object Array]"},destroyArray:function(a){a.length=0;},destroyObject:function(a){for(var b in a)delete a[b];},isUndefined:function(){for(var a in arguments){var b=arguments[a];if(b!==undefined)return !1}return !0},setVectorByObj:function(a,b){b.x!==undefined&&(a.p.x=b.x),b.y!==undefined&&(a.p.y=b.y),b.z!==undefined&&(a.p.z=b.z),b.vx!==undefined&&(a.v.x=b.vx),b.vy!==undefined&&(a.v.y=b.vy),b.vz!==undefined&&(a.v.z=b.vz),b.ax!==undefined&&(a.a.x=b.ax),b.ay!==undefined&&(a.a.y=b.ay),b.az!==undefined&&(a.a.z=b.az),b.p!==undefined&&a.p.copy(b.p),b.v!==undefined&&a.v.copy(b.v),b.a!==undefined&&a.a.copy(b.a),b.position!==undefined&&a.p.copy(b.position),b.velocity!==undefined&&a.v.copy(b.velocity),b.accelerate!==undefined&&a.a.copy(b.accelerate);},setPrototypeByObj:function(a,b,c){for(var d in b)a.hasOwnProperty(d)&&(c?c.indexOf(d)<0&&(a[d]=e._getValue(b[d])):a[d]=e._getValue(b[d]));return a},_getValue:function(a){return a instanceof p?a.getValue():a},inherits:function(a,b){a._super_=b;if(Object.create)a.prototype=Object.create(b.prototype,{constructor:{value:a}});else {var c=function(){};c.prototype=b.prototype,a.prototype=new c,a.prototype.constructor=a;}}};b.Util=e;var f=f||{getRGB:function(b){var c={};if(typeof b=="number")e=Math.floor(b),c.r=(b>>16&255)/255,c.g=(b>>8&255)/255,c.b=(b&255)/255;else if(typeof b=="string"){var d;if(d=/^(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(,\s*([0-9]*\.?[0-9]+)\s*)?$/.exec(b))c.r=Math.min(255,parseInt(d[1],10))/255,c.g=Math.min(255,parseInt(d[2],10))/255,c.b=Math.min(255,parseInt(d[3],10))/255;else if(d=/^\#([A-Fa-f0-9]+)$/.exec(b)){var e=d[1];c.r=parseInt(e.charAt(0)+e.charAt(1),16)/255,c.g=parseInt(e.charAt(2)+e.charAt(3),16)/255,c.b=parseInt(e.charAt(4)+e.charAt(5),16)/255;}}else b instanceof a.Color&&(c.r=b.r,c.g=b.g,c.b=b.b);return c}};b.ColorUtil=f;var g={toScreenPos:function(){var b=new a.Vector3;return function(a,c,d){b.copy(a),b.project(c),b.x=Math.round((b.x+1)*d.width/2),b.y=Math.round((-b.y+1)*d.height/2),b.z=0;return b}}(),toSpacePos:function(){var b=new a.Vector3,c=new a.Vector3,d;return function(a,e,f){b.set(a.x/f.width*2-1,-(a.y/f.height)*2+1,.5),b.unproject(e),c.copy(b.sub(e.position).normalize()),d=-e.position.z/c.z,b.copy(e.position),b.add(c.multiplyScalar(d));return b}}(),getTexture:function(){var c={};return function(d){if(d instanceof a.Texture)return d;if(typeof d=="string"){var e=b.PUID.hash(d);c[e]||(c[e]=new a.Texture(d));return c[e]}if(d instanceof Image){var e=b.PUID.hash(d.src);c[e]||(c[e]=new a.Texture(d));return c[e]}}}()};b.THREEUtil=g;var h=h||{_id:0,_uids:{},id:function(a){for(var b in this._uids)if(this._uids[b]==a)return b;var c="PUID_"+this._id++;this._uids[c]=a;return c},hash:function(a){return}};b.PUID=h,i.ID=0,i.prototype={getDirection:function(){return Math.atan2(this.v.x,-this.v.y)*(180/b.PI)},reset:function(a){this.life=Infinity,this.age=0,this.energy=1,this.dead=!1,this.sleep=!1,this.body=null,this.parent=null,this.mass=1,this.radius=10,this.alpha=1,this.scale=1,this.useColor=!1,this.useAlpha=!1,this.easing=b.ease.setEasingByName(b.ease.easeLinear),a?(this.p=new b.Vector3D,this.v=new b.Vector3D,this.a=new b.Vector3D,this.old={},this.old.p=this.p.clone(),this.old.v=this.v.clone(),this.old.a=this.a.clone(),this.behaviours=[],this.transform={},this.color={r:0,g:0,b:0},this.rotation=new b.Vector3D):(this.p.set(0,0,0),this.v.set(0,0,0),this.a.set(0,0,0),this.old.p.set(0,0,0),this.old.v.set(0,0,0),this.old.a.set(0,0,0),this.color.r=0,this.color.g=0,this.color.b=0,this.rotation.clear(),b.Util.destroyObject(this.transform),this.removeAllBehaviours());return this},update:function(a,b){if(!this.sleep){this.age+=a;var c=this.behaviours.length;while(c--)this.behaviours[c]&&this.behaviours[c].applyBehaviour(this,a,b);}if(this.age>=this.life)this.destroy();else {var d=this.easing(this.age/this.life);this.energy=Math.max(1-d,0);}},addBehaviour:function(a){this.behaviours.push(a),a.initialize(this);},addBehaviours:function(a){var b=a.length;while(b--)this.addBehaviour(a[b]);},removeBehaviour:function(a){var b=this.behaviours.indexOf(a);b>-1&&this.behaviours.splice(b,1);},removeAllBehaviours:function(){b.Util.destroyArray(this.behaviours);},destroy:function(){this.removeAllBehaviours(),this.energy=0,this.dead=!0,this.parent=null;}},b.Particle=i,j.prototype={create:function(a){this.cID++;return typeof a=="function"?new a:a.clone()},getCount:function(){var a=0;for(var b in this.list)a+=this.list[b].length;return a++},get:function(a){var c,d=a.__puid||b.PUID.id(a);this.list[d]&&this.list[d].length>0?c=this.list[d].pop():c=this.create(a),c.__puid=a.__puid||d;return c},expire:function(a){return this._getList(a.__puid).push(a)},destroy:function(){for(var a in this.list)this.list[a].length=0,delete this.list[a];},_getList:function(a){a=a||"default",this.list[a]||(this.list[a]=[]);return this.list[a]}},b.Pool=j;var k={randomAToB:function(a,b,c){return c?(Math.random()*(b-a)>>0)+a:a+Math.random()*(b-a)},randomFloating:function(a,b,c){return k.randomAToB(a-b,a+b,c)},randomZone:function(a){},degreeTransform:function(a){return a*b.PI/180},toColor16:function(a){return "#"+a.toString(16)},randomColor:function(){return "#"+("00000"+(Math.random()*16777216<<0).toString(16)).slice(-6)},lerp:function(a,b,c){return b+(a-b)*c},getNormal:function(a,b){a.x==0&&a.y==0?a.z==0?b.set(1,0,1):b.set(1,1,-a.y/a.z):a.x==0?b.set(1,0,1):b.set(-a.y/a.x,1,1);return b.normalize()},axisRotate:function(a,b,c,d){var e=Math.cos(d),f=Math.sin(d),g=c.dot(b)*(1-e);a.copy(c),a.cross(b).scalar(f),a.addValue(b.x*e,b.y*e,b.z*e),a.addValue(c.x*g,c.y*g,c.z*g);}};b.MathUtils=k;var m=function(a){this.type=b.Util.initValue(a,b.EULER);};m.prototype={integrate:function(a,b,c){this.euler(a,b,c);},euler:function(a,b,c){a.sleep||(a.old.p.copy(a.p),a.old.v.copy(a.v),a.a.scalar(1/a.mass),a.v.add(a.a.scalar(b)),a.p.add(a.old.v.scalar(b)),c&&a.v.scalar(c),a.a.clear());}},b.Integration=m;var n=function(a,b,c){this.x=a||0,this.y=b||0,this.z=c||0;};n.prototype={set:function(a,b,c){this.x=a,this.y=b,this.z=c;return this},setX:function(a){this.x=a;return this},setY:function(a){this.y=a;return this},setZ:function(a){this.z=a;return this},getGradient:function(){if(this.x!=0)return Math.atan2(this.y,this.x);if(this.y>0)return b.PI/2;if(this.y<0)return -b.PI/2},copy:function(a){this.x=a.x,this.y=a.y,this.z=a.z;return this},add:function(a,b){if(b!==undefined)return this.addVectors(a,b);this.x+=a.x,this.y+=a.y,this.z+=a.z;return this},addValue:function(a,b,c){this.x+=a,this.y+=b,this.z+=c;return this},addVectors:function(a,b){this.x=a.x+b.x,this.y=a.y+b.y,this.z=a.z+b.z;return this},addScalar:function(a){this.x+=a,this.y+=a,this.z+=a;return this},sub:function(a,b){if(b!==undefined)return this.subVectors(a,b);this.x-=a.x,this.y-=a.y,this.z-=a.z;return this},subVectors:function(a,b){this.x=a.x-b.x,this.y=a.y-b.y,this.z=a.z-b.z;return this},scalar:function(a){this.x*=a,this.y*=a,this.z*=a;return this},divideScalar:function(a){a!==0?(this.x/=a,this.y/=a,this.z/=a):this.set(0,0,0);return this},negate:function(){return this.scalar(-1)},dot:function(a){return this.x*a.x+this.y*a.y+this.z*a.z},cross:function(a){var b=this.x,c=this.y,d=this.z;this.x=c*a.z-d*a.y,this.y=d*a.x-b*a.z,this.z=b*a.y-c*a.x;return this},lengthSq:function(){return this.x*this.x+this.y*this.y+this.z*this.z},length:function(){return Math.sqrt(this.lengthSq())},normalize:function(){return this.divideScalar(this.length())},distanceTo:function(a){return Math.sqrt(this.distanceToSquared(a))},crossVectors:function(a,b){var c=a.x,d=a.y,e=a.z,f=b.x,g=b.y,h=b.z;this.x=d*h-e*g,this.y=e*f-c*h,this.z=c*g-d*f;return this},eulerFromDir:function(a){},applyEuler:function(){var a;return function(c){a===undefined&&(a=new b.Quaternion),this.applyQuaternion(a.setFromEuler(c));return this}}(),applyAxisAngle:function(){var a;return function(c,d){a===undefined&&(a=new b.Quaternion),this.applyQuaternion(a.setFromAxisAngle(c,d));return this}}(),applyQuaternion:function(a){var b=this.x,c=this.y,d=this.z,e=a.x,f=a.y,g=a.z,h=a.w,i=h*b+f*d-g*c,j=h*c+g*b-e*d,k=h*d+e*c-f*b,l=-e*b-f*c-g*d;this.x=i*h+l*-e+j*-g-k*-f,this.y=j*h+l*-f+k*-e-i*-g,this.z=k*h+l*-g+i*-f-j*-e;return this},distanceToSquared:function(a){var b=this.x-a.x,c=this.y-a.y,d=this.z-a.z;return b*b+c*c+d*d},lerp:function(a,b){this.x+=(a.x-this.x)*b,this.y+=(a.y-this.y)*b,this.z+=(a.z-this.z)*b;return this},equals:function(a){return a.x===this.x&&a.y===this.y&&a.z===this.z},clear:function(){this.x=0,this.y=0,this.z=0;return this},clone:function(){return new b.Vector3D(this.x,this.y,this.z)},toString:function(){return "x:"+this.x+"y:"+this.y+"z:"+this.z}},b.Vector3D=n;var o=function(a,b,c){this.radius=a||1,this.phi=c||0,this.theta=b||0;};o.prototype={set:function(a,b,c){this.radius=a||1,this.phi=c||0,this.theta=b||0;return this},setRadius:function(a){this.radius=a;return this},setPhi:function(a){this.phi=a;return this},setTheta:function(a){this.theta=a;return this},copy:function(a){this.radius=a.radius,this.phi=a.phi,this.theta=a.theta;return this},toVector3D:function(){return new b.Vector3D(this.getX(),this.getY(),this.getZ())},getX:function(){return this.radius*Math.sin(this.theta)*Math.cos(this.phi)},getY:function(){return -this.radius*Math.sin(this.theta)*Math.sin(this.phi)},getZ:function(){return this.radius*Math.cos(this.theta)},normalize:function(){this.radius=1;return this},equals:function(a){return a.radius===this.radius&&a.phi===this.phi&&a.theta===this.theta},clear:function(){this.radius=0,this.phi=0,this.theta=0;return this},clone:function(){return new o(this.radius,this.phi,this.theta)}},b.Polar3D=o,p.prototype={getValue:function(a){return this._isArray?this.a[this.a.length*Math.random()>>0]:this._center?b.MathUtils.randomFloating(this.a,this.b,a):b.MathUtils.randomAToB(this.a,this.b,a)}},b.createSpan=function(a,b,c){if(a instanceof p)return a;return b===undefined?new p(a):c===undefined?new p(a,b):new p(a,b,c)},b.Span=p,b.Util.inherits(q,b.Span),q.prototype.getValue=function(){var a=this._arr[this._arr.length*Math.random()>>0];return a=="random"||a=="Random"?b.MathUtils.randomColor():a},b.createArraySpan=function(a){if(!a)return null;return a instanceof b.ArraySpan?a:new b.ArraySpan(a)},b.ArraySpan=q;var r=function(a,b,c,d){this.x=a||0,this.y=b||0,this.z=c||0,this.w=d!==undefined?d:1;};r.prototype={set:function(a,b,c,d){this.x=a,this.y=b,this.z=c,this.w=d;return this},clone:function(){return new b.Quaternion(this.x,this.y,this.z,this.w)},copy:function(a){this.x=a.x,this.y=a.y,this.z=a.z,this.w=a.w;return this},setFromEuler:function(a){var b=Math.cos(a.x/2),c=Math.cos(a.y/2),d=Math.cos(a.z/2),e=Math.sin(a.x/2),f=Math.sin(a.y/2),g=Math.sin(a.z/2);this.x=e*c*d+b*f*g,this.y=b*f*d-e*c*g,this.z=b*c*g+e*f*d,this.w=b*c*d-e*f*g;return this},setFromAxisAngle:function(a,b){var c=b/2,d=Math.sin(c);this.x=a.x*d,this.y=a.y*d,this.z=a.z*d,this.w=Math.cos(c);return this},normalize:function(){var a=this.length();a===0?(this.x=0,this.y=0,this.z=0,this.w=1):(a=1/a,this.x*=a,this.y*=a,this.z*=a,this.w*=a);return this},length:function(){return Math.sqrt(this.x*this.x+this.y*this.y+this.z*this.z+this.w*this.w)},dot:function(a){return this.x*a.x+this.y*a.y+this.z*a.z+this.w*a.w}},b.Quaternion=r,s.prototype={contains:function(a,b,c){return a<=this.right&&a>=this.x&&b<=this.bottom&&b>=this.y&&c<=this.depth&&c>=this.z?!0:!1}},b.Box=s,t.id=0,t.prototype={reset:function(a,c){this.life=b.Util.initValue(a,Infinity),this.easing=b.Util.initValue(c,b.ease.setEasingByName(b.ease.easeLinear));},normalizeForce:function(a){return a.scalar(b.MEASURE)},normalizeValue:function(a){return a*b.MEASURE},initialize:function(a){},applyBehaviour:function(a,b,c){if(!this.dead){this.age+=b;if(this.age>=this.life){this.energy=0,this.dead=!0;return}var d=this.easing(a.age/a.life);this.energy=Math.max(1-d,0);}},destroy:function(){}},b.Behaviour=t,u.prototype={init:function(){this.startTime=0,this.nextTime=this.timePan.getValue();},getValue:function(a){this.startTime+=a;if(this.startTime>=this.nextTime){this.init();return this.numPan.b==1?this.numPan.getValue("Float")>.5?1:0:this.numPan.getValue("Int")}return 0}},b.Rate=u,v.prototype.reset=function(){},v.prototype.init=function(a,b){b?this.initialize(b):this.initialize(a);},v.prototype.initialize=function(a){},b.Initialize=v;var w={initialize:function(a,c,d){var e=d.length;while(e--){var f=d[e];f instanceof b.Initialize?f.init(a,c):w.init(a,c,f);}w.bindEmitter(a,c);},init:function(a,c,d){b.Util.setPrototypeByObj(c,d),b.Util.setVectorByObj(c,d);},bindEmitter:function(a,b){a.bindEmitter&&(b.p.add(a.p),b.v.add(a.v),b.a.add(a.a),b.v.applyEuler(a.rotation));}};b.InitializeUtil=w,b.Util.inherits(x,b.Initialize),x.prototype.initialize=function(a){this.lifePan.a==Infinity||this.lifePan.a=="infi"?a.life=Infinity:a.life=this.lifePan.getValue();},b.Life=x,b.Util.inherits(y,b.Initialize),y.prototype.reset=function(){this.zones?this.zones.length=0:this.zones=[];var a=Array.prototype.slice.call(arguments);this.zones=this.zones.concat(a);},y.prototype.addZone=function(){var a=Array.prototype.slice.call(arguments);this.zones=this.zones.concat(a);},y.prototype.initialize=function(){return function(a){var b=this.zones[Math.random()*this.zones.length>>0];b.getPosition(),a.p.x=b.vector.x,a.p.y=b.vector.y,a.p.z=b.vector.z;}}(),b.Position=y,b.P=y,b.Util.inherits(z,b.Initialize),z.prototype.reset=function(a,c,d){a instanceof b.Vector3D?(this.radiusPan=b.createSpan(1),this.dir=a.clone(),this.tha=c*b.DR,this._useV=!0):a instanceof b.Polar3D?(this.tha=c*b.DR,this.dirVec=a.toVector3D(),this._useV=!1):(this.radiusPan=b.createSpan(a),this.dir=c.clone().normalize(),this.tha=d*b.DR,this._useV=!0);},z.prototype.normalize=function(a){return a*b.MEASURE},z.prototype.initialize=function(){var a,c=new b.Vector3D(0,0,1),d=new b.Vector3D(0,0,0);return function(e){a=this.tha*Math.random(),this._useV&&this.dirVec.copy(this.dir).scalar(this.radiusPan.getValue()),b.MathUtils.getNormal(this.dirVec,c),d.copy(this.dirVec).applyAxisAngle(c,a),d.applyAxisAngle(this.dirVec.normalize(),Math.random()*b.PI*2),e.v.copy(d);return this}}(),b.Velocity=z,b.V=z,b.Util.inherits(A,b.Initialize),A.prototype.initialize=function(a){a.mass=this.massPan.getValue();},b.Mass=A,b.Util.inherits(B,b.Initialize),B.prototype.reset=function(a,c,d){this.radius=b.createSpan(a,c,d);},B.prototype.initialize=function(a){a.radius=this.radius.getValue(),a.transform.oldRadius=a.radius;},b.Radius=B,b.Util.inherits(C,b.Initialize),C.prototype.initialize=function(a){var b=this.body.getValue();this.w?a.body={width:this.w,height:this.h,body:b}:a.body=b;},b.Body=C,b.Util.inherits(D,b.Behaviour),D.prototype.reset=function(a,c,d){this.force=this.normalizeForce(new b.Vector3D(a,c,d)),this.force.id=Math.random();},D.prototype.applyBehaviour=function(a,b,c){D._super_.prototype.applyBehaviour.call(this,a,b,c),a.a.add(this.force);},b.F=b.Force=D,b.Util.inherits(E,b.Behaviour),E.prototype.reset=function(a,c,d,e,f){this.targetPosition=b.Util.initValue(a,new b.Vector3D),this.radius=b.Util.initValue(d,1e3),this.force=b.Util.initValue(this.normalizeValue(c),100),this.radiusSq=this.radius*this.radius,this.attractionForce=new b.Vector3D,this.lengthSq=0,e&&E._super_.prototype.reset.call(this,e,f);},E.prototype.applyBehaviour=function(a,b,c){E._super_.prototype.applyBehaviour.call(this,a,b,c),this.attractionForce.copy(this.targetPosition),this.attractionForce.sub(a.p),this.lengthSq=this.attractionForce.lengthSq(),this.lengthSq>4e-6&&this.lengthSq<this.radiusSq&&(this.attractionForce.normalize(),this.attractionForce.scalar(1-this.lengthSq/this.radiusSq),this.attractionForce.scalar(this.force),a.a.add(this.attractionForce));},b.Attraction=E,b.Util.inherits(F,b.Behaviour),F.prototype.reset=function(a,c,d,e,f,g){this.randomFoce=this.normalizeForce(new b.Vector3D(a,c,d)),this.delayPan=b.createSpan(e||.03),this.time=0,f&&F._super_.prototype.reset.call(this,f,g);},F.prototype.applyBehaviour=function(a,c,d){F._super_.prototype.applyBehaviour.call(this,a,c,d),this.time+=c;if(this.time>=this.delayPan.getValue()){var e=b.MathUtils.randomAToB(-this.randomFoce.x,this.randomFoce.x),f=b.MathUtils.randomAToB(-this.randomFoce.y,this.randomFoce.y),g=b.MathUtils.randomAToB(-this.randomFoce.z,this.randomFoce.z);a.a.addValue(e,f,g),this.time=0;}},b.RandomDrift=F,b.Util.inherits(G,b.Attraction),G.prototype.reset=function(a,b,c,d,e){G._super_.prototype.reset.call(this,a,b,c,d,e),this.force*=-1;},b.Repulsion=G,b.Util.inherits(H,b.Force),H.prototype.reset=function(a,b,c){H._super_.prototype.reset.call(this,0,-a,0,b,c);},b.Gravity=H,b.G=H,b.Util.inherits(I,b.Behaviour),I.prototype.reset=function(a,c,d,e,f){this.emitter=a,this.useMass=c,this.callback=d,this.particles=[],this.delta=new b.Vector3D,e&&I._super_.prototype.reset.call(this,e,f);},I.prototype.applyBehaviour=function(a,b,c){var d=this.emitter?this.emitter.particles.slice(c):this.particles.slice(c),e,f,g,h,i,j,k=d.length;while(k--){e=d[k];if(e==a)continue;this.delta.copy(e.p).sub(a.p),f=this.delta.lengthSq(),h=a.radius+e.radius,f<=h*h&&(g=h-Math.sqrt(f),g+=.5,i=this._getAverageMass(a,e),j=this._getAverageMass(e,a),a.p.add(this.delta.clone().normalize().scalar(g*-i)),e.p.add(this.delta.normalize().scalar(g*j)),this.callback&&this.callback(a,e));}},I.prototype._getAverageMass=function(a,b){return this.useMass?b.mass/(a.mass+b.mass):.5},b.Collision=I,b.Util.inherits(J,b.Behaviour),J.prototype.reset=function(a,c,d,e){var f,g;typeof a=="string"?(g=a,f=c):(g=c,f=a),this.zone=f,this.zone.crossType=b.Util.initValue(g,"dead"),d&&J._super_.prototype.reset.call(this,d,e);},J.prototype.applyBehaviour=function(a,b,c){J._super_.prototype.applyBehaviour.call(this,a,b,c),this.zone.crossing.call(this.zone,a);},b.CrossZone=J,b.Util.inherits(K,b.Behaviour),K.prototype.reset=function(a,c,d,e){c==null||c==undefined?this._same=!0:this._same=!1,this.a=b.createSpan(b.Util.initValue(a,1)),this.b=b.createSpan(c),d&&K._super_.prototype.reset.call(this,d,e);},K.prototype.initialize=function(a){a.useAlpha=!0,a.transform.alphaA=this.a.getValue(),this._same?a.transform.alphaB=a.transform.alphaA:a.transform.alphaB=this.b.getValue();},K.prototype.applyBehaviour=function(a,c,d){K._super_.prototype.applyBehaviour.call(this,a,c,d),a.alpha=b.MathUtils.lerp(a.transform.alphaA,a.transform.alphaB,this.energy),a.alpha<.002&&(a.alpha=0);},b.Alpha=K,b.Util.inherits(L,b.Behaviour),L.prototype.reset=function(a,c,d,e){c==null||c==undefined?this._same=!0:this._same=!1,this.a=b.createSpan(b.Util.initValue(a,1)),this.b=b.createSpan(c),d&&L._super_.prototype.reset.call(this,d,e);},L.prototype.initialize=function(a){a.transform.scaleA=this.a.getValue(),a.transform.oldRadius=a.radius,this._same?a.transform.scaleB=a.transform.scaleA:a.transform.scaleB=this.b.getValue();},L.prototype.applyBehaviour=function(a,c,d){L._super_.prototype.applyBehaviour.call(this,a,c,d),a.scale=b.MathUtils.lerp(a.transform.scaleA,a.transform.scaleB,this.energy),a.scale<5e-4&&(a.scale=0),a.radius=a.transform.oldRadius*a.scale;},b.Scale=L,b.Util.inherits(M,b.Behaviour),M.prototype.reset=function(a,c,d,e,f){this.a=a||0,this.b=c||0,this.c=d||0,a===undefined||a=="same"?this._type="same":c==undefined?this._type="set":d===undefined?this._type="to":(this._type="add",this.a=b.createSpan(this.a*b.DR),this.b=b.createSpan(this.b*b.DR),this.c=b.createSpan(this.c*b.DR)),e&&M._super_.prototype.reset.call(this,e,f);},M.prototype.initialize=function(a){switch(this._type){case"same":break;case"set":this._setRotation(a.rotation,this.a);break;case"to":a.transform.fR=a.transform.fR||new b.Vector3D,a.transform.tR=a.transform.tR||new b.Vector3D,this._setRotation(a.transform.fR,this.a),this._setRotation(a.transform.tR,this.b);break;case"add":a.transform.addR=new b.Vector3D(this.a.getValue(),this.b.getValue(),this.c.getValue());}},M.prototype._setRotation=function(a,c){a=a||new b.Vector3D;if(c=="random"){var d=b.MathUtils.randomAToB(-b.PI,b.PI),e=b.MathUtils.randomAToB(-b.PI,b.PI),f=b.MathUtils.randomAToB(-b.PI,b.PI);a.set(d,e,f);}else c instanceof b.Vector3D&&a.copy(c);},M.prototype.applyBehaviour=function(a,c,d){M._super_.prototype.applyBehaviour.call(this,a,c,d);switch(this._type){case"same":a.rotation||(a.rotation=new b.Vector3D),a.rotation.eulerFromDir(a.v);break;case"set":break;case"to":a.rotation.x=b.MathUtils.lerp(a.transform.fR.x,a.transform.tR.x,this.energy),a.rotation.y=b.MathUtils.lerp(a.transform.fR.y,a.transform.tR.y,this.energy),a.rotation.z=b.MathUtils.lerp(a.transform.fR.z,a.transform.tR.z,this.energy);break;case"add":a.rotation.add(a.transform.addR);}},b.Rotate=M,b.Util.inherits(N,b.Behaviour),N.prototype.reset=function(a,c,d,e){c==null||c==undefined?this._same=!0:this._same=!1,this.a=b.createArraySpan(a),this.b=b.createArraySpan(c),d&&N._super_.prototype.reset.call(this,d,e);},N.prototype.initialize=function(a){a.transform.colorA=b.ColorUtil.getRGB(this.a.getValue()),a.useColor=!0,this._same?a.transform.colorB=a.transform.colorA:a.transform.colorB=b.ColorUtil.getRGB(this.b.getValue());},N.prototype.applyBehaviour=function(a,c,d){N._super_.prototype.applyBehaviour.call(this,a,c,d),this._same?(a.color.r=a.transform.colorA.r,a.color.g=a.transform.colorA.g,a.color.b=a.transform.colorA.b):(a.color.r=b.MathUtils.lerp(a.transform.colorA.r,a.transform.colorB.r,this.energy),a.color.g=b.MathUtils.lerp(a.transform.colorA.g,a.transform.colorB.g,this.energy),a.color.b=b.MathUtils.lerp(a.transform.colorA.b,a.transform.colorB.b,this.energy));},b.Color=N,b.Util.inherits(O,b.Behaviour),O.prototype.reset=function(a,c,d,e,f){this.pos?this.pos.set(a,c,d):this.pos=new b.Vector3D(a,c,d),this.spring=e||.1,this.friction=f||.98;},O.prototype.applyBehaviour=function(a,b,c){O._super_.prototype.applyBehaviour.call(this,a,b,c),a.v.x+=(this.pos.x-a.p.x)*this.spring,a.v.y+=(this.pos.y-a.p.y)*this.spring,a.v.z+=(this.pos.z-a.p.z)*this.spring;},b.Spring=O,P.ID=0,b.Util.inherits(P,b.Particle),b.EventDispatcher.initialize(P.prototype),P.prototype.emit=function(a,c){this.currentEmitTime=0,this.totalEmitTimes=b.Util.initValue(a,Infinity),c==!0||c=="life"||c=="destroy"?this.life=a=="once"?1:this.totalEmitTimes:isNaN(c)||(this.life=c),this.rate.init();},P.prototype.stopEmit=function(){this.totalEmitTimes=-1,this.currentEmitTime=0;},P.prototype.removeAllParticles=function(){var a=this.particles.length;while(a--)this.particles[a].dead=!0;},P.prototype.createParticle=function(a,c){var d=this.parent.pool.get(b.Particle);this.setupParticle(d,a,c),this.parent&&this.parent.dispatchEvent("PARTICLE_CREATED",d),b.bindEmtterEvent&&this.dispatchEvent("PARTICLE_CREATED",d);return d},P.prototype.addSelfInitialize=function(a){a.init?a.init(this):this.initAll();},P.prototype.addInitialize=function(){var a=arguments.length;while(a--)this.initializes.push(arguments[a]);},P.prototype.removeInitialize=function(a){var b=this.initializes.indexOf(a);b>-1&&this.initializes.splice(b,1);},P.prototype.removeInitializers=function(){b.Util.destroyArray(this.initializes);},P.prototype.addBehaviour=function(){var a=arguments.length;while(a--)this.behaviours.push(arguments[a]);},P.prototype.removeBehaviour=function(a){var b=this.behaviours.indexOf(a);b>-1&&this.behaviours.splice(b,1);},P.prototype.removeAllBehaviours=function(){b.Util.destroyArray(this.behaviours);},P.prototype.integrate=function(a){var c=1-this.damping;b.integrator.integrate(this,a,c);var d=this.particles.length;while(d--){var e=this.particles[d];e.update(a,d),b.integrator.integrate(e,a,c),this.parent&&this.parent.dispatchEvent("PARTICLE_UPDATE",e),b.bindEmtterEvent&&this.dispatchEvent("PARTICLE_UPDATE",e);}},P.prototype.emitting=function(a){if(this.totalEmitTimes=="once"){var b=this.rate.getValue(99999);b>0&&(this.cID=b);while(b--)this.createParticle();this.totalEmitTimes="none";}else if(!isNaN(this.totalEmitTimes)){this.currentEmitTime+=a;if(this.currentEmitTime<this.totalEmitTimes){var b=this.rate.getValue(a);b>0&&(this.cID=b);while(b--)this.createParticle();}}},P.prototype.update=function(a){this.age+=a,(this.dead||this.age>=this.life)&&this.destroy(),this.emitting(a),this.integrate(a);var c,d=this.particles.length;while(d--)c=this.particles[d],c.dead&&(this.parent&&this.parent.dispatchEvent("PARTICLE_DEAD",c),b.bindEmtterEvent&&this.dispatchEvent("PARTICLE_DEAD",c),this.parent.pool.expire(c.reset()),this.particles.splice(d,1));},P.prototype.setupParticle=function(a,c,d){var e=this.initializes,f=this.behaviours;c&&(b.Util.isArray(c)?e=c:e=[c]),d&&(b.Util.isArray(d)?f=d:f=[d]),b.InitializeUtil.initialize(this,a,e),a.addBehaviours(f),a.parent=this,this.particles.push(a);},P.prototype.destroy=function(){this.dead=!0,this.energy=0,this.totalEmitTimes=-1,this.particles.length==0&&(this.removeInitializers(),this.removeAllBehaviours(),this.parent&&this.parent.removeEmitter(this));},b.Emitter=P,b.Util.inherits(Q,b.Emitter),Q.prototype.addSelfBehaviour=function(){var a=arguments.length,b;for(b=0;b<a;b++)this.selfBehaviours.push(arguments[b]);},Q.prototype.removeSelfBehaviour=function(a){var b=this.selfBehaviours.indexOf(a);b>-1&&this.selfBehaviours.splice(b,1);},Q.prototype.update=function(a){Q._super_.prototype.update.call(this,a);if(!this.sleep){var b=this.selfBehaviours.length,c;for(c=0;c<b;c++)this.selfBehaviours[c].applyBehaviour(this,a,c);}},b.BehaviourEmitter=Q,b.Util.inherits(R,b.Emitter),R.prototype.initEventHandler=function(){var a=this;this.mousemoveHandler=function(b){a.mousemove.call(a,b);},this.mousedownHandler=function(b){a.mousedown.call(a,b);},this.mouseupHandler=function(b){a.mouseup.call(a,b);},this.mouseTarget.addEventListener("mousemove",this.mousemoveHandler,!1);},R.prototype.emit=function(){this._allowEmitting=!0;},R.prototype.stopEmit=function(){this._allowEmitting=!1;},R.prototype.setCameraAndCanvas=function(a,b){this.camera=a,this.canvas=b;},R.prototype.setCameraAndRenderer=function(a,b){this.camera=a,this.renderer=b,this.canvas=b.domElement;},R.prototype.mousemove=function(a){var c=this.canvas.getBoundingClientRect(),d=a.clientX-c.left,e=a.clientY-c.top,f=this.renderer?this.renderer.getPixelRatio():1;d*=f,e*=f,this.mouse.x+=(d-this.mouse.x)*this.ease,this.mouse.y+=(e-this.mouse.y)*this.ease,this.p.copy(b.THREEUtil.toSpacePos(this.mouse,this.camera,this.canvas,this.renderer)),this._allowEmitting&&R._super_.prototype.emit.call(this,"once");},R.prototype.destroy=function(){R._super_.prototype.destroy.call(this),this.mouseTarget.removeEventListener("mousemove",this.mousemoveHandler,!1);},b.FollowEmitter=R;var S=S||{easeLinear:function(a){return a},easeInQuad:function(a){return Math.pow(a,2)},easeOutQuad:function(a){return -(Math.pow(a-1,2)-1)},easeInOutQuad:function(a){if((a/=.5)<1)return .5*Math.pow(a,2);return -0.5*((a-=2)*a-2)},easeInCubic:function(a){return Math.pow(a,3)},easeOutCubic:function(a){return Math.pow(a-1,3)+1},easeInOutCubic:function(a){if((a/=.5)<1)return .5*Math.pow(a,3);return .5*(Math.pow(a-2,3)+2)},easeInQuart:function(a){return Math.pow(a,4)},easeOutQuart:function(a){return -(Math.pow(a-1,4)-1)},easeInOutQuart:function(a){if((a/=.5)<1)return .5*Math.pow(a,4);return -0.5*((a-=2)*Math.pow(a,3)-2)},easeInSine:function(a){return -Math.cos(a*(b.PI/2))+1},easeOutSine:function(a){return Math.sin(a*(b.PI/2))},easeInOutSine:function(a){return -0.5*(Math.cos(b.PI*a)-1)},easeInExpo:function(a){return a===0?0:Math.pow(2,10*(a-1))},easeOutExpo:function(a){return a===1?1:-Math.pow(2,-10*a)+1},easeInOutExpo:function(a){if(a===0)return 0;if(a===1)return 1;if((a/=.5)<1)return .5*Math.pow(2,10*(a-1));return .5*(-Math.pow(2,-10*--a)+2)},easeInCirc:function(a){return -(Math.sqrt(1-a*a)-1)},easeOutCirc:function(a){return Math.sqrt(1-Math.pow(a-1,2))},easeInOutCirc:function(a){if((a/=.5)<1)return -0.5*(Math.sqrt(1-a*a)-1);return .5*(Math.sqrt(1-(a-=2)*a)+1)},easeInBack:function(a){var b=1.70158;return a*a*((b+1)*a-b)},easeOutBack:function(a){var b=1.70158;return (a=a-1)*a*((b+1)*a+b)+1},easeInOutBack:function(a){var b=1.70158;if((a/=.5)<1)return .5*a*a*(((b*=1.525)+1)*a-b);return .5*((a-=2)*a*(((b*=1.525)+1)*a+b)+2)},setEasingByName:function(a){return S[a]?S[a]:S.easeLinear}};for(var T in S)T!="setEasingByName"&&(b[T]=S[T]);b.ease=S,U.prototype={init:function(a){var b=this;this.proton=a,this.proton.addEventListener("PROTON_UPDATE",function(a){b.onProtonUpdate.call(b,a);}),this.proton.addEventListener("PARTICLE_CREATED",function(a){b.onParticleCreated.call(b,a);}),this.proton.addEventListener("PARTICLE_UPDATE",function(a){b.onParticleUpdate.call(b,a);}),this.proton.addEventListener("PARTICLE_DEAD",function(a){b.onParticleDead.call(b,a);});},remove:function(a){this.proton=null;},onParticleCreated:function(a){},onParticleUpdate:function(a){},onParticleDead:function(a){},onProtonUpdate:function(a){}},b.BaseRender=U,b.Util.inherits(V,b.BaseRender),V.prototype.onProtonUpdate=function(){},V.prototype.onParticleCreated=function(a){if(!a.target){a.body||(a.body=this._body),a.target=this._targetPool.get(a.body);if(a.useAlpha||a.useColor)a.target.material.__puid=b.PUID.id(a.body.material),a.target.material=this._materialPool.get(a.target.material);}a.target&&(a.target.position.copy(a.p),this.container.add(a.target));},V.prototype.onParticleUpdate=function(a){a.target&&(a.target.position.copy(a.p),a.target.rotation.set(a.rotation.x,a.rotation.y,a.rotation.z),this.scale(a),a.useAlpha&&(a.target.material.opacity=a.alpha,a.target.material.transparent=!0),a.useColor&&a.target.material.color.copy(a.color));},V.prototype.scale=function(a){a.target.scale.set(a.scale,a.scale,a.scale);},V.prototype.onParticleDead=function(a){a.target&&((a.useAlpha||a.useColor)&&this._materialPool.expire(a.target.material),this._targetPool.expire(a.target),this.container.remove(a.target),a.target=null);},b.MeshRender=V,b.Util.inherits(W,b.BaseRender),W.prototype.onProtonUpdate=function(){},W.prototype.onParticleCreated=function(b){b.target||(b.target=new a.Vector3),b.target.copy(b.p),this.points.geometry.vertices.push(b.target);},W.prototype.onParticleUpdate=function(a){a.target&&a.target.copy(a.p);},W.prototype.onParticleDead=function(a){if(a.target){var b=this.points.geometry.vertices.indexOf(a.target);b>-1&&this.points.geometry.vertices.splice(b,1),a.target=null;}},b.PointsRender=W,b.Util.inherits(X,b.MeshRender),X.prototype.scale=function(a){a.target.scale.set(a.scale*a.radius,a.scale*a.radius,1);},b.SpriteRender=X,b.Util.inherits(Y,b.BaseRender),Y.prototype.onProtonUpdate=function(){},Y.prototype.onParticleCreated=function(a){},Y.prototype.onParticleUpdate=function(a){},Y.prototype.onParticleDead=function(a){},b.CustomRender=Y,Z.prototype={getPosition:function(){return null},crossing:function(a){switch(this.crossType){case"bound":this._bound(a);break;case"cross":this._cross(a);break;case"dead":this._dead(a);}},_dead:function(a){},_bound:function(a){},_cross:function(a){}},b.Zone=Z,b.Util.inherits($,b.Zone),$.prototype.getPosition=function(){this.random=Math.random(),this.vector.x=this.x1+this.random*(this.x2-this.x1),this.vector.y=this.y1+this.random*(this.y2-this.y1),this.vector.z=this.z1+this.random*(this.z2-this.z1);return this.vector},$.prototype.crossing=function(a){this.log&&(console.error("Sorry LineZone does not support crossing method"),this.log=!1);},b.LineZone=$,b.Util.inherits(_,b.Zone),_.prototype.getPosition=function(){var a,c,d;return function(){this.random=Math.random(),d=this.random*this.radius,a=b.PI*Math.random(),c=b.PI*2*Math.random(),this.vector.x=this.x+d*Math.sin(a)*Math.cos(c),this.vector.y=this.y+d*Math.sin(c)*Math.sin(a),this.vector.z=this.z+d*Math.cos(a);return this.vector}}(),_.prototype._dead=function(a){var b=a.p.distanceTo(this);b-a.radius>this.radius&&(a.dead=!0);},_.prototype._bound=function(){var a=new b.Vector3D,c=new b.Vector3D,d;return function(b){var e=b.p.distanceTo(this);e+b.radius>=this.radius&&(a.copy(b.p).sub(this).normalize(),c.copy(b.v),d=2*c.dot(a),b.v.sub(a.scalar(d)));}}(),_.prototype._cross=function(a){this.log&&(console.error("Sorry SphereZone does not support _cross method"),this.log=!1);},b.SphereZone=_,b.Util.inherits(ba,b.Zone),ba.prototype.getPosition=function(){var a=this.geometry.vertices,b=a[a.length*Math.random()>>0];this.vector.x=b.x*this.scale,this.vector.y=b.y*this.scale,this.vector.z=b.z*this.scale;return this.vector},ba.prototype.crossing=function(a){this.log&&(console.error("Sorry MeshZone does not support crossing method"),this.log=!1);},b.MeshZone=ba,b.Util.inherits(bb,b.Zone),bb.prototype.getPosition=function(){this.vector.x=this.x,this.vector.y=this.y,this.vector.z=this.z;return this.vector},bb.prototype.crossing=function(a){this.log&&(console.error("Sorry PointZone does not support crossing method"),this.log=!1);},b.PointZone=bb,b.Util.inherits(bc,b.Zone),bc.prototype.getPosition=function(){this.vector.x=this.x+b.MathUtils.randomAToB(-0.5,.5)*this.width,this.vector.y=this.y+b.MathUtils.randomAToB(-0.5,.5)*this.height,this.vector.z=this.z+b.MathUtils.randomAToB(-0.5,.5)*this.depth;return this.vector},bc.prototype._dead=function(a){a.p.x+a.radius<this.x-this.width/2?a.dead=!0:a.p.x-a.radius>this.x+this.width/2&&(a.dead=!0),a.p.y+a.radius<this.y-this.height/2?a.dead=!0:a.p.y-a.radius>this.y+this.height/2&&(a.dead=!0),a.p.z+a.radius<this.z-this.depth/2?a.dead=!0:a.p.z-a.radius>this.z+this.depth/2&&(a.dead=!0);},bc.prototype._bound=function(a){a.p.x-a.radius<this.x-this.width/2?(a.p.x=this.x-this.width/2+a.radius,a.v.x*=-this.friction,this._static(a,"x")):a.p.x+a.radius>this.x+this.width/2&&(a.p.x=this.x+this.width/2-a.radius,a.v.x*=-this.friction,this._static(a,"x")),a.p.y-a.radius<this.y-this.height/2?(a.p.y=this.y-this.height/2+a.radius,a.v.y*=-this.friction,this._static(a,"y")):a.p.y+a.radius>this.y+this.height/2&&(a.p.y=this.y+this.height/2-a.radius,a.v.y*=-this.friction,this._static(a,"y")),a.p.z-a.radius<this.z-this.depth/2?(a.p.z=this.z-this.depth/2+a.radius,a.v.z*=-this.friction,this._static(a,"z")):a.p.z+a.radius>this.z+this.depth/2&&(a.p.z=this.z+this.depth/2-a.radius,a.v.z*=-this.friction,this._static(a,"z"));},bc.prototype._static=function(a,b){a.v[b]*a.a[b]>0||Math.abs(a.v[b])<Math.abs(a.a[b])*.0167*this.max&&(a.v[b]=0,a.a[b]=0);},bc.prototype._cross=function(a){a.p.x+a.radius<this.x-this.width/2&&a.v.x<=0?a.p.x=this.x+this.width/2+a.radius:a.p.x-a.radius>this.x+this.width/2&&a.v.x>=0&&(a.p.x=this.x-this.width/2-a.radius),a.p.y+a.radius<this.y-this.height/2&&a.v.y<=0?a.p.y=this.y+this.height/2+a.radius:a.p.y-a.radius>this.y+this.height/2&&a.v.y>=0&&(a.p.y=this.y-this.height/2-a.radius),a.p.z+a.radius<this.z-this.depth/2&&a.v.z<=0?a.p.z=this.z+this.depth/2+a.radius:a.p.z-a.radius>this.z+this.depth/2&&a.v.z>=0&&(a.p.z=this.z-this.depth/2-a.radius);},b.BoxZone=bc,b.Util.inherits(bd,b.Zone),bd.prototype.getPosition=function(){var a=new b.Vector3D,c;return function(){c=this.renderer.domElement,a.x=Math.random()*c.width,a.y=Math.random()*c.height,this.vector.copy(b.THREEUtil.toSpacePos(a,this.camera,c));return this.vector}}(),bd.prototype._dead=function(a){var c=b.THREEUtil.toScreenPos(a.p,this.camera,this.renderer.domElement),d=this.renderer.domElement;c.y+a.radius<-this.dis&&this.d1?a.dead=!0:c.y-a.radius>d.height+this.dis&&this.d3&&(a.dead=!0),c.x+a.radius<-this.dis&&this.d4?a.dead=!0:c.x-a.radius>d.width+this.dis&&this.d2&&(a.dead=!0);},bd.prototype._cross=function(){var a=new b.Vector3D;return function(c){var d=b.THREEUtil.toScreenPos(c.p,this.camera,this.renderer.domElement),e=this.renderer.domElement;d.y+c.radius<-this.dis?(a.x=d.x,a.y=e.height+this.dis+c.radius,c.p.y=b.THREEUtil.toSpacePos(a,this.camera,e).y):d.y-c.radius>e.height+this.dis&&(a.x=d.x,a.y=-this.dis-c.radius,c.p.y=b.THREEUtil.toSpacePos(a,this.camera,e).y),d.x+c.radius<-this.dis?(a.y=d.y,a.x=e.width+this.dis+c.radius,c.p.x=b.THREEUtil.toSpacePos(a,this.camera,e).x):d.x-c.radius>e.width+this.dis&&(a.y=d.y,a.x=-this.dis-c.radius,c.p.x=b.THREEUtil.toSpacePos(a,this.camera,e).x);}}(),bd.prototype._bound=function(a){var c=b.THREEUtil.toScreenPos(a.p,this.camera,this.renderer.domElement),d=this.renderer.domElement;c.y+a.radius<-this.dis?a.v.y*=-1:c.y-a.radius>d.height+this.dis&&(a.v.y*=-1),c.x+a.radius<-this.dis?a.v.y*=-1:c.x-a.radius>d.width+this.dis&&(a.v.y*=-1);},b.ScreenZone=bd;var be=function(){if(window.console&&window.console.trace){var a=Array.prototype.slice.call(arguments),b=arguments[0]+"";if(b.indexOf("+")==0){var c=parseInt(arguments[0]);be.once<c&&(a.shift(),console.trace.apply(console,a),be.once++);}else a.unshift("+15"),be.apply(console,a);}};be.once=0,b.log=be;var bf=bf||{addEventListener:function(a,b){a.addEventListener("PROTON_UPDATE",function(a){b(a);});},drawZone:function(c,d,e){var f,g,h;e instanceof b.PointZone?f=new a.SphereGeometry(15):e instanceof b.LineZone||(e instanceof b.BoxZone?f=new a.BoxGeometry(e.width,e.height,e.depth):e instanceof b.SphereZone?f=new a.SphereGeometry(e.radius,10,10):e instanceof b.MeshZone&&(e.geometry instanceof a.Geometry?f=e.geometry:f=e.geometry.geometry,f=new a.SphereGeometry(e.radius,10,10))),g=new a.MeshBasicMaterial({color:"#2194ce",wireframe:!0}),h=new a.Mesh(f,g),d.add(h),this.addEventListener(c,function(a){h.position.set(e.x,e.y,e.z);});},drawEmitter:function(b,c,d,e){var f=new a.OctahedronGeometry(15),g=new a.MeshBasicMaterial({color:e||"#aaa",wireframe:!0}),h=new a.Mesh(f,g);c.add(h),this.addEventListener(b,function(){h.position.copy(d.p),h.rotation.set(d.rotation.x,d.rotation.y,d.rotation.z);});},renderInfo:function(){function b(a){var b=a.emitters[0];return Math.round(b.p.x)+","+Math.round(b.p.y)+","+Math.round(b.p.z)}function a(a,b){var c=b=="material"?"_materialPool":"_targetPool",d=a.renderers[0];return d[c].cID}return function(c,d){this.addInfo(d);var e="";switch(this._infoType){case 2:e+="emitter:"+c.emitters.length+"<br>",e+="em speed:"+c.emitters[0].cID+"<br>",e+="pos:"+b(c);break;case 3:e+=c.renderers[0].name+"<br>",e+="target:"+a(c,"target")+"<br>",e+="material:"+a(c,"material");break;default:e+="particles:"+c.getCount()+"<br>",e+="pool:"+c.pool.getCount()+"<br>",e+="total:"+(c.getCount()+c.pool.getCount());}this._infoCon.innerHTML=e;}}(),addInfo:function(){return function(a){var b=this;if(!this._infoCon){this._infoCon=document.createElement("div"),this._infoCon.style.cssText=["position:fixed;bottom:0px;left:0;cursor:pointer;","opacity:0.9;z-index:10000;padding:10px;font-size:12px;","width:120px;height:50px;background-color:#002;color:#0ff;"].join(""),this._infoType=1,this._infoCon.addEventListener("click",function(a){b._infoType++,b._infoType>3&&(b._infoType=1);},!1);var c,d;switch(a){case 2:c="#201",d="#f08";break;case 3:c="#020",d="#0f0";break;default:c="#002",d="#0ff";}this._infoCon.style["background-color"]=c,this._infoCon.style.color=d;}this._infoCon.parentNode||document.body.appendChild(this._infoCon);}}()};b.Debug=bf;return b});
+}(three_proton_min));
+
+var Proton = three_proton_min.exports;var ParticleEmitterGroup = /*#__PURE__*/function (_Entity) {
   _inherits(ParticleEmitterGroup, _Entity);
 
   var _super = _createSuper(ParticleEmitterGroup);
@@ -85667,7 +86047,7 @@ var index$1=/*#__PURE__*/Object.freeze({__proto__:null,Emitter:k,Particle:P,Part
   }]);
 
   return ParticleEmitterGroup;
-}(Entity);var _excluded$3 = ["initializers", "behaviours", "texture", "color", "rate"];
+}(Entity);var _excluded$5 = ["initializers", "behaviours", "texture", "color", "rate"];
 var DEFAULT_PARTICLE_COLOR = PALETTES.BASE.BLACK;
 var SYSTEM_DISPOSE_TIMEOUT = 700;
 
@@ -85692,7 +86072,7 @@ var ProtonParticleEmitter = /*#__PURE__*/function (_ParticleEmitter) {
         _options$color = options.color,
         color = _options$color === void 0 ? DEFAULT_PARTICLE_COLOR : _options$color,
         rate = options.rate,
-        rest = _objectWithoutProperties(options, _excluded$3);
+        rest = _objectWithoutProperties(options, _excluded$5);
 
     var parsedOptions = _objectSpread2$1({
       initializers: initializers,
@@ -85901,7 +86281,7 @@ var Explosion = /*#__PURE__*/function (_ParticleEmitterGroup) {
   }
 
   return Explosion;
-}(ParticleEmitterGroup);var _excluded$2 = ["texture", "direction", "size", "strength", "colors"];
+}(ParticleEmitterGroup);var _excluded$4 = ["texture", "direction", "size", "strength", "colors"];
 
 var getFireRate = function getFireRate() {
   return new Proton.Rate(new Proton.Span(10, 15), new Proton.Span(.05, .1));
@@ -85933,7 +86313,7 @@ var Fire = /*#__PURE__*/function (_ProtonParticleEmitte) {
         _options$strength = options.strength,
         strength = _options$strength === void 0 ? 100 : _options$strength,
         colors = options.colors,
-        rest = _objectWithoutProperties(options, _excluded$2);
+        rest = _objectWithoutProperties(options, _excluded$4);
 
     var fireOptions = _objectSpread2$1({
       rate: getFireRate(),
@@ -90107,7 +90487,7 @@ var unmount = function unmount() {
   render(null, container); // removing the container as well
 
   removeElement(id);
-};var _excluded$1 = ["Component", "format", "width", "height"];
+};var _excluded$3 = ["Component", "format", "width", "height"];
 
 var Label = /*#__PURE__*/function (_Element) {
   _inherits(Label, _Element);
@@ -90122,7 +90502,7 @@ var Label = /*#__PURE__*/function (_Element) {
         format = _ref$format === void 0 ? 'png' : _ref$format,
         _width = _ref.width,
         _height = _ref.height,
-        options = _objectWithoutProperties(_ref, _excluded$1);
+        options = _objectWithoutProperties(_ref, _excluded$3);
 
     _classCallCheck(this, Label);
 
@@ -90316,34 +90696,109 @@ var Cone = /*#__PURE__*/function (_Element) {
   }
 
   return Cone;
-}(Element$1);var Beat = /*#__PURE__*/function () {
-  function Beat(name) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+}(Element$1);var Sound = /*#__PURE__*/function (_Entity) {
+  _inherits(Sound, _Entity);
 
-    _classCallCheck(this, Beat);
+  var _super = _createSuper(Sound);
 
-    this.name = name;
-    this.buffer = null;
-    this.connected = false;
-    this.playing = false;
-    this.options = options;
-    this.init();
-    this.connect();
+  function Sound() {
+    var _this;
+
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    _classCallCheck(this, Sound);
+
+    var source = options.source,
+        _options$loop = options.loop,
+        loop = _options$loop === void 0 ? false : _options$loop,
+        loopStart = options.loopStart,
+        loopEnd = options.loopEnd,
+        autoplay = options.autoplay,
+        reconnectOnReset = options.reconnectOnReset,
+        _options$name = options.name,
+        name = _options$name === void 0 ? generateRandomName('sound') : _options$name;
+    _this = _super.call(this, _objectSpread2$1(_objectSpread2$1({}, options), {}, {
+      source: source,
+      loop: loop,
+      loopStart: loopStart,
+      loopEnd: loopEnd,
+      autoplay: autoplay,
+      reconnectOnReset: reconnectOnReset,
+      name: name
+    }));
+
+    _defineProperty$1(_assertThisInitialized(_this), "reset", function () {
+      _this.playing = false;
+
+      _this.disconnect();
+
+      _this.setupAudio();
+
+      _this.connect();
+    });
+
+    _this.source = source;
+    _this.loop = loop;
+    _this.loopStart = loopStart;
+    _this.loopEnd = loopEnd;
+    _this.autoplay = autoplay;
+    _this.reconnectOnReset = reconnectOnReset;
+    _this.name = name;
+    _this.connected = false;
+    _this.playing = false;
+    _this.hasPlayed = false;
+    _this.buffer = null;
+    _this.audioNode = null;
+    _this.volumeNode = null;
+
+    _this.setupAudio();
+
+    _this.setName(name);
+
+    _this.setBody({
+      body: new Object3D()
+    });
+
+    _this.setEntityType(ENTITY_TYPES.AUDIO.DEFAULT);
+
+    Audio$1.add(_assertThisInitialized(_this));
+    return _this;
   }
 
-  _createClass(Beat, [{
-    key: "init",
-    value: function init() {
-      this.source = Audio$1.context.createBufferSource();
+  _createClass(Sound, [{
+    key: "setupAudio",
+    value: function setupAudio() {
+      this.createAudioNode();
       this.createVolumeNode();
       this.setBuffer();
-      this.source.addEventListener(AUDIO_EVENTS.ENDED, this.onSoundEnded.bind(this));
+      this.setupAudioNodeLoop();
+      this.audioNode.removeEventListener(ENTITY_EVENTS.AUDIO.ENDED, this.onSoundEnded.bind(this));
+      this.audioNode.addEventListener(ENTITY_EVENTS.AUDIO.ENDED, this.onSoundEnded.bind(this));
+    }
+  }, {
+    key: "createAudioNode",
+    value: function createAudioNode() {
+      this.audioNode = Audio$1.context.createBufferSource();
+    }
+  }, {
+    key: "setupAudioNodeLoop",
+    value: function setupAudioNodeLoop() {
+      this.audioNode.loop = this.loop;
+      this.audioNode.loopEnd = this.loopEnd === undefined ? this.duration : this.loopEnd;
+      this.audioNode.loopStart = this.loopStart === undefined ? this.duration : this.loopStart;
     }
   }, {
     key: "createVolumeNode",
     value: function createVolumeNode() {
       this.volumeNode = Audio$1.context.createGain();
-      this.volumeNode.gain.value = 20;
+      this.volumeNode.gain.value = DEFAULT_AUDIO_NODE_VOLUME;
+    }
+  }, {
+    key: "tryAutoplay",
+    value: function tryAutoplay() {
+      if (this.autoplay && !this.hasPlayed) {
+        this.play();
+      }
     }
   }, {
     key: "connect",
@@ -90353,33 +90808,24 @@ var Cone = /*#__PURE__*/function (_Element) {
       }
 
       this.volumeNode.connect(Audio$1.getMasterVolumeNode());
-      this.source.connect(this.volumeNode);
+      this.audioNode.connect(this.volumeNode);
       this.connected = true;
+      this.tryAutoplay();
     }
   }, {
     key: "disconnect",
     value: function disconnect() {
       if (this.connected) {
         this.volumeNode.disconnect();
-        this.source.disconnect();
+        this.audioNode.disconnect();
         this.connected = false;
       }
     }
-  }, {
-    key: "reset",
-    value: function reset() {
-      this.playing = false;
-      var reconnectOnReset = this.options.reconnectOnReset;
-      this.disconnect();
-
-      if (reconnectOnReset) {
-        this.init();
-        this.connect();
-      }
-    }
   }, {
     key: "dispose",
     value: function dispose() {
+      _get(_getPrototypeOf(Sound.prototype), "dispose", this).call(this);
+
       this.stop();
       this.disconnect();
     }
@@ -90390,7 +90836,8 @@ var Cone = /*#__PURE__*/function (_Element) {
     }
   }, {
     key: "setVolume",
-    value: function setVolume(value) {
+    value: function setVolume() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_AUDIO_NODE_VOLUME;
       this.volumeNode.gain.setValueAtTime(value, Audio$1.context.currentTime);
     }
   }, {
@@ -90401,7 +90848,7 @@ var Cone = /*#__PURE__*/function (_Element) {
   }, {
     key: "setBuffer",
     value: function setBuffer() {
-      var buffer = Audio$1.get(this.name);
+      var buffer = Audio$1.get(this.source);
 
       if (!buffer) {
         console.error(AUDIO_UNABLE_TO_LOAD_SOUND);
@@ -90409,107 +90856,60 @@ var Cone = /*#__PURE__*/function (_Element) {
       }
 
       this.buffer = buffer;
-      this.source.buffer = buffer;
+      this.audioNode.buffer = buffer;
     }
   }, {
     key: "play",
     value: function play() {
       var volume = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.getVolume();
-      var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.1;
+      var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_AUDIO_NODE_RAMP_TIME;
       var ramp = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : AUDIO_RAMPS.LINEAR;
-      if (this.playing) return;
+      if (this.playing) return Promise.resolve();
       this.setVolume(0);
-      this.source.start();
+      this.audioNode.start();
+      this.hasPlayed = true;
       this.playing = true;
+      var audioDelay = delay / 1000; // linearRampToValueAtTime/exponentialRampToValueAtTime requires time to be expressed in seconds
 
       if (ramp === AUDIO_RAMPS.LINEAR) {
-        this.volumeNode.gain.linearRampToValueAtTime(volume, Audio$1.context.currentTime + delay);
+        this.volumeNode.gain.linearRampToValueAtTime(volume, Audio$1.context.currentTime + audioDelay);
       } else {
-        this.volumeNode.gain.exponentialRampToValueAtTime(volume, Audio$1.context.currentTime + delay);
+        this.volumeNode.gain.exponentialRampToValueAtTime(volume, Audio$1.context.currentTime + audioDelay);
       }
+
+      return this;
     }
   }, {
     key: "onSoundEnded",
     value: function onSoundEnded() {
       this.reset();
+      this.dispatchEvent({
+        type: ENTITY_EVENTS.AUDIO.ENDED
+      });
     }
   }, {
     key: "stop",
     value: function stop() {
-      var _this = this;
-
-      var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0.1;
+      var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_AUDIO_NODE_RAMP_TIME;
       var ramp = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : AUDIO_RAMPS.LINEAR;
+      var audioDelay = delay / 1000; // linearRampToValueAtTime/exponentialRampToValueAtTime requires time to be expressed in seconds
 
       if (ramp === AUDIO_RAMPS.LINEAR) {
-        this.volumeNode.gain.linearRampToValueAtTime(0, Audio$1.context.currentTime + delay);
+        this.volumeNode.gain.linearRampToValueAtTime(ALMOST_ZERO, Audio$1.context.currentTime + audioDelay);
       } else {
-        this.volumeNode.gain.exponentialRampToValueAtTime(0, Audio$1.context.currentTime + delay);
+        this.volumeNode.gain.exponentialRampToValueAtTime(ALMOST_ZERO, Audio$1.context.currentTime + audioDelay);
       }
 
-      setTimeout(function () {
-        _this.source.stop();
-      }, delay);
+      setTimeout(this.reset, delay);
+      return this;
     }
   }, {
     key: "detune",
     value: function detune(value) {
-      if (this.source) {
-        this.source.detune.value = value;
+      if (this.audioNode) {
+        this.audioNode.detune.value = value;
       }
     }
-  }]);
-
-  return Beat;
-}();var Sound$1 = /*#__PURE__*/function (_Beat) {
-  _inherits(Sound, _Beat);
-
-  var _super = _createSuper(Sound);
-
-  function Sound(name) {
-    var _this;
-
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-    _classCallCheck(this, Sound);
-
-    var _options$loop = options.loop,
-        loop = _options$loop === void 0 ? false : _options$loop,
-        _options$autoplay = options.autoplay,
-        autoplay = _options$autoplay === void 0 ? false : _options$autoplay,
-        _options$reconnectOnR = options.reconnectOnReset,
-        reconnectOnReset = _options$reconnectOnR === void 0 ? false : _options$reconnectOnR;
-    _this = _super.call(this, name, {
-      loop: loop,
-      autoplay: autoplay,
-      reconnectOnReset: reconnectOnReset
-    });
-    _this.source.loop = loop;
-    _this.target = null;
-    _this.pannerNode = null;
-    _this.convolverNode = null;
-
-    if (autoplay) {
-      _this.play();
-    }
-
-    Audio$1.add(_assertThisInitialized(_this));
-    return _this;
-  }
-
-  _createClass(Sound, [{
-    key: "createPannerNode",
-    value: function createPannerNode() {
-      this.pannerNode = Audio$1.context.createPanner();
-      this.volumeNode.disconnect();
-      this.volumeNode.connect(this.pannerNode);
-      this.pannerNode.connect(Audio$1.getMasterVolumeNode());
-    }
-  }, {
-    key: "hasEffect",
-    value: function hasEffect() {
-      return !!this.convolverNode;
-    }
   }, {
     key: "addEffect",
     value: function addEffect(effect) {
@@ -90539,279 +90939,180 @@ var Cone = /*#__PURE__*/function (_Element) {
       }
     }
   }, {
-    key: "hasPannerNode",
-    value: function hasPannerNode() {
-      return !!this.pannerNode;
-    }
-  }, {
-    key: "hasTarget",
-    value: function hasTarget() {
-      return !!this.target;
-    }
-  }, {
-    key: "getTarget",
-    value: function getTarget() {
-      return this.target;
+    key: "sampleRate",
+    get: function get() {
+      return this.buffer.sampleRate;
     }
   }, {
-    key: "setTarget",
-    value: function setTarget(target) {
-      this.target = target;
-      this.createPannerNode();
+    key: "duration",
+    get: function get() {
+      return this.buffer.duration * 1000;
     }
   }, {
-    key: "update",
-    value: function update(dt) {
-      if (this.hasTarget() && this.hasPannerNode()) {
-        var p = new Vector3$1();
-        p.setFromMatrixPosition(this.target.getBody().matrixWorld);
-        var px = p.x,
-            py = p.y,
-            pz = p.z;
-        this.target.getBody().updateMatrixWorld();
-        var q = new Vector3$1();
-        q.setFromMatrixPosition(this.target.getBody().matrixWorld);
-        var dx = q.x - px,
-            dy = q.y - py,
-            dz = q.z - pz; //setting panner position and velocity using doppler effect.
-
-        try {
-          this.panner.setPosition(q.x, q.y, q.z);
-          this.panner.setVelocity(dx / dt, dy / dt, dz / dt);
-        } catch (e) {// quick and dirty solution.
-        }
-      }
+    key: "numberOfChannels",
+    get: function get() {
+      return this.buffer.numberOfChannels;
     }
   }]);
 
   return Sound;
-}(Beat);var BackgroundSound = /*#__PURE__*/function (_Sound) {
-  _inherits(BackgroundSound, _Sound);
-
-  var _super = _createSuper(BackgroundSound);
-
-  function BackgroundSound() {
-    _classCallCheck(this, BackgroundSound);
+}(Entity);var _excluded$2 = ["name"];
 
-    return _super.apply(this, arguments);
-  }
+var AmbientSound = /*#__PURE__*/function (_Sound) {
+  _inherits(AmbientSound, _Sound);
 
-  _createClass(BackgroundSound, [{
-    key: "update",
-    value: function update(dt) {}
-  }, {
-    key: "createPannerNode",
-    value: function createPannerNode() {
-      console.log(METHOD_NOT_SUPPORTED);
-    }
-  }, {
-    key: "hasPannerNode",
-    value: function hasPannerNode() {
-      console.log(METHOD_NOT_SUPPORTED);
-    }
-  }, {
-    key: "hasTarget",
-    value: function hasTarget() {
-      console.log(METHOD_NOT_SUPPORTED);
-    }
-  }, {
-    key: "getTarget",
-    value: function getTarget() {
-      console.log(METHOD_NOT_SUPPORTED);
-    }
-  }, {
-    key: "setTarget",
-    value: function setTarget() {
-      console.log(METHOD_NOT_SUPPORTED);
-    }
-  }]);
-
-  return BackgroundSound;
-}(Sound$1);var DirectionalSound = /*#__PURE__*/function (_Sound) {
-  _inherits(DirectionalSound, _Sound);
+  var _super = _createSuper(AmbientSound);
 
-  var _super = _createSuper(DirectionalSound);
-
-  function DirectionalSound(name, angles, options) {
+  function AmbientSound(source) {
     var _this;
 
-    _classCallCheck(this, DirectionalSound);
+    var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+        _ref$name = _ref.name,
+        name = _ref$name === void 0 ? generateRandomName('AmbientSound') : _ref$name,
+        options = _objectWithoutProperties(_ref, _excluded$2);
 
-    _this = _super.call(this, name);
-    var target = options.target;
+    _classCallCheck(this, AmbientSound);
 
-    if (target) {
-      _this.setTarget(target);
+    _this = _super.call(this, _objectSpread2$1({
+      source: source,
+      name: name
+    }, options));
 
-      _this.setPannerAngles(angles);
-    }
+    _this.setEntityType(ENTITY_TYPES.AUDIO.AMBIENT);
+
+    _this.connect();
 
     return _this;
   }
 
-  _createClass(DirectionalSound, [{
-    key: "setPannerAngles",
-    value: function setPannerAngles(angles) {
-      this.pannerNode.coneInnerAngle = angles.innerAngleInDegrees;
-      this.pannerNode.coneOuterAngle = angles.outerAngleInDegrees;
-      this.pannerNode.coneOuterGain = angles.outerGainFactor;
-    }
-  }, {
-    key: "setPannerOrientation",
-    value: function setPannerOrientation() {
-      if (this.hasPannerNode()) {
-        var vec = new Vector3$1(0, 0, 1);
-        var m = this.target.getBody().matrixWorld; // Save the translation column and zero it.
+  return AmbientSound;
+}(Sound);var _excluded$1 = ["name"];
 
-        var mx = m.elements[12],
-            my = m.elements[13],
-            mz = m.elements[14];
-        m.elements[12] = m.elements[13] = m.elements[14] = 0; // Multiply the 0,0,1 vector by the world matrix and normalize the result.
-
-        vec.applyProjection(m);
-        vec.normalize();
-        this.pannerNode.setOrientation(vec.x, vec.y, vec.z); // Restore the translation column.
-
-        m.elements[12] = mx;
-        m.elements[13] = my;
-        m.elements[14] = mz;
-      }
-    }
-  }, {
-    key: "update",
-    value: function update(dt) {
-      _get(_getPrototypeOf(DirectionalSound.prototype), "update", this).call(this, dt);
+var DirectionalSound = /*#__PURE__*/function (_Sound) {
+  _inherits(DirectionalSound, _Sound);
 
-      this.setPannerOrientation();
-    }
-  }]);
+  var _super = _createSuper(DirectionalSound);
 
-  return DirectionalSound;
-}(Sound$1);var Sound = /*#__PURE__*/function (_Beat) {
-  _inherits(Sound, _Beat);
+  function DirectionalSound(source) {
+    var _this;
 
-  var _super = _createSuper(Sound);
+    var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+        _ref$name = _ref.name,
+        name = _ref$name === void 0 ? generateRandomName('DirectionalSound') : _ref$name,
+        options = _objectWithoutProperties(_ref, _excluded$1);
 
-  function Sound(name) {
-    var _this;
+    _classCallCheck(this, DirectionalSound);
 
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    _this = _super.call(this, _objectSpread2$1({
+      source: source,
+      name: name
+    }, options));
 
-    _classCallCheck(this, Sound);
+    _this.setEntityType(ENTITY_TYPES.AUDIO.DIRECTIONAL);
 
-    var _options$loop = options.loop,
-        loop = _options$loop === void 0 ? false : _options$loop,
-        _options$autoplay = options.autoplay,
-        autoplay = _options$autoplay === void 0 ? false : _options$autoplay,
-        _options$reconnectOnR = options.reconnectOnReset,
-        reconnectOnReset = _options$reconnectOnR === void 0 ? false : _options$reconnectOnR;
-    _this = _super.call(this, name, {
-      loop: loop,
-      autoplay: autoplay,
-      reconnectOnReset: reconnectOnReset
-    });
-    _this.source.loop = loop;
-    _this.target = null;
-    _this.pannerNode = null;
-    _this.convolverNode = null;
+    _this.createPannerNode(options);
 
-    if (autoplay) {
-      _this.play();
-    }
+    _this.connect();
 
-    Audio$1.add(_assertThisInitialized(_this));
     return _this;
   }
 
-  _createClass(Sound, [{
+  _createClass(DirectionalSound, [{
+    key: "hasPannerNode",
+    value: function hasPannerNode() {
+      return !!this.pannerNode;
+    }
+  }, {
     key: "createPannerNode",
     value: function createPannerNode() {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var _options$coneInnerAng = options.coneInnerAngleDegrees,
+          coneInnerAngleDegrees = _options$coneInnerAng === void 0 ? 360 : _options$coneInnerAng,
+          _options$coneOuterAng = options.coneOuterAngleDegrees,
+          coneOuterAngleDegrees = _options$coneOuterAng === void 0 ? 0 : _options$coneOuterAng,
+          _options$coneOuterGai = options.coneOuterGain,
+          coneOuterGain = _options$coneOuterGai === void 0 ? 0 : _options$coneOuterGai,
+          _options$maxDistance = options.maxDistance,
+          maxDistance = _options$maxDistance === void 0 ? 10000 : _options$maxDistance,
+          _options$rolloffFacto = options.rolloffFactor,
+          rolloffFactor = _options$rolloffFacto === void 0 ? 1 : _options$rolloffFacto,
+          _options$refDistance = options.refDistance,
+          refDistance = _options$refDistance === void 0 ? 1 : _options$refDistance;
       this.pannerNode = Audio$1.context.createPanner();
-      this.volumeNode.disconnect();
-      this.volumeNode.connect(this.pannerNode);
-      this.pannerNode.connect(Audio$1.getMasterVolumeNode());
-    }
-  }, {
-    key: "hasEffect",
-    value: function hasEffect() {
-      return !!this.convolverNode;
+      this.pannerNode.panningModel = 'HRTF';
+      this.pannerNode.distanceModel = 'inverse';
+      this.pannerNode.refDistance = refDistance;
+      this.pannerNode.maxDistance = maxDistance;
+      this.pannerNode.rolloffFactor = rolloffFactor;
+      this.pannerNode.coneInnerAngle = coneInnerAngleDegrees;
+      this.pannerNode.coneOuterAngle = coneOuterAngleDegrees;
+      this.pannerNode.coneOuterGain = coneOuterGain;
     }
   }, {
-    key: "addEffect",
-    value: function addEffect(effect) {
-      if (!this.hasEffect() && effect) {
-        this.convolverNode = Audio$1.context.createConvolver();
-        this.mixerNode = Audio$1.createGain();
-
-        if (this.hasPannerNode()) {
-          this.pannerNode.disconnect();
-          this.pannerNode.connect(this.mixerNode);
-        } else {
-          this.volumeNode.disconnect();
-          this.volumeNode.connect(this.mixerNode);
-        } //creating gains
-
-
-        this.plainGainNode = Audio$1.context.createGain();
-        this.convolverGainNode = Audio$1.context.createGain(); //connect mixer to new gains
-
-        this.mixerNode.connect(this.plainGainNode);
-        this.mixerNode.connect(this.convolverGainNode);
-        this.plainGainNode.connect(Audio$1.getMasterVolumeNode());
-        this.convolverGainNode.connect(Audio$1.getMasterVolumeNode());
-        this.convolverNode.buffer = Audio$1.get(effect);
-        this.convolverGainNode.gain.setValueAtTime(0.7, Audio$1.context.currentTime);
-        this.plainGainNode.gain.setValueAtTime(0.3, Audio$1.context.currentTime);
+    key: "connect",
+    value: function connect() {
+      if (this.connected) {
+        this.disconnect();
       }
+
+      this.volumeNode.connect(Audio$1.getMasterVolumeNode());
+      this.pannerNode.connect(this.volumeNode);
+      this.audioNode.connect(this.pannerNode);
+      this.connected = true;
+      this.tryAutoplay();
     }
   }, {
-    key: "hasPannerNode",
-    value: function hasPannerNode() {
-      return !!this.pannerNode;
-    }
-  }, {
-    key: "hasTarget",
-    value: function hasTarget() {
-      return !!this.target;
+    key: "disconnect",
+    value: function disconnect() {
+      if (this.connected) {
+        this.volumeNode.disconnect();
+        this.pannerNode.disconnect();
+        this.audioNode.disconnect();
+        this.connected = false;
+      }
     }
   }, {
-    key: "getTarget",
-    value: function getTarget() {
-      return this.target;
+    key: "updatePannerOrientation",
+    value: function updatePannerOrientation() {
+      var vec = new Vector3$1(0, 0, 1);
+      var m = this.getBody().matrixWorld;
+      var mx = m.elements[12],
+          my = m.elements[13],
+          mz = m.elements[14];
+      m.elements[12] = m.elements[13] = m.elements[14] = 0;
+      vec.applyMatrix4(m);
+      vec.normalize();
+      this.pannerNode.orientationX.setValueAtTime(vec.x, Audio$1.context.currentTime);
+      this.pannerNode.orientationY.setValueAtTime(vec.y, Audio$1.context.currentTime);
+      this.pannerNode.orientationZ.setValueAtTime(vec.z, Audio$1.context.currentTime);
+      m.elements[12] = mx;
+      m.elements[13] = my;
+      m.elements[14] = mz;
     }
   }, {
-    key: "setTarget",
-    value: function setTarget(target) {
-      this.target = target;
-      this.createPannerNode();
+    key: "updatePannerPosition",
+    value: function updatePannerPosition() {
+      this.getBody().updateMatrixWorld();
+      var position = new Vector3$1();
+      position.setFromMatrixPosition(this.getBody().matrixWorld);
+      this.pannerNode.positionX.setValueAtTime(position.x, Audio$1.context.currentTime);
+      this.pannerNode.positionY.setValueAtTime(position.y, Audio$1.context.currentTime);
+      this.pannerNode.positionZ.setValueAtTime(position.z, Audio$1.context.currentTime);
     }
   }, {
     key: "update",
     value: function update(dt) {
-      if (this.hasTarget() && this.hasPannerNode()) {
-        var p = new Vector3$1();
-        p.setFromMatrixPosition(this.target.getBody().matrixWorld);
-        var px = p.x,
-            py = p.y,
-            pz = p.z;
-        this.target.getBody().updateMatrixWorld();
-        var q = new Vector3$1();
-        q.setFromMatrixPosition(this.target.getBody().matrixWorld);
-        var dx = q.x - px,
-            dy = q.y - py,
-            dz = q.z - pz; //setting panner position and velocity using doppler effect.
+      _get(_getPrototypeOf(DirectionalSound.prototype), "update", this).call(this, dt);
 
-        try {
-          this.panner.setPosition(q.x, q.y, q.z);
-          this.panner.setVelocity(dx / dt, dy / dt, dz / dt);
-        } catch (e) {// quick and dirty solution.
-        }
+      if (this.hasPannerNode()) {
+        this.updatePannerOrientation();
+        this.updatePannerPosition();
       }
     }
   }]);
 
-  return Sound;
-}(Beat);var BLOB_TYPE = 'application/javascript';
+  return DirectionalSound;
+}(Sound);var BLOB_TYPE = 'application/javascript';
 var createBlob = function createBlob(task) {
   return new Blob(['(', task.toString(), ')()'], {
     type: BLOB_TYPE
@@ -92780,4 +93081,4 @@ var Shaders$1 = new Shaders();var Shader = function Shader(name, attributes, uni
   } else {
     this.instance = this.shader.instance;
   }
-};var constants = _objectSpread2$1(_objectSpread2$1({}, lib_constants), light_contants);export{AUDIO_RAMPS,AmbientLight,Atmosphere,Audio$1 as Audio,Axes,BUILTIN,BackgroundSound,BaseScript,Box,Camera,Color,Cone,Config$1 as Config,Controls$1 as Controls,Cube,CurveLine,Cylinder,DirectionalSound,ENTITY_EVENTS,ENTITY_TYPES,Element$1 as Element,Entity,EventDispatcher,FEATURES,Features$1 as Features,GameRunner$1 as GameRunner,Grid,HemisphereLight,INPUT_EVENTS,Images$1 as Images,Input$1 as Input,Label,LabelComponent,Level,LightLoader$1 as LightLoader,Lights$1 as Lights,Line,MeshLoader$1 as MeshLoader,Mirror,Models$1 as Models,Ocean,PALETTES,PARTICLES,constants$1 as PHYSICS_CONSTANTS,PHYSICS_EVENTS,ParticleEmitter,ParticleEmitterGroup,Particles$1 as Particles,index$1 as Partykals,Physics$1 as Physics,Plane,PointLight,PostProcessing$1 as PostProcessing,ProtonParticleEmitter,Provider,Router$1 as Router,Scene$1 as Scene,Scripts$1 as Scripts,Shader,Sky,Skybox,Sound,Sphere,SpotLight,Sprite,Stats$1 as Stats,SunLight,three_module as THREE,Universe$1 as Universe,Vector3$1 as Vector3,Water,author,connect,constants,createElement,easing,functions,hitbox as hitboxUtils,index_esm as inferno,math,utils as physicsUtils,index$2 as rxjs,index as store,strings,uuid$1 as uuid,workers};
+};var constants = _objectSpread2$1(_objectSpread2$1({}, lib_constants), light_contants);export{AUDIO_RAMPS,AmbientLight,AmbientSound,Atmosphere,Audio$1 as Audio,Axes,BUILTIN,BaseScript,Box,Camera,Color,Cone,Config$1 as Config,Controls$1 as Controls,Cube,CurveLine,Cylinder,DirectionalSound,ENTITY_EVENTS,ENTITY_TYPES,Element$1 as Element,Entity,EventDispatcher,FEATURES,Features$1 as Features,GameRunner$1 as GameRunner,Grid,HemisphereLight,INPUT_EVENTS,Images$1 as Images,Input$1 as Input,Label,LabelComponent,Level,LightLoader$1 as LightLoader,Lights$1 as Lights,Line,MeshLoader$1 as MeshLoader,Mirror,Models$1 as Models,Ocean,PALETTES,PARTICLES,constants$1 as PHYSICS_CONSTANTS,PHYSICS_EVENTS,ParticleEmitter,ParticleEmitterGroup,Particles$1 as Particles,index$1 as Partykals,Physics$1 as Physics,Plane,PointLight,PostProcessing$1 as PostProcessing,Proton,ProtonParticleEmitter,Provider,Router$1 as Router,Scene$1 as Scene,Scripts$1 as Scripts,Shader,Sky,Skybox,Sound,Sphere,SpotLight,Sprite,Stats$1 as Stats,SunLight,three_module as THREE,Universe$1 as Universe,Vector3$1 as Vector3,Water,author,connect,constants,createElement,easing,functions,hitbox as hitboxUtils,index_esm as inferno,math,utils as physicsUtils,index$2 as rxjs,index as store,strings,uuid$1 as uuid,workers,index$3 as xstate};