mage-engine 3.23.12 → 3.23.14

package/dist/mage.js

@@ -53921,6 +53921,7 @@ if ( typeof window !== 'undefined' ) {
 }var three_module=/*#__PURE__*/Object.freeze({__proto__:null,ACESFilmicToneMapping:ACESFilmicToneMapping,AddEquation:AddEquation,AddOperation:AddOperation,AdditiveAnimationBlendMode:AdditiveAnimationBlendMode,AdditiveBlending:AdditiveBlending,AlphaFormat:AlphaFormat,AlwaysDepth:AlwaysDepth,AlwaysStencilFunc:AlwaysStencilFunc,AmbientLight:AmbientLight$1,AmbientLightProbe:AmbientLightProbe,AnimationClip:AnimationClip,AnimationLoader:AnimationLoader,AnimationMixer:AnimationMixer,AnimationObjectGroup:AnimationObjectGroup,AnimationUtils:AnimationUtils,ArcCurve:ArcCurve,ArrayCamera:ArrayCamera,ArrowHelper:ArrowHelper,Audio:Audio$2,AudioAnalyser:AudioAnalyser,AudioContext:AudioContext,AudioListener:AudioListener,AudioLoader:AudioLoader,AxesHelper:AxesHelper$1,AxisHelper:AxisHelper,BackSide:BackSide,BasicDepthPacking:BasicDepthPacking,BasicShadowMap:BasicShadowMap,BinaryTextureLoader:BinaryTextureLoader,Bone:Bone,BooleanKeyframeTrack:BooleanKeyframeTrack,BoundingBoxHelper:BoundingBoxHelper,Box2:Box2,Box3:Box3,Box3Helper:Box3Helper,BoxBufferGeometry:BoxGeometry,BoxGeometry:BoxGeometry,BoxHelper:BoxHelper,BufferAttribute:BufferAttribute,BufferGeometry:BufferGeometry,BufferGeometryLoader:BufferGeometryLoader,ByteType:ByteType,Cache:Cache,Camera:Camera$1,CameraHelper:CameraHelper,CanvasRenderer:CanvasRenderer,CanvasTexture:CanvasTexture,CatmullRomCurve3:CatmullRomCurve3,CineonToneMapping:CineonToneMapping,CircleBufferGeometry:CircleGeometry,CircleGeometry:CircleGeometry,ClampToEdgeWrapping:ClampToEdgeWrapping,Clock:Clock,Color:Color$1,ColorKeyframeTrack:ColorKeyframeTrack,CompressedTexture:CompressedTexture,CompressedTextureLoader:CompressedTextureLoader,ConeBufferGeometry:ConeGeometry,ConeGeometry:ConeGeometry,CubeCamera:CubeCamera,CubeReflectionMapping:CubeReflectionMapping,CubeRefractionMapping:CubeRefractionMapping,CubeTexture:CubeTexture,CubeTextureLoader:CubeTextureLoader,CubeUVReflectionMapping:CubeUVReflectionMapping,CubeUVRefractionMapping:CubeUVRefractionMapping,CubicBezierCurve:CubicBezierCurve,CubicBezierCurve3:CubicBezierCurve3,CubicInterpolant:CubicInterpolant,CullFaceBack:CullFaceBack,CullFaceFront:CullFaceFront,CullFaceFrontBack:CullFaceFrontBack,CullFaceNone:CullFaceNone,Curve:Curve,CurvePath:CurvePath,CustomBlending:CustomBlending,CustomToneMapping:CustomToneMapping,CylinderBufferGeometry:CylinderGeometry,CylinderGeometry:CylinderGeometry,Cylindrical:Cylindrical,DataTexture:DataTexture,DataTexture2DArray:DataTexture2DArray,DataTexture3D:DataTexture3D,DataTextureLoader:DataTextureLoader,DataUtils:DataUtils,DecrementStencilOp:DecrementStencilOp,DecrementWrapStencilOp:DecrementWrapStencilOp,DefaultLoadingManager:DefaultLoadingManager,DepthFormat:DepthFormat,DepthStencilFormat:DepthStencilFormat,DepthTexture:DepthTexture,DirectionalLight:DirectionalLight,DirectionalLightHelper:DirectionalLightHelper,DiscreteInterpolant:DiscreteInterpolant,DodecahedronBufferGeometry:DodecahedronGeometry,DodecahedronGeometry:DodecahedronGeometry,DoubleSide:DoubleSide,DstAlphaFactor:DstAlphaFactor,DstColorFactor:DstColorFactor,DynamicBufferAttribute:DynamicBufferAttribute,DynamicCopyUsage:DynamicCopyUsage,DynamicDrawUsage:DynamicDrawUsage,DynamicReadUsage:DynamicReadUsage,EdgesGeometry:EdgesGeometry,EdgesHelper:EdgesHelper,EllipseCurve:EllipseCurve,EqualDepth:EqualDepth,EqualStencilFunc:EqualStencilFunc,EquirectangularReflectionMapping:EquirectangularReflectionMapping,EquirectangularRefractionMapping:EquirectangularRefractionMapping,Euler:Euler,EventDispatcher:EventDispatcher,ExtrudeBufferGeometry:ExtrudeGeometry,ExtrudeGeometry:ExtrudeGeometry,FaceColors:FaceColors,FileLoader:FileLoader,FlatShading:FlatShading,Float16BufferAttribute:Float16BufferAttribute,Float32Attribute:Float32Attribute,Float32BufferAttribute:Float32BufferAttribute,Float64Attribute:Float64Attribute,Float64BufferAttribute:Float64BufferAttribute,FloatType:FloatType$1,Fog:Fog,FogExp2:FogExp2,Font:Font,FontLoader:FontLoader,FrontSide:FrontSide,Frustum:Frustum$1,GLBufferAttribute:GLBufferAttribute,GLSL1:GLSL1,GLSL3:GLSL3,GammaEncoding:GammaEncoding,GreaterDepth:GreaterDepth,GreaterEqualDepth:GreaterEqualDepth,GreaterEqualStencilFunc:GreaterEqualStencilFunc,GreaterStencilFunc:GreaterStencilFunc,GridHelper:GridHelper,Group:Group,HalfFloatType:HalfFloatType,HemisphereLight:HemisphereLight$1,HemisphereLightHelper:HemisphereLightHelper,HemisphereLightProbe:HemisphereLightProbe,IcosahedronBufferGeometry:IcosahedronGeometry,IcosahedronGeometry:IcosahedronGeometry,ImageBitmapLoader:ImageBitmapLoader,ImageLoader:ImageLoader,ImageUtils:ImageUtils,ImmediateRenderObject:ImmediateRenderObject,IncrementStencilOp:IncrementStencilOp,IncrementWrapStencilOp:IncrementWrapStencilOp,InstancedBufferAttribute:InstancedBufferAttribute,InstancedBufferGeometry:InstancedBufferGeometry,InstancedInterleavedBuffer:InstancedInterleavedBuffer,InstancedMesh:InstancedMesh,Int16Attribute:Int16Attribute,Int16BufferAttribute:Int16BufferAttribute,Int32Attribute:Int32Attribute,Int32BufferAttribute:Int32BufferAttribute,Int8Attribute:Int8Attribute,Int8BufferAttribute:Int8BufferAttribute,IntType:IntType,InterleavedBuffer:InterleavedBuffer,InterleavedBufferAttribute:InterleavedBufferAttribute,Interpolant:Interpolant,InterpolateDiscrete:InterpolateDiscrete,InterpolateLinear:InterpolateLinear,InterpolateSmooth:InterpolateSmooth,InvertStencilOp:InvertStencilOp,JSONLoader:JSONLoader,KeepStencilOp:KeepStencilOp,KeyframeTrack:KeyframeTrack,LOD:LOD,LatheBufferGeometry:LatheGeometry,LatheGeometry:LatheGeometry,Layers:Layers,LensFlare:LensFlare,LessDepth:LessDepth,LessEqualDepth:LessEqualDepth,LessEqualStencilFunc:LessEqualStencilFunc,LessStencilFunc:LessStencilFunc,Light:Light$2,LightProbe:LightProbe,Line:Line$1,Line3:Line3,LineBasicMaterial:LineBasicMaterial,LineCurve:LineCurve,LineCurve3:LineCurve3,LineDashedMaterial:LineDashedMaterial,LineLoop:LineLoop,LinePieces:LinePieces,LineSegments:LineSegments,LineStrip:LineStrip,LinearEncoding:LinearEncoding,LinearFilter:LinearFilter,LinearInterpolant:LinearInterpolant,LinearMipMapLinearFilter:LinearMipMapLinearFilter,LinearMipMapNearestFilter:LinearMipMapNearestFilter,LinearMipmapLinearFilter:LinearMipmapLinearFilter,LinearMipmapNearestFilter:LinearMipmapNearestFilter,LinearToneMapping:LinearToneMapping,Loader:Loader,LoaderUtils:LoaderUtils,LoadingManager:LoadingManager,LogLuvEncoding:LogLuvEncoding,LoopOnce:LoopOnce,LoopPingPong:LoopPingPong,LoopRepeat:LoopRepeat,LuminanceAlphaFormat:LuminanceAlphaFormat,LuminanceFormat:LuminanceFormat,MOUSE:MOUSE,Material:Material,MaterialLoader:MaterialLoader,Math:MathUtils,MathUtils:MathUtils,Matrix3:Matrix3,Matrix4:Matrix4,MaxEquation:MaxEquation,Mesh:Mesh,MeshBasicMaterial:MeshBasicMaterial,MeshDepthMaterial:MeshDepthMaterial,MeshDistanceMaterial:MeshDistanceMaterial,MeshFaceMaterial:MeshFaceMaterial,MeshLambertMaterial:MeshLambertMaterial,MeshMatcapMaterial:MeshMatcapMaterial,MeshNormalMaterial:MeshNormalMaterial,MeshPhongMaterial:MeshPhongMaterial,MeshPhysicalMaterial:MeshPhysicalMaterial,MeshStandardMaterial:MeshStandardMaterial,MeshToonMaterial:MeshToonMaterial,MinEquation:MinEquation,MirroredRepeatWrapping:MirroredRepeatWrapping,MixOperation:MixOperation,MultiMaterial:MultiMaterial,MultiplyBlending:MultiplyBlending,MultiplyOperation:MultiplyOperation,NearestFilter:NearestFilter,NearestMipMapLinearFilter:NearestMipMapLinearFilter,NearestMipMapNearestFilter:NearestMipMapNearestFilter,NearestMipmapLinearFilter:NearestMipmapLinearFilter,NearestMipmapNearestFilter:NearestMipmapNearestFilter,NeverDepth:NeverDepth,NeverStencilFunc:NeverStencilFunc,NoBlending:NoBlending,NoColors:NoColors,NoToneMapping:NoToneMapping,NormalAnimationBlendMode:NormalAnimationBlendMode,NormalBlending:NormalBlending,NotEqualDepth:NotEqualDepth,NotEqualStencilFunc:NotEqualStencilFunc,NumberKeyframeTrack:NumberKeyframeTrack,Object3D:Object3D,ObjectLoader:ObjectLoader,ObjectSpaceNormalMap:ObjectSpaceNormalMap,OctahedronBufferGeometry:OctahedronGeometry,OctahedronGeometry:OctahedronGeometry,OneFactor:OneFactor,OneMinusDstAlphaFactor:OneMinusDstAlphaFactor,OneMinusDstColorFactor:OneMinusDstColorFactor,OneMinusSrcAlphaFactor:OneMinusSrcAlphaFactor,OneMinusSrcColorFactor:OneMinusSrcColorFactor,OrthographicCamera:OrthographicCamera,PCFShadowMap:PCFShadowMap,PCFSoftShadowMap:PCFSoftShadowMap,PMREMGenerator:PMREMGenerator,ParametricBufferGeometry:ParametricGeometry,ParametricGeometry:ParametricGeometry,Particle:Particle,ParticleBasicMaterial:ParticleBasicMaterial,ParticleSystem:ParticleSystem,ParticleSystemMaterial:ParticleSystemMaterial,Path:Path,PerspectiveCamera:PerspectiveCamera,Plane:Plane$1,PlaneBufferGeometry:PlaneGeometry,PlaneGeometry:PlaneGeometry,PlaneHelper:PlaneHelper,PointCloud:PointCloud,PointCloudMaterial:PointCloudMaterial,PointLight:PointLight$1,PointLightHelper:PointLightHelper,Points:Points,PointsMaterial:PointsMaterial,PolarGridHelper:PolarGridHelper,PolyhedronBufferGeometry:PolyhedronGeometry,PolyhedronGeometry:PolyhedronGeometry,PositionalAudio:PositionalAudio,PropertyBinding:PropertyBinding,PropertyMixer:PropertyMixer,QuadraticBezierCurve:QuadraticBezierCurve,QuadraticBezierCurve3:QuadraticBezierCurve3,Quaternion:Quaternion,QuaternionKeyframeTrack:QuaternionKeyframeTrack,QuaternionLinearInterpolant:QuaternionLinearInterpolant,REVISION:REVISION,RGBADepthPacking:RGBADepthPacking,RGBAFormat:RGBAFormat,RGBAIntegerFormat:RGBAIntegerFormat,RGBA_ASTC_10x10_Format:RGBA_ASTC_10x10_Format,RGBA_ASTC_10x5_Format:RGBA_ASTC_10x5_Format,RGBA_ASTC_10x6_Format:RGBA_ASTC_10x6_Format,RGBA_ASTC_10x8_Format:RGBA_ASTC_10x8_Format,RGBA_ASTC_12x10_Format:RGBA_ASTC_12x10_Format,RGBA_ASTC_12x12_Format:RGBA_ASTC_12x12_Format,RGBA_ASTC_4x4_Format:RGBA_ASTC_4x4_Format,RGBA_ASTC_5x4_Format:RGBA_ASTC_5x4_Format,RGBA_ASTC_5x5_Format:RGBA_ASTC_5x5_Format,RGBA_ASTC_6x5_Format:RGBA_ASTC_6x5_Format,RGBA_ASTC_6x6_Format:RGBA_ASTC_6x6_Format,RGBA_ASTC_8x5_Format:RGBA_ASTC_8x5_Format,RGBA_ASTC_8x6_Format:RGBA_ASTC_8x6_Format,RGBA_ASTC_8x8_Format:RGBA_ASTC_8x8_Format,RGBA_BPTC_Format:RGBA_BPTC_Format,RGBA_ETC2_EAC_Format:RGBA_ETC2_EAC_Format,RGBA_PVRTC_2BPPV1_Format:RGBA_PVRTC_2BPPV1_Format,RGBA_PVRTC_4BPPV1_Format:RGBA_PVRTC_4BPPV1_Format,RGBA_S3TC_DXT1_Format:RGBA_S3TC_DXT1_Format,RGBA_S3TC_DXT3_Format:RGBA_S3TC_DXT3_Format,RGBA_S3TC_DXT5_Format:RGBA_S3TC_DXT5_Format,RGBDEncoding:RGBDEncoding,RGBEEncoding:RGBEEncoding,RGBEFormat:RGBEFormat,RGBFormat:RGBFormat,RGBIntegerFormat:RGBIntegerFormat,RGBM16Encoding:RGBM16Encoding,RGBM7Encoding:RGBM7Encoding,RGB_ETC1_Format:RGB_ETC1_Format,RGB_ETC2_Format:RGB_ETC2_Format,RGB_PVRTC_2BPPV1_Format:RGB_PVRTC_2BPPV1_Format,RGB_PVRTC_4BPPV1_Format:RGB_PVRTC_4BPPV1_Format,RGB_S3TC_DXT1_Format:RGB_S3TC_DXT1_Format,RGFormat:RGFormat,RGIntegerFormat:RGIntegerFormat,RawShaderMaterial:RawShaderMaterial,Ray:Ray,Raycaster:Raycaster,RectAreaLight:RectAreaLight,RedFormat:RedFormat,RedIntegerFormat:RedIntegerFormat,ReinhardToneMapping:ReinhardToneMapping,RepeatWrapping:RepeatWrapping$1,ReplaceStencilOp:ReplaceStencilOp,ReverseSubtractEquation:ReverseSubtractEquation,RingBufferGeometry:RingGeometry,RingGeometry:RingGeometry,SRGB8_ALPHA8_ASTC_10x10_Format:SRGB8_ALPHA8_ASTC_10x10_Format,SRGB8_ALPHA8_ASTC_10x5_Format:SRGB8_ALPHA8_ASTC_10x5_Format,SRGB8_ALPHA8_ASTC_10x6_Format:SRGB8_ALPHA8_ASTC_10x6_Format,SRGB8_ALPHA8_ASTC_10x8_Format:SRGB8_ALPHA8_ASTC_10x8_Format,SRGB8_ALPHA8_ASTC_12x10_Format:SRGB8_ALPHA8_ASTC_12x10_Format,SRGB8_ALPHA8_ASTC_12x12_Format:SRGB8_ALPHA8_ASTC_12x12_Format,SRGB8_ALPHA8_ASTC_4x4_Format:SRGB8_ALPHA8_ASTC_4x4_Format,SRGB8_ALPHA8_ASTC_5x4_Format:SRGB8_ALPHA8_ASTC_5x4_Format,SRGB8_ALPHA8_ASTC_5x5_Format:SRGB8_ALPHA8_ASTC_5x5_Format,SRGB8_ALPHA8_ASTC_6x5_Format:SRGB8_ALPHA8_ASTC_6x5_Format,SRGB8_ALPHA8_ASTC_6x6_Format:SRGB8_ALPHA8_ASTC_6x6_Format,SRGB8_ALPHA8_ASTC_8x5_Format:SRGB8_ALPHA8_ASTC_8x5_Format,SRGB8_ALPHA8_ASTC_8x6_Format:SRGB8_ALPHA8_ASTC_8x6_Format,SRGB8_ALPHA8_ASTC_8x8_Format:SRGB8_ALPHA8_ASTC_8x8_Format,Scene:Scene$2,SceneUtils:SceneUtils,ShaderChunk:ShaderChunk,ShaderLib:ShaderLib,ShaderMaterial:ShaderMaterial,ShadowMaterial:ShadowMaterial,Shape:Shape,ShapeBufferGeometry:ShapeGeometry,ShapeGeometry:ShapeGeometry,ShapePath:ShapePath,ShapeUtils:ShapeUtils,ShortType:ShortType,Skeleton:Skeleton,SkeletonHelper:SkeletonHelper,SkinnedMesh:SkinnedMesh,SmoothShading:SmoothShading,Sphere:Sphere$1,SphereBufferGeometry:SphereGeometry,SphereGeometry:SphereGeometry,Spherical:Spherical,SphericalHarmonics3:SphericalHarmonics3,SplineCurve:SplineCurve,SpotLight:SpotLight$1,SpotLightHelper:SpotLightHelper,Sprite:Sprite$1,SpriteMaterial:SpriteMaterial,SrcAlphaFactor:SrcAlphaFactor,SrcAlphaSaturateFactor:SrcAlphaSaturateFactor,SrcColorFactor:SrcColorFactor,StaticCopyUsage:StaticCopyUsage,StaticDrawUsage:StaticDrawUsage,StaticReadUsage:StaticReadUsage,StereoCamera:StereoCamera,StreamCopyUsage:StreamCopyUsage,StreamDrawUsage:StreamDrawUsage,StreamReadUsage:StreamReadUsage,StringKeyframeTrack:StringKeyframeTrack,SubtractEquation:SubtractEquation,SubtractiveBlending:SubtractiveBlending,TOUCH:TOUCH,TangentSpaceNormalMap:TangentSpaceNormalMap,TetrahedronBufferGeometry:TetrahedronGeometry,TetrahedronGeometry:TetrahedronGeometry,TextBufferGeometry:TextGeometry,TextGeometry:TextGeometry,Texture:Texture,TextureLoader:TextureLoader,TorusBufferGeometry:TorusGeometry,TorusGeometry:TorusGeometry,TorusKnotBufferGeometry:TorusKnotGeometry,TorusKnotGeometry:TorusKnotGeometry,Triangle:Triangle,TriangleFanDrawMode:TriangleFanDrawMode,TriangleStripDrawMode:TriangleStripDrawMode,TrianglesDrawMode:TrianglesDrawMode,TubeBufferGeometry:TubeGeometry,TubeGeometry:TubeGeometry,UVMapping:UVMapping,Uint16Attribute:Uint16Attribute,Uint16BufferAttribute:Uint16BufferAttribute,Uint32Attribute:Uint32Attribute,Uint32BufferAttribute:Uint32BufferAttribute,Uint8Attribute:Uint8Attribute,Uint8BufferAttribute:Uint8BufferAttribute,Uint8ClampedAttribute:Uint8ClampedAttribute,Uint8ClampedBufferAttribute:Uint8ClampedBufferAttribute,Uniform:Uniform,UniformsLib:UniformsLib,UniformsUtils:UniformsUtils,UnsignedByteType:UnsignedByteType,UnsignedInt248Type:UnsignedInt248Type,UnsignedIntType:UnsignedIntType,UnsignedShort4444Type:UnsignedShort4444Type,UnsignedShort5551Type:UnsignedShort5551Type,UnsignedShort565Type:UnsignedShort565Type,UnsignedShortType:UnsignedShortType,VSMShadowMap:VSMShadowMap,Vector2:Vector2,Vector3:Vector3$1,Vector4:Vector4,VectorKeyframeTrack:VectorKeyframeTrack,Vertex:Vertex,VertexColors:VertexColors,VideoTexture:VideoTexture,WebGL1Renderer:WebGL1Renderer,WebGLCubeRenderTarget:WebGLCubeRenderTarget,WebGLMultisampleRenderTarget:WebGLMultisampleRenderTarget,WebGLRenderTarget:WebGLRenderTarget,WebGLRenderTargetCube:WebGLRenderTargetCube,WebGLRenderer:WebGLRenderer,WebGLUtils:WebGLUtils,WireframeGeometry:WireframeGeometry,WireframeHelper:WireframeHelper,WrapAroundEnding:WrapAroundEnding,XHRLoader:XHRLoader,ZeroCurvatureEnding:ZeroCurvatureEnding,ZeroFactor:ZeroFactor,ZeroSlopeEnding:ZeroSlopeEnding,ZeroStencilOp:ZeroStencilOp,sRGBEncoding:sRGBEncoding});var PREFIX = "[Mage]";
 var DEPRECATED = "[DEPRECATED]";
 var DEPRECATIONS = {
+  PARTICLES_OLD: "".concat(PREFIX, " ").concat(DEPRECATED, " This Particle System is outdated and will be removed in the next major release"),
   PARTICLES_ADD_PARTICLE_EMITTER: "".concat(PREFIX, " ").concat(DEPRECATED, " Particles.addParticleEmitter is deprecated, use Particles.add instead. Will be removed in the next major release"),
   MODELS_GETMODEL: "".concat(PREFIX, " ").concat(DEPRECATED, " Models.getModel is deprecated, use Models.get instead. Will be removed in next major release"),
   SCRIPTS_CREATE: "".concat(PREFIX, " ").concat(DEPRECATED, " Scripts.create is deprecated, use Scripts.register instead. Will be removed in next major release."),
@@ -53944,6 +53945,8 @@ var ANIMATION_HANDLER_NOT_FOUND = "".concat(PREFIX, " AnimationHander hasn't bee
 var ELEMENT_NOT_SET$1 = "".concat(PREFIX, " Body hasn't been defined yet.");
 var ELEMENT_SET_COLOR_MISSING_COLOR = "".concat(PREFIX, " Can't set color for this element, missing color");
 var ELEMENT_MATERIAL_NO_SUPPORT_FOR_TEXTURE = "".concat(PREFIX, " This element's material does not support texture: ");
+var ELEMENT_SET_REFLECTIVITY_MISSING_VALUE = "".concat(PREFIX, " Can't set reflectivity for this element, missing value");
+var ELEMENT_SET_REFRACTION_RATIO_MISSING_VALUE = "".concat(PREFIX, " Can't set refraction ratio for this element, missing value");
 var ENTITY_NOT_SET = "".concat(PREFIX, " This entity does not have a body.");
 var ENTITY_TYPE_NOT_ALLOWED = "".concat(PREFIX, " The desired Entity type is not allowed.");
 var ENTITY_CANT_ADD_NOT_ENTITY = "".concat(PREFIX, " Entity.add requires an Entity.");
@@ -54039,73 +54042,77 @@ var LABEL_DOMELEMENT_MISSING = "".concat(PREFIX, " Could not create Label, domEl
 
   return BaseScript;
 }();/**! 
- * hotkeys-js v3.9.4 
+ * hotkeys-js v3.13.7 
  * A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies. 
  * 
- * Copyright (c) 2022 kenny wong <wowohoo@qq.com> 
- * http://jaywcjlove.github.io/hotkeys 
+ * Copyright (c) 2024 kenny wong <wowohoo@qq.com> 
+ * https://github.com/jaywcjlove/hotkeys-js.git 
+ * 
+ * @website: https://jaywcjlove.github.io/hotkeys-js
+ 
  * Licensed under the MIT license 
  */
 
-var isff = typeof navigator !== 'undefined' ? navigator.userAgent.toLowerCase().indexOf('firefox') > 0 : false; // 绑定事件
+const isff = typeof navigator !== 'undefined' ? navigator.userAgent.toLowerCase().indexOf('firefox') > 0 : false;
 
+// 绑定事件
 function addEvent(object, event, method, useCapture) {
   if (object.addEventListener) {
     object.addEventListener(event, method, useCapture);
   } else if (object.attachEvent) {
-    object.attachEvent("on".concat(event), function () {
-      method(window.event);
-    });
+    object.attachEvent("on".concat(event), method);
   }
-} // 修饰键转换成对应的键码
-
-
-function getMods(modifier, key) {
-  var mods = key.slice(0, key.length - 1);
-
-  for (var i = 0; i < mods.length; i++) {
-    mods[i] = modifier[mods[i].toLowerCase()];
+}
+function removeEvent(object, event, method, useCapture) {
+  if (object.removeEventListener) {
+    object.removeEventListener(event, method, useCapture);
+  } else if (object.detachEvent) {
+    object.detachEvent("on".concat(event), method);
   }
+}
 
+// 修饰键转换成对应的键码
+function getMods(modifier, key) {
+  const mods = key.slice(0, key.length - 1);
+  for (let i = 0; i < mods.length; i++) mods[i] = modifier[mods[i].toLowerCase()];
   return mods;
-} // 处理传的key字符串转换成数组
-
+}
 
+// 处理传的key字符串转换成数组
 function getKeys(key) {
   if (typeof key !== 'string') key = '';
   key = key.replace(/\s/g, ''); // 匹配任何空白字符,包括空格、制表符、换页符等等
+  const keys = key.split(','); // 同时设置多个快捷键，以','分割
+  let index = keys.lastIndexOf('');
 
-  var keys = key.split(','); // 同时设置多个快捷键，以','分割
-
-  var index = keys.lastIndexOf(''); // 快捷键可能包含','，需特殊处理
-
+  // 快捷键可能包含','，需特殊处理
   for (; index >= 0;) {
     keys[index - 1] += ',';
     keys.splice(index, 1);
     index = keys.lastIndexOf('');
   }
-
   return keys;
-} // 比较修饰键的数组
-
+}
 
+// 比较修饰键的数组
 function compareArray(a1, a2) {
-  var arr1 = a1.length >= a2.length ? a1 : a2;
-  var arr2 = a1.length >= a2.length ? a2 : a1;
-  var isIndex = true;
-
-  for (var i = 0; i < arr1.length; i++) {
+  const arr1 = a1.length >= a2.length ? a1 : a2;
+  const arr2 = a1.length >= a2.length ? a2 : a1;
+  let isIndex = true;
+  for (let i = 0; i < arr1.length; i++) {
     if (arr2.indexOf(arr1[i]) === -1) isIndex = false;
   }
-
   return isIndex;
 }
 
-var _keyMap = {
+// Special Keys
+const _keyMap = {
   backspace: 8,
+  '⌫': 8,
   tab: 9,
   clear: 12,
   enter: 13,
+  '↩': 13,
   return: 13,
   esc: 27,
   escape: 27,
@@ -54151,9 +54158,10 @@ var _keyMap = {
   '[': 219,
   ']': 221,
   '\\': 220
-}; // Modifier Keys
+};
 
-var _modifier = {
+// Modifier Keys
+const _modifier = {
   // shiftKey
   '⇧': 16,
   shift: 16,
@@ -54170,7 +54178,7 @@ var _modifier = {
   cmd: 91,
   command: 91
 };
-var modifierMap = {
+const modifierMap = {
   16: 'shiftKey',
   18: 'altKey',
   17: 'ctrlKey',
@@ -54180,127 +54188,153 @@ var modifierMap = {
   altKey: 18,
   metaKey: 91
 };
-var _mods = {
+const _mods = {
   16: false,
   18: false,
   17: false,
   91: false
 };
-var _handlers = {}; // F1~F12 special key
+const _handlers = {};
 
-for (var k$1 = 1; k$1 < 20; k$1++) {
-  _keyMap["f".concat(k$1)] = 111 + k$1;
+// F1~F12 special key
+for (let k = 1; k < 20; k++) {
+  _keyMap["f".concat(k)] = 111 + k;
 }
 
-var _downKeys = []; // 记录摁下的绑定键
-
-var winListendFocus = false; // window是否已经监听了focus事件
-
-var _scope = 'all'; // 默认热键范围
+let _downKeys = []; // 记录摁下的绑定键
+let winListendFocus = null; // window是否已经监听了focus事件
+let _scope = 'all'; // 默认热键范围
+const elementEventMap = new Map(); // 已绑定事件的节点记录
 
-var elementHasBindEvent = []; // 已绑定事件的节点记录
 // 返回键码
+const code = x => _keyMap[x.toLowerCase()] || _modifier[x.toLowerCase()] || x.toUpperCase().charCodeAt(0);
+const getKey = x => Object.keys(_keyMap).find(k => _keyMap[k] === x);
+const getModifier = x => Object.keys(_modifier).find(k => _modifier[k] === x);
 
-var code = function code(x) {
-  return _keyMap[x.toLowerCase()] || _modifier[x.toLowerCase()] || x.toUpperCase().charCodeAt(0);
-}; // 设置获取当前范围（默认为'所有'）
-
-
+// 设置获取当前范围（默认为'所有'）
 function setScope(scope) {
   _scope = scope || 'all';
-} // 获取当前范围
-
-
+}
+// 获取当前范围
 function getScope() {
   return _scope || 'all';
-} // 获取摁下绑定键的键值
-
-
+}
+// 获取摁下绑定键的键值
 function getPressedKeyCodes() {
   return _downKeys.slice(0);
-} // 表单控件控件判断 返回 Boolean
-// hotkey is effective only when filter return true
-
+}
+function getPressedKeyString() {
+  return _downKeys.map(c => getKey(c) || getModifier(c) || String.fromCharCode(c));
+}
+function getAllKeyCodes() {
+  const result = [];
+  Object.keys(_handlers).forEach(k => {
+    _handlers[k].forEach(_ref => {
+      let {
+        key,
+        scope,
+        mods,
+        shortcut
+      } = _ref;
+      result.push({
+        scope,
+        shortcut,
+        mods,
+        keys: key.split('+').map(v => code(v))
+      });
+    });
+  });
+  return result;
+}
 
+// 表单控件控件判断 返回 Boolean
+// hotkey is effective only when filter return true
 function filter$1(event) {
-  var target = event.target || event.srcElement;
-  var tagName = target.tagName;
-  var flag = true; // ignore: isContentEditable === 'true', <input> and <textarea> when readOnly state is false, <select>
-
-  if (target.isContentEditable || (tagName === 'INPUT' || tagName === 'TEXTAREA' || tagName === 'SELECT') && !target.readOnly) {
+  const target = event.target || event.srcElement;
+  const {
+    tagName
+  } = target;
+  let flag = true;
+  const isInput = tagName === 'INPUT' && !['checkbox', 'radio', 'range', 'button', 'file', 'reset', 'submit', 'color'].includes(target.type);
+  // ignore: isContentEditable === 'true', <input> and <textarea> when readOnly state is false, <select>
+  if (target.isContentEditable || (isInput || tagName === 'TEXTAREA' || tagName === 'SELECT') && !target.readOnly) {
     flag = false;
   }
-
   return flag;
-} // 判断摁下的键是否为某个键，返回true或者false
-
+}
 
+// 判断摁下的键是否为某个键，返回true或者false
 function isPressed(keyCode) {
   if (typeof keyCode === 'string') {
     keyCode = code(keyCode); // 转换成键码
   }
-
   return _downKeys.indexOf(keyCode) !== -1;
-} // 循环删除handlers中的所有 scope(范围)
-
+}
 
+// 循环删除handlers中的所有 scope(范围)
 function deleteScope(scope, newScope) {
-  var handlers;
-  var i; // 没有指定scope，获取scope
+  let handlers;
+  let i;
 
+  // 没有指定scope，获取scope
   if (!scope) scope = getScope();
-
-  for (var key in _handlers) {
+  for (const key in _handlers) {
     if (Object.prototype.hasOwnProperty.call(_handlers, key)) {
       handlers = _handlers[key];
-
       for (i = 0; i < handlers.length;) {
-        if (handlers[i].scope === scope) handlers.splice(i, 1);else i++;
+        if (handlers[i].scope === scope) {
+          const deleteItems = handlers.splice(i, 1);
+          deleteItems.forEach(_ref2 => {
+            let {
+              element
+            } = _ref2;
+            return removeKeyEvent(element);
+          });
+        } else {
+          i++;
+        }
       }
     }
-  } // 如果scope被删除，将scope重置为all
-
+  }
 
+  // 如果scope被删除，将scope重置为all
   if (getScope() === scope) setScope(newScope || 'all');
-} // 清除修饰键
-
+}
 
+// 清除修饰键
 function clearModifier(event) {
-  var key = event.keyCode || event.which || event.charCode;
-
-  var i = _downKeys.indexOf(key); // 从列表中清除按压过的键
-
+  let key = event.keyCode || event.which || event.charCode;
+  const i = _downKeys.indexOf(key);
 
+  // 从列表中清除按压过的键
   if (i >= 0) {
     _downKeys.splice(i, 1);
-  } // 特殊处理 cmmand 键，在 cmmand 组合快捷键 keyup 只执行一次的问题
-
-
+  }
+  // 特殊处理 cmmand 键，在 cmmand 组合快捷键 keyup 只执行一次的问题
   if (event.key && event.key.toLowerCase() === 'meta') {
     _downKeys.splice(0, _downKeys.length);
-  } // 修饰键 shiftKey altKey ctrlKey (command||metaKey) 清除
-
+  }
 
+  // 修饰键 shiftKey altKey ctrlKey (command||metaKey) 清除
   if (key === 93 || key === 224) key = 91;
-
   if (key in _mods) {
-    _mods[key] = false; // 将修饰键重置为false
+    _mods[key] = false;
 
-    for (var k in _modifier) {
-      if (_modifier[k] === key) hotkeys[k] = false;
-    }
+    // 将修饰键重置为false
+    for (const k in _modifier) if (_modifier[k] === key) hotkeys[k] = false;
   }
 }
-
 function unbind(keysInfo) {
   // unbind(), unbind all keys
   if (typeof keysInfo === 'undefined') {
-    Object.keys(_handlers).forEach(function (key) {
-      return delete _handlers[key];
+    Object.keys(_handlers).forEach(key => {
+      Array.isArray(_handlers[key]) && _handlers[key].forEach(info => eachUnbind(info));
+      delete _handlers[key];
     });
+    removeKeyEvent(null);
   } else if (Array.isArray(keysInfo)) {
     // support like : unbind([{key: 'ctrl+a', scope: 's1'}, {key: 'ctrl-a', scope: 's2', splitKey: '-'}])
-    keysInfo.forEach(function (info) {
+    keysInfo.forEach(info => {
       if (info.key) eachUnbind(info);
     });
   } else if (typeof keysInfo === 'object') {
@@ -54310,73 +54344,75 @@ function unbind(keysInfo) {
     for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       args[_key - 1] = arguments[_key];
     }
-
     // support old method
     // eslint-disable-line
-    var scope = args[0],
-        method = args[1];
-
+    let [scope, method] = args;
     if (typeof scope === 'function') {
       method = scope;
       scope = '';
     }
-
     eachUnbind({
       key: keysInfo,
-      scope: scope,
-      method: method,
+      scope,
+      method,
       splitKey: '+'
     });
   }
-} // 解除绑定某个范围的快捷键
-
-
-var eachUnbind = function eachUnbind(_ref) {
-  var key = _ref.key,
-      scope = _ref.scope,
-      method = _ref.method,
-      _ref$splitKey = _ref.splitKey,
-      splitKey = _ref$splitKey === void 0 ? '+' : _ref$splitKey;
-  var multipleKeys = getKeys(key);
-  multipleKeys.forEach(function (originKey) {
-    var unbindKeys = originKey.split(splitKey);
-    var len = unbindKeys.length;
-    var lastKey = unbindKeys[len - 1];
-    var keyCode = lastKey === '*' ? '*' : code(lastKey);
-    if (!_handlers[keyCode]) return; // 判断是否传入范围，没有就获取范围
+}
 
+// 解除绑定某个范围的快捷键
+const eachUnbind = _ref3 => {
+  let {
+    key,
+    scope,
+    method,
+    splitKey = '+'
+  } = _ref3;
+  const multipleKeys = getKeys(key);
+  multipleKeys.forEach(originKey => {
+    const unbindKeys = originKey.split(splitKey);
+    const len = unbindKeys.length;
+    const lastKey = unbindKeys[len - 1];
+    const keyCode = lastKey === '*' ? '*' : code(lastKey);
+    if (!_handlers[keyCode]) return;
+    // 判断是否传入范围，没有就获取范围
     if (!scope) scope = getScope();
-    var mods = len > 1 ? getMods(_modifier, unbindKeys) : [];
-    _handlers[keyCode] = _handlers[keyCode].filter(function (record) {
+    const mods = len > 1 ? getMods(_modifier, unbindKeys) : [];
+    const unbindElements = [];
+    _handlers[keyCode] = _handlers[keyCode].filter(record => {
       // 通过函数判断，是否解除绑定，函数相等直接返回
-      var isMatchingMethod = method ? record.method === method : true;
-      return !(isMatchingMethod && record.scope === scope && compareArray(record.mods, mods));
+      const isMatchingMethod = method ? record.method === method : true;
+      const isUnbind = isMatchingMethod && record.scope === scope && compareArray(record.mods, mods);
+      if (isUnbind) unbindElements.push(record.element);
+      return !isUnbind;
     });
+    unbindElements.forEach(element => removeKeyEvent(element));
   });
-}; // 对监听对应快捷键的回调函数进行处理
-
+};
 
+// 对监听对应快捷键的回调函数进行处理
 function eventHandler(event, handler, scope, element) {
   if (handler.element !== element) {
     return;
   }
+  let modifiersMatch;
 
-  var modifiersMatch; // 看它是否在当前范围
-
+  // 看它是否在当前范围
   if (handler.scope === scope || handler.scope === 'all') {
     // 检查是否匹配修饰符（如果有返回true）
     modifiersMatch = handler.mods.length > 0;
-
-    for (var y in _mods) {
+    for (const y in _mods) {
       if (Object.prototype.hasOwnProperty.call(_mods, y)) {
         if (!_mods[y] && handler.mods.indexOf(+y) > -1 || _mods[y] && handler.mods.indexOf(+y) === -1) {
           modifiersMatch = false;
         }
       }
-    } // 调用处理程序，如果是修饰键不做处理
-
+    }
 
+    // 调用处理程序，如果是修饰键不做处理
     if (handler.mods.length === 0 && !_mods[16] && !_mods[18] && !_mods[17] && !_mods[91] || modifiersMatch || handler.shortcut === '*') {
+      handler.keys = [];
+      handler.keys = handler.keys.concat(_downKeys);
       if (handler.method(event, handler) === false) {
         if (event.preventDefault) event.preventDefault();else event.returnValue = false;
         if (event.stopPropagation) event.stopPropagation();
@@ -54384,33 +54420,33 @@ function eventHandler(event, handler, scope, element) {
       }
     }
   }
-} // 处理keydown事件
-
+}
 
+// 处理keydown事件
 function dispatch$9(event, element) {
-  var asterisk = _handlers['*'];
-  var key = event.keyCode || event.which || event.charCode; // 表单控件过滤 默认表单控件不触发快捷键
+  const asterisk = _handlers['*'];
+  let key = event.keyCode || event.which || event.charCode;
 
-  if (!hotkeys.filter.call(this, event)) return; // Gecko(Firefox)的command键值224，在Webkit(Chrome)中保持一致
-  // Webkit左右 command 键值不一样
+  // 表单控件过滤 默认表单控件不触发快捷键
+  if (!hotkeys.filter.call(this, event)) return;
 
+  // Gecko(Firefox)的command键值224，在Webkit(Chrome)中保持一致
+  // Webkit左右 command 键值不一样
   if (key === 93 || key === 224) key = 91;
+
   /**
    * Collect bound keys
    * If an Input Method Editor is processing key input and the event is keydown, return 229.
    * https://stackoverflow.com/questions/25043934/is-it-ok-to-ignore-keydown-events-with-keycode-229
    * http://lists.w3.org/Archives/Public/www-dom/2010JulSep/att-0182/keyCode-spec.html
    */
-
   if (_downKeys.indexOf(key) === -1 && key !== 229) _downKeys.push(key);
   /**
    * Jest test cases are required.
    * ===============================
    */
-
-  ['ctrlKey', 'altKey', 'shiftKey', 'metaKey'].forEach(function (keyName) {
-    var keyNum = modifierMap[keyName];
-
+  ['ctrlKey', 'altKey', 'shiftKey', 'metaKey'].forEach(keyName => {
+    const keyNum = modifierMap[keyName];
     if (event[keyName] && _downKeys.indexOf(keyNum) === -1) {
       _downKeys.push(keyNum);
     } else if (!event[keyName] && _downKeys.indexOf(keyNum) > -1) {
@@ -54430,17 +54466,17 @@ function dispatch$9(event, element) {
    */
 
   if (key in _mods) {
-    _mods[key] = true; // 将特殊字符的key注册到 hotkeys 上
+    _mods[key] = true;
 
-    for (var k in _modifier) {
+    // 将特殊字符的key注册到 hotkeys 上
+    for (const k in _modifier) {
       if (_modifier[k] === key) hotkeys[k] = true;
     }
-
     if (!asterisk) return;
-  } // 将 modifierMap 里面的修饰键绑定到 event 中
-
+  }
 
-  for (var e in _mods) {
+  // 将 modifierMap 里面的修饰键绑定到 event 中
+  for (const e in _mods) {
     if (Object.prototype.hasOwnProperty.call(_mods, e)) {
       _mods[e] = event[modifierMap[e]];
     }
@@ -54451,47 +54487,43 @@ function dispatch$9(event, element) {
    * An example of this is ctrl+alt+m on a Swedish keyboard which is used to type μ.
    * Browser support: https://caniuse.com/#feat=keyboardevent-getmodifierstate
    */
-
-
   if (event.getModifierState && !(event.altKey && !event.ctrlKey) && event.getModifierState('AltGraph')) {
     if (_downKeys.indexOf(17) === -1) {
       _downKeys.push(17);
     }
-
     if (_downKeys.indexOf(18) === -1) {
       _downKeys.push(18);
     }
-
     _mods[17] = true;
     _mods[18] = true;
-  } // 获取范围 默认为 `all`
-
-
-  var scope = getScope(); // 对任何快捷键都需要做的处理
+  }
 
+  // 获取范围 默认为 `all`
+  const scope = getScope();
+  // 对任何快捷键都需要做的处理
   if (asterisk) {
-    for (var i = 0; i < asterisk.length; i++) {
+    for (let i = 0; i < asterisk.length; i++) {
       if (asterisk[i].scope === scope && (event.type === 'keydown' && asterisk[i].keydown || event.type === 'keyup' && asterisk[i].keyup)) {
         eventHandler(event, asterisk[i], scope, element);
       }
     }
-  } // key 不在 _handlers 中返回
-
-
+  }
+  // key 不在 _handlers 中返回
   if (!(key in _handlers)) return;
-
-  for (var _i = 0; _i < _handlers[key].length; _i++) {
-    if (event.type === 'keydown' && _handlers[key][_i].keydown || event.type === 'keyup' && _handlers[key][_i].keyup) {
-      if (_handlers[key][_i].key) {
-        var record = _handlers[key][_i];
-        var splitKey = record.splitKey;
-        var keyShortcut = record.key.split(splitKey);
-        var _downKeysCurrent = []; // 记录当前按键键值
-
-        for (var a = 0; a < keyShortcut.length; a++) {
+  const handlerKey = _handlers[key];
+  const keyLen = handlerKey.length;
+  for (let i = 0; i < keyLen; i++) {
+    if (event.type === 'keydown' && handlerKey[i].keydown || event.type === 'keyup' && handlerKey[i].keyup) {
+      if (handlerKey[i].key) {
+        const record = handlerKey[i];
+        const {
+          splitKey
+        } = record;
+        const keyShortcut = record.key.split(splitKey);
+        const _downKeysCurrent = []; // 记录当前按键键值
+        for (let a = 0; a < keyShortcut.length; a++) {
           _downKeysCurrent.push(code(keyShortcut[a]));
         }
-
         if (_downKeysCurrent.sort().join('') === _downKeys.sort().join('')) {
           // 找到处理内容
           eventHandler(event, record, scope, element);
@@ -54499,139 +54531,187 @@ function dispatch$9(event, element) {
       }
     }
   }
-} // 判断 element 是否已经绑定事件
-
-
-function isElementBind(element) {
-  return elementHasBindEvent.indexOf(element) > -1;
 }
-
 function hotkeys(key, option, method) {
   _downKeys = [];
-  var keys = getKeys(key); // 需要处理的快捷键列表
-
-  var mods = [];
-  var scope = 'all'; // scope默认为all，所有范围都有效
-
-  var element = document; // 快捷键事件绑定节点
-
-  var i = 0;
-  var keyup = false;
-  var keydown = true;
-  var splitKey = '+';
-  var capture = false; // 对为设定范围的判断
-
+  const keys = getKeys(key); // 需要处理的快捷键列表
+  let mods = [];
+  let scope = 'all'; // scope默认为all，所有范围都有效
+  let element = document; // 快捷键事件绑定节点
+  let i = 0;
+  let keyup = false;
+  let keydown = true;
+  let splitKey = '+';
+  let capture = false;
+  let single = false; // 单个callback
+
+  // 对为设定范围的判断
   if (method === undefined && typeof option === 'function') {
     method = option;
   }
-
   if (Object.prototype.toString.call(option) === '[object Object]') {
     if (option.scope) scope = option.scope; // eslint-disable-line
-
     if (option.element) element = option.element; // eslint-disable-line
-
     if (option.keyup) keyup = option.keyup; // eslint-disable-line
-
     if (option.keydown !== undefined) keydown = option.keydown; // eslint-disable-line
-
     if (option.capture !== undefined) capture = option.capture; // eslint-disable-line
-
     if (typeof option.splitKey === 'string') splitKey = option.splitKey; // eslint-disable-line
+    if (option.single === true) single = true; // eslint-disable-line
   }
+  if (typeof option === 'string') scope = option;
 
-  if (typeof option === 'string') scope = option; // 对于每个快捷键进行处理
+  // 如果只允许单个callback，先unbind
+  if (single) unbind(key, scope);
 
+  // 对于每个快捷键进行处理
   for (; i < keys.length; i++) {
     key = keys[i].split(splitKey); // 按键列表
+    mods = [];
 
-    mods = []; // 如果是组合快捷键取得组合快捷键
-
-    if (key.length > 1) mods = getMods(_modifier, key); // 将非修饰键转化为键码
+    // 如果是组合快捷键取得组合快捷键
+    if (key.length > 1) mods = getMods(_modifier, key);
 
+    // 将非修饰键转化为键码
     key = key[key.length - 1];
     key = key === '*' ? '*' : code(key); // *表示匹配所有快捷键
-    // 判断key是否在_handlers中，不在就赋一个空数组
 
+    // 判断key是否在_handlers中，不在就赋一个空数组
     if (!(key in _handlers)) _handlers[key] = [];
-
     _handlers[key].push({
-      keyup: keyup,
-      keydown: keydown,
-      scope: scope,
-      mods: mods,
+      keyup,
+      keydown,
+      scope,
+      mods,
       shortcut: keys[i],
-      method: method,
+      method,
       key: keys[i],
-      splitKey: splitKey,
-      element: element
+      splitKey,
+      element
     });
-  } // 在全局document上设置快捷键
-
-
-  if (typeof element !== 'undefined' && !isElementBind(element) && window) {
-    elementHasBindEvent.push(element);
-    addEvent(element, 'keydown', function (e) {
-      dispatch$9(e, element);
-    }, capture);
-
+  }
+  // 在全局document上设置快捷键
+  if (typeof element !== 'undefined' && window) {
+    if (!elementEventMap.has(element)) {
+      const keydownListener = function () {
+        let event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.event;
+        return dispatch$9(event, element);
+      };
+      const keyupListenr = function () {
+        let event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.event;
+        dispatch$9(event, element);
+        clearModifier(event);
+      };
+      elementEventMap.set(element, {
+        keydownListener,
+        keyupListenr,
+        capture
+      });
+      addEvent(element, 'keydown', keydownListener, capture);
+      addEvent(element, 'keyup', keyupListenr, capture);
+    }
     if (!winListendFocus) {
-      winListendFocus = true;
-      addEvent(window, 'focus', function () {
+      const listener = () => {
         _downKeys = [];
-      }, capture);
+      };
+      winListendFocus = {
+        listener,
+        capture
+      };
+      addEvent(window, 'focus', listener, capture);
     }
-
-    addEvent(element, 'keyup', function (e) {
-      dispatch$9(e, element);
-      clearModifier(e);
-    }, capture);
   }
 }
-
 function trigger(shortcut) {
-  var scope = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'all';
-  Object.keys(_handlers).forEach(function (key) {
-    var data = _handlers[key].find(function (item) {
-      return item.scope === scope && item.shortcut === shortcut;
+  let scope = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'all';
+  Object.keys(_handlers).forEach(key => {
+    const dataList = _handlers[key].filter(item => item.scope === scope && item.shortcut === shortcut);
+    dataList.forEach(data => {
+      if (data && data.method) {
+        data.method();
+      }
     });
-
-    if (data && data.method) {
-      data.method();
-    }
   });
 }
 
-var _api = {
-  setScope: setScope,
-  getScope: getScope,
-  deleteScope: deleteScope,
-  getPressedKeyCodes: getPressedKeyCodes,
-  isPressed: isPressed,
+// 销毁事件,unbind之后判断element上是否还有键盘快捷键，如果没有移除监听
+function removeKeyEvent(element) {
+  const values = Object.values(_handlers).flat();
+  const findindex = values.findIndex(_ref4 => {
+    let {
+      element: el
+    } = _ref4;
+    return el === element;
+  });
+  if (findindex < 0) {
+    const {
+      keydownListener,
+      keyupListenr,
+      capture
+    } = elementEventMap.get(element) || {};
+    if (keydownListener && keyupListenr) {
+      removeEvent(element, 'keyup', keyupListenr, capture);
+      removeEvent(element, 'keydown', keydownListener, capture);
+      elementEventMap.delete(element);
+    }
+  }
+  if (values.length <= 0 || elementEventMap.size <= 0) {
+    // 移除所有的元素上的监听
+    const eventKeys = Object.keys(elementEventMap);
+    eventKeys.forEach(el => {
+      const {
+        keydownListener,
+        keyupListenr,
+        capture
+      } = elementEventMap.get(el) || {};
+      if (keydownListener && keyupListenr) {
+        removeEvent(el, 'keyup', keyupListenr, capture);
+        removeEvent(el, 'keydown', keydownListener, capture);
+        elementEventMap.delete(el);
+      }
+    });
+    // 清空 elementEventMap
+    elementEventMap.clear();
+    // 清空 _handlers
+    Object.keys(_handlers).forEach(key => delete _handlers[key]);
+    // 移除window上的focus监听
+    if (winListendFocus) {
+      const {
+        listener,
+        capture
+      } = winListendFocus;
+      removeEvent(window, 'focus', listener, capture);
+      winListendFocus = null;
+    }
+  }
+}
+const _api = {
+  getPressedKeyString,
+  setScope,
+  getScope,
+  deleteScope,
+  getPressedKeyCodes,
+  getAllKeyCodes,
+  isPressed,
   filter: filter$1,
-  trigger: trigger,
-  unbind: unbind,
+  trigger,
+  unbind,
   keyMap: _keyMap,
   modifier: _modifier,
-  modifierMap: modifierMap
+  modifierMap
 };
-
-for (var a in _api) {
+for (const a in _api) {
   if (Object.prototype.hasOwnProperty.call(_api, a)) {
     hotkeys[a] = _api[a];
   }
 }
-
 if (typeof window !== 'undefined') {
-  var _hotkeys = window.hotkeys;
-
-  hotkeys.noConflict = function (deep) {
+  const _hotkeys = window.hotkeys;
+  hotkeys.noConflict = deep => {
     if (deep && window.hotkeys === hotkeys) {
       window.hotkeys = _hotkeys;
     }
-
     return hotkeys;
   };
-
   window.hotkeys = hotkeys;
 }var HOTKEYS_DEFAULT_OPTIONS = {
   keyup: true,
@@ -54728,6 +54808,7 @@ var Keyboard = /*#__PURE__*/function (_EventDispatcher) {
   }, {
     key: "isPressed",
     value: function isPressed(key) {
+      console.log(key, hotkeys.getPressedKeyCodes());
       return hotkeys.isPressed(key);
     }
   }]);
@@ -55131,7 +55212,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 ALMOST_ZERO = 0.00001;
+};var uuid$1=/*#__PURE__*/Object.freeze({__proto__:null,generateUUID:generateUUID,generateRandomName:generateRandomName});var _MATERIAL_PROPERTIES_, _MATERIAL_PROPERTIES_2, _MATERIAL_TEXTURE_MAP$1;
+var ALMOST_ZERO = 0.00001;
 var UP$1 = "UP";
 var DOWN$1 = "DOWN";
 var LEFT = "LEFT";
@@ -55188,6 +55270,178 @@ var TEXTURES = {
   ROUGHNESS: "roughnessMap",
   GRADIENT: "gradientMap"
 };
+var PROPERTIES = {
+  OPACITY: "opacity",
+  // float
+  TRANSPARENT: "transparent",
+  // boolean
+  VISIBLE: "visible",
+  // boolean
+  SIDE: "side",
+  // FRONTSIZE, BACKSIDE, DOUBLE
+  COLOR: "color",
+  // color // done
+  DEPTH_WRITE: "depthWrite",
+  // bolean // done
+  DEPTH_TEST: "depthTest",
+  // boolean // done
+  FOG: "fog",
+  // boolean NOT SUPPORTED BY MAGE // done
+  REFLECTIVITY: "reflectivity",
+  // float // done
+  WIREFRAME: "wireframe",
+  //boolean // done
+  COMBINE: "combine",
+  // integer // done
+  FLAT_SHADING: "flatShading",
+  // boolean // done
+  SHININESS: "shininess",
+  // float
+  SPECULAR: "specular",
+  // color
+  NORMAL_SCALE: "normalScale",
+  // Vector2
+  METALNESS: "metalness",
+  // float
+  ROUGHNESS: "roughness",
+  // float
+  EMISSIVE: "emissive",
+  // color
+  EMISSIVE_INTENSITY: "emissiveIntensity",
+  // float
+  LIGHT_MAP_INTENSITY: "lightMapIntensity",
+  // float
+  AO_MAP_INTENSITY: "aoMapIntensity",
+  // float
+  BUMP_SCALE: "bumpScale",
+  // float
+  DISPLACEMENT_SCALE: "displacementScale",
+  // float
+  DISPLACEMENT_BIAS: "displacementBias",
+  // float
+  REFRACTION_RATIO: "refractionRatio",
+  // float // done
+  ENV_MAP_INTENSITY: "envMapIntensity" // float
+
+};
+var MATERIAL_PROPERTIES_DEFAULT_VALUES = (_MATERIAL_PROPERTIES_ = {}, _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.OPACITY, 1.0), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.TRANSPARENT, false), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.VISIBLE, true), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.SIDE, FrontSide), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.COLOR, "#ffffff"), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.DEPTH_WRITE, false), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.DEPTH_TEST, false), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.FOG, false), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.REFLECTIVITY, 1.0), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.WIREFRAME, false), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.COMBINE, 1), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.FLAT_SHADING, false), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.SHININESS, 30), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.SPECULAR, "#111111"), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.NORMAL_SCALE, {
+  x: 1,
+  y: 1
+}), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.METALNESS, 0.0), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.ROUGHNESS, 1.0), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.EMISSIVE, "#000000"), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.EMISSIVE_INTENSITY, 1.0), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.LIGHT_MAP_INTENSITY, 1.0), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.AO_MAP_INTENSITY, 1.0), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.BUMP_SCALE, 1.0), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.DISPLACEMENT_SCALE, 1.0), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.DISPLACEMENT_BIAS, 0), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.REFRACTION_RATIO, 0.98), _defineProperty$1(_MATERIAL_PROPERTIES_, PROPERTIES.ENV_MAP_INTENSITY, 1.0), _MATERIAL_PROPERTIES_);
+var DEFAULT_MATERIAL_PROPERTIES = {
+  OPACITY: "opacity",
+  // float
+  SIDE: "side",
+  // FRONTSIZE, BACKSIDE, DOUBLE
+  TRANSPARENT: "transparent",
+  // boolean
+  VISIBLE: "visible" // boolean
+
+};
+var MATERIAL_PROPERTIES_MAP = (_MATERIAL_PROPERTIES_2 = {}, _defineProperty$1(_MATERIAL_PROPERTIES_2, MATERIALS.BASIC, [PROPERTIES.COLOR, PROPERTIES.COMBINE, // PROPERTIES.FOG,
+PROPERTIES.LIGHT_MAP_INTENSITY, // float
+PROPERTIES.REFLECTIVITY, PROPERTIES.WIREFRAME, PROPERTIES.REFRACTION_RATIO]), _defineProperty$1(_MATERIAL_PROPERTIES_2, MATERIALS.LAMBERT, [PROPERTIES.AO_MAP_INTENSITY, // DONE
+PROPERTIES.BUMP_SCALE, // DONE
+PROPERTIES.COLOR, // DONE
+PROPERTIES.COMBINE, // DONE
+PROPERTIES.DISPLACEMENT_SCALE, // DONE
+PROPERTIES.DISPLACEMENT_BIAS, // DONE
+PROPERTIES.EMISSIVE, // DONE
+PROPERTIES.EMISSIVE_INTENSITY, // DONE
+// PROPERTIES.FOG, // DONE
+PROPERTIES.LIGHT_MAP_INTENSITY, // DONE
+PROPERTIES.NORMAL_SCALE, PROPERTIES.REFLECTIVITY, // DONE
+PROPERTIES.REFRACTION_RATIO, // DONE
+PROPERTIES.WIREFRAME // DONE
+]), _defineProperty$1(_MATERIAL_PROPERTIES_2, MATERIALS.PHONG, [PROPERTIES.AO_MAP_INTENSITY, // DONE
+PROPERTIES.BUMP_SCALE, // DONE
+PROPERTIES.COLOR, // DONE
+PROPERTIES.COMBINE, // DONE
+PROPERTIES.DISPLACEMENT_SCALE, // DONE
+PROPERTIES.DISPLACEMENT_BIAS, // DONE
+PROPERTIES.EMISSIVE, // DONE
+PROPERTIES.EMISSIVE_INTENSITY, // DONE
+PROPERTIES.FLAT_SHADING, // DONE
+// PROPERTIES.FOG, // DONE
+PROPERTIES.LIGHT_MAP_INTENSITY, // DONE
+PROPERTIES.NORMAL_SCALE, // DONE
+PROPERTIES.REFLECTIVITY, // DONE
+PROPERTIES.REFRACTION_RATIO, // DONE
+PROPERTIES.SHININESS, // DONE
+PROPERTIES.SPECULAR, // DONE
+PROPERTIES.WIREFRAME // DONE
+]), _defineProperty$1(_MATERIAL_PROPERTIES_2, MATERIALS.DEPTH, [PROPERTIES.DISPLACEMENT_SCALE, // DONE
+PROPERTIES.DISPLACEMENT_BIAS, // DONE
+// PROPERTIES.FOG, // DONE
+PROPERTIES.WIREFRAME // DONE
+]), _defineProperty$1(_MATERIAL_PROPERTIES_2, MATERIALS.STANDARD, [PROPERTIES.AO_MAP_INTENSITY, // DONE
+PROPERTIES.BUMP_SCALE, // DONE
+PROPERTIES.COLOR, // DONE
+PROPERTIES.COMBINE, // DONE
+PROPERTIES.DISPLACEMENT_SCALE, // DONE
+PROPERTIES.DISPLACEMENT_BIAS, // DONE
+PROPERTIES.EMISSIVE, // DONE
+PROPERTIES.EMISSIVE_INTENSITY, // DONE
+PROPERTIES.ENV_MAP_INTENSITY, // done
+PROPERTIES.FLAT_SHADING, // DONE
+// PROPERTIES.FOG, // DONE
+PROPERTIES.LIGHT_MAP_INTENSITY, // DONE
+PROPERTIES.METALNESS, // done
+PROPERTIES.NORMAL_SCALE, // DONE
+PROPERTIES.ROUGHNESS, // DONE
+PROPERTIES.WIREFRAME // DONE
+]), _defineProperty$1(_MATERIAL_PROPERTIES_2, MATERIALS.THREE_TOON, [PROPERTIES.AO_MAP_INTENSITY, // DONE
+PROPERTIES.BUMP_SCALE, // DONE
+PROPERTIES.COLOR, // DONE
+PROPERTIES.DISPLACEMENT_SCALE, // DONE
+PROPERTIES.DISPLACEMENT_BIAS, // DONE
+PROPERTIES.EMISSIVE, // DONE
+PROPERTIES.EMISSIVE_INTENSITY, // DONE
+// PROPERTIES.FOG, // DONE
+PROPERTIES.LIGHT_MAP_INTENSITY, // DONE
+PROPERTIES.NORMAL_SCALE, // done
+PROPERTIES.WIREFRAME // DONE
+]), _MATERIAL_PROPERTIES_2);
+var MATERIAL_TEXTURE_MAP$1 = (_MATERIAL_TEXTURE_MAP$1 = {}, _defineProperty$1(_MATERIAL_TEXTURE_MAP$1, MATERIALS.BASIC, [TEXTURES.ALPHA, TEXTURES.AO, TEXTURES.ENV, TEXTURES.LIGHT, TEXTURES.MAP, TEXTURES.SPECULAR]), _defineProperty$1(_MATERIAL_TEXTURE_MAP$1, MATERIALS.LAMBERT, [TEXTURES.ALPHA, // DONE
+TEXTURES.AO, // DONE
+TEXTURES.ENV, // DONE
+TEXTURES.LIGHT, // DONE
+TEXTURES.MAP, // DONE
+TEXTURES.SPECULAR, // DONE
+TEXTURES.EMISSIVE, // DONE
+TEXTURES.BUMP]), _defineProperty$1(_MATERIAL_TEXTURE_MAP$1, MATERIALS.PHONG, [TEXTURES.ALPHA, // DONE
+TEXTURES.AO, // DONE
+TEXTURES.ENV, // DONE
+TEXTURES.LIGHT, // DONE
+TEXTURES.MAP, // DONE
+TEXTURES.SPECULAR, // DONE
+TEXTURES.EMISSIVE, // DONE
+TEXTURES.BUMP, // DONE
+TEXTURES.DISPLACEMENT, // DONE
+TEXTURES.NORMAL // DONE
+]), _defineProperty$1(_MATERIAL_TEXTURE_MAP$1, MATERIALS.DEPTH, [TEXTURES.ALPHA, // DONE
+TEXTURES.MAP, // DONE
+TEXTURES.DISPLACEMENT // DONE
+]), _defineProperty$1(_MATERIAL_TEXTURE_MAP$1, MATERIALS.STANDARD, [TEXTURES.ALPHA, // DONE
+TEXTURES.AO, // DONE
+TEXTURES.ENV, // DONE
+TEXTURES.LIGHT, // DONE
+TEXTURES.MAP, // DONE
+TEXTURES.EMISSIVE, // DONE
+TEXTURES.BUMP, // DONE
+TEXTURES.DISPLACEMENT, // DONE
+TEXTURES.NORMAL, // DONE
+TEXTURES.METALNESS, // DONE
+TEXTURES.ROUGHNESS // DONE
+]), _defineProperty$1(_MATERIAL_TEXTURE_MAP$1, MATERIALS.THREE_TOON, [TEXTURES.ALPHA, // DONE
+TEXTURES.AO, // DONE
+TEXTURES.BUMP, // DONE
+TEXTURES.DISPLACEMENT, TEXTURES.EMISSIVE, // DONE
+TEXTURES.GRADIENT, // DONE
+TEXTURES.LIGHT, // DONE
+TEXTURES.MAP, // DONE
+TEXTURES.NORMAL // DONE
+]), _MATERIAL_TEXTURE_MAP$1);
 var EFFECTS = {
   SEPIA: "SEPIAEFFECT",
   HUE_SATURATION: "HUESATURATIONEFFECT",
@@ -55245,7 +55499,7 @@ var TAGS = {
     HELPER: "TAGS.SOUNDS.HELPER",
     HOLDER: "TAGS.SOUNDS.HOLDER"
   }
-};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,TAGS:TAGS});var buildAssetId = function buildAssetId(name, level) {
+};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,PROPERTIES:PROPERTIES,MATERIAL_PROPERTIES_DEFAULT_VALUES:MATERIAL_PROPERTIES_DEFAULT_VALUES,DEFAULT_MATERIAL_PROPERTIES:DEFAULT_MATERIAL_PROPERTIES,MATERIAL_PROPERTIES_MAP:MATERIAL_PROPERTIES_MAP,MATERIAL_TEXTURE_MAP:MATERIAL_TEXTURE_MAP$1,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,TAGS:TAGS});var buildAssetId = function buildAssetId(name, level) {
   return level ? "".concat(level, "_").concat(name) : name;
 };
 var isLevelName = function isLevelName(level) {
@@ -57799,7 +58053,7 @@ function applyMiddleware() {
 
 var thunk = createThunkMiddleware();
 thunk.withExtraArgument = createThunkMiddleware;var name$1 = "mage-engine";
-var version$1 = "3.23.12";
+var version$1 = "3.23.14";
 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 = {
@@ -57841,7 +58095,7 @@ var dependencies = {
 	"@babel/plugin-transform-runtime": "7.5.0",
 	"@babel/runtime": "7.5.0",
 	"between.js": "0.1.2-fix.2",
-	"hotkeys-js": "3.9.4",
+	"hotkeys-js": "^3.13.7",
 	"html-to-image": "^1.9.0",
 	html2canvas: "^1.4.1",
 	inferno: "7.3.2",
@@ -59085,7 +59339,7 @@ var BaseCar = /*#__PURE__*/function (_BaseScript) {
   function BaseCar() {
     _classCallCheck(this, BaseCar);
 
-    return _super.call(this, 'BaseCar');
+    return _super.call(this, "BaseCar");
   }
 
   _createClass(BaseCar, [{
@@ -59093,13 +59347,13 @@ var BaseCar = /*#__PURE__*/function (_BaseScript) {
     value: function start(element, options) {
       var wheels = options.wheels,
           _options$acceleration = options.accelerationKey,
-          accelerationKey = _options$acceleration === void 0 ? 'w' : _options$acceleration,
+          accelerationKey = _options$acceleration === void 0 ? "w" : _options$acceleration,
           _options$brakingKey = options.brakingKey,
-          brakingKey = _options$brakingKey === void 0 ? 's' : _options$brakingKey,
+          brakingKey = _options$brakingKey === void 0 ? "s" : _options$brakingKey,
           _options$rightKey = options.rightKey,
-          rightKey = _options$rightKey === void 0 ? 'd' : _options$rightKey,
+          rightKey = _options$rightKey === void 0 ? "d" : _options$rightKey,
           _options$leftKey = options.leftKey,
-          leftKey = _options$leftKey === void 0 ? 'a' : _options$leftKey;
+          leftKey = _options$leftKey === void 0 ? "a" : _options$leftKey;
           options.debug;
           var _options$autostart = options.autostart,
           autostart = _options$autostart === void 0 ? true : _options$autostart,
@@ -59119,6 +59373,7 @@ var BaseCar = /*#__PURE__*/function (_BaseScript) {
       this.leftKey = leftKey;
       this.engineStarted = autostart;
       Input$1.enable();
+      Input$1.keyboard.listenTo([accelerationKey, brakingKey, rightKey, leftKey]);
       Physics$1.addVehicle(this.car, _objectSpread2$1({
         wheels: wheels.map(function (w) {
           return w.uuid();
@@ -59342,7 +59597,52 @@ var Scripts = /*#__PURE__*/function () {
 
   return Scripts;
 }();
-var Scripts$1 = new Scripts();var inverseProjectionMatrix = new Matrix4();
+var Scripts$1 = new Scripts();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;
+}const vivify = {
+    set: function(_key, _value, _obj) {
+        var obj = _obj || {},
+            key = _key || "",
+            value = _value || {},
+            splitted = (typeof key == "string" && key !== '') ? key.split('.') : [];
+        if (splitted.length == 1) {
+            obj[splitted[0]] = value;
+            return;
+        }
+        var k = splitted.shift();
+        obj[k] = obj[k] ? obj[k] : {};
+        vivify.set(splitted.join('.'), value, obj[k]);
+        return obj;
+    },
+
+    get: function(key, obj) {
+        if (!obj) {
+            return;
+        }
+        var splitted = (typeof key == "string" && key !== '') ? key.split('.') : [];
+        if (splitted.length == 1) {
+          return obj[splitted[0]];
+        }
+        var k = splitted.shift();
+        var v = obj[k] ? vivify.get(splitted.join('.'), obj[k]) : false;
+        return v;
+    }
+};
+
+var vivify_1 = vivify;var inverseProjectionMatrix = new Matrix4();
 
 var Frustum = /*#__PURE__*/function () {
   function Frustum(data) {
@@ -59959,6 +60259,19 @@ var applyMaterialChange = function applyMaterialChange(elementBody, changeCallba
     });
   }
 };
+var extractMaterialProperty = function extractMaterialProperty(elementBody, property) {
+  if (hasMaterial(elementBody)) {
+    return vivify_1.get(property, elementBody.material);
+  } else {
+    var found;
+    elementBody.traverse(function (child) {
+      if (hasMaterial(child) && !found) {
+        found = vivify_1.get(child.material, property);
+      }
+    });
+    return found;
+  }
+};
 var processMaterial = function processMaterial(material, callback) {
   return Array.isArray(material) ? material.map(callback) : callback(material);
 };
@@ -60059,22 +60372,7 @@ var serializeColor = function serializeColor(color) {
     g: color.g,
     b: color.b
   };
-};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 */
+};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});
@@ -60571,6 +60869,16 @@ var tweenTo = function tweenTo(origin, target) {
       this.reset();
       this.disposed = true;
     }
+    /**
+     * TODO: the entire state machine system needs to be a component
+     * e.g.
+     *
+     * const stateMachine = new StateMachineComponent();
+     * element.addComponent(stateMachine);
+     *
+     * element.getComponent("statemachine").dosomething;
+     */
+
   }, {
     key: "addStateMachine",
     value: function addStateMachine(description) {
@@ -60612,6 +60920,16 @@ var tweenTo = function tweenTo(origin, target) {
         console.log(STATE_MACHINE_NOT_AVAILABLE);
       }
     }
+    /**
+     * TODO: ScriptComponent to handle scripts
+     * e.g.
+     *
+     * const scriptComponent = new ScriptsComponent();
+     * element.addComponent(physicscomponent);
+     *
+     * element.getComponent("physics").play("animationId");
+     */
+
   }, {
     key: "getScript",
     value: function getScript(name) {
@@ -61175,7 +61493,34 @@ var tweenTo = function tweenTo(origin, target) {
 }(EventDispatcher);var _MATERIAL_TEXTURE_MAP;
 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 material_constants=/*#__PURE__*/Object.freeze({__proto__:null,MATERIAL_TEXTURE_MAP:MATERIAL_TEXTURE_MAP});var isTextureMapAllowedForMaterial = function isTextureMapAllowedForMaterial(materialType, textureType) {
   return MATERIAL_TEXTURE_MAP[materialType] && MATERIAL_TEXTURE_MAP[materialType].includes(textureType);
-};var _excluded$7 = ["position", "quaternion"],
+};var serializeMap = function serializeMap(map) {
+  var reducer = function reducer(m) {
+    return _toConsumableArray(m).reduce(function (a, v) {
+      a[v[0]] = v[1];
+      return a;
+    }, {});
+  };
+
+  var replacer = function replacer(key, value) {
+    return value instanceof Map ? reducer(value) : value;
+  };
+
+  return JSON.stringify(map, replacer);
+};
+var deserialiseMap = function deserialiseMap(o) {
+  var json = JSON.parse(o);
+  var m = new Map();
+  Object.keys(json).forEach(function (k) {
+    m.set(k, json[k]);
+  });
+  return m;
+};
+var populateMap = function populateMap(map, data) {
+  Object.keys(data).forEach(function (k) {
+    map.set(k, data[k]);
+  });
+  return map;
+};var map$1=/*#__PURE__*/Object.freeze({__proto__:null,serializeMap:serializeMap,deserialiseMap:deserialiseMap,populateMap:populateMap});var _excluded$7 = ["position", "quaternion"],
     _excluded2 = ["applyPhysicsUpdate"],
     _excluded3 = ["dt", "event"];
 var COLLIDER_TAG = "collider";
@@ -61387,13 +61732,13 @@ var Element$1 = /*#__PURE__*/function (_Entity) {
         geometry = _options.geometry,
         material = _options.material,
         _body = _options.body;
-    _this.textures = {};
+    _this.textures = new Map();
     _this.opacity = 1;
     _this.options = _objectSpread2$1(_objectSpread2$1({}, _options), {}, {
       name: name
     });
     _this.physicsOptions = DEFAULT_PHYSICS_OPTIONS;
-    _this.physicsState = {};
+    _this.physicsState = new Map();
 
     _this.setBody({
       geometry: geometry,
@@ -61507,6 +61852,16 @@ var Element$1 = /*#__PURE__*/function (_Entity) {
         });
       }
     }
+    /**
+     * TODO: the entire animation system needs to be a component
+     * e.g.
+     *
+     * const animationComponent = new AnimationComponent();
+     * element.addComponent(animationComponent);
+     *
+     * element.getComponent("animation").play("animationId");
+     */
+
   }, {
     key: "setArmature",
     value: function setArmature(armature) {
@@ -61590,6 +61945,16 @@ var Element$1 = /*#__PURE__*/function (_Entity) {
 
       return [];
     }
+    /**
+     * TODO: the entire physics system needs to be a component
+     * e.g.
+     *
+     * const physicscomponent = new PhysicsComponent();
+     * element.addComponent(physicscomponent);
+     *
+     * element.getComponent("physics").play("animationId");
+     */
+
   }, {
     key: "setPhysicsOptions",
     value: function setPhysicsOptions() {
@@ -61617,14 +61982,12 @@ var Element$1 = /*#__PURE__*/function (_Entity) {
           _ref10.event;
           var data = _objectWithoutProperties(_ref10, _excluded3);
 
-      var physicsState = _objectSpread2$1(_objectSpread2$1({}, this.physicsState), data);
-
-      this.physicsState = physicsState;
+      populateMap(this.physicsState, data);
     }
   }, {
     key: "getPhysicsState",
     value: function getPhysicsState(key) {
-      return key ? this.physicsState[key] : this.physicsState;
+      return key ? this.physicsState.get(key) : this.physicsState;
     }
   }, {
     key: "enablePhysics",
@@ -61701,7 +62064,9 @@ var Element$1 = /*#__PURE__*/function (_Entity) {
     }
   }, {
     key: "setColor",
-    value: function setColor(color) {
+    value: function setColor() {
+      var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.COLOR];
+
       var _setColor = function _setColor(material) {
         return material.color = new Color$1(color);
       };
@@ -61715,22 +62080,356 @@ var Element$1 = /*#__PURE__*/function (_Entity) {
   }, {
     key: "getColor",
     value: function getColor() {
-      if (hasMaterial(this.getBody())) {
-        return this.body.material.color;
+      return extractMaterialProperty(this.getBody(), PROPERTIES.COLOR);
+    }
+  }, {
+    key: "setFog",
+    value: function setFog() {
+      var enabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.FOG];
+
+      var _setFog = function _setFog(material) {
+        return material[PROPERTIES.FOG] = enabled;
+      };
+
+      applyMaterialChange(this.getBody(), _setFog);
+    }
+  }, {
+    key: "getFog",
+    value: function getFog() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.FOG);
+    }
+  }, {
+    key: "setReflectivity",
+    value: function setReflectivity() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.REFLECTIVITY];
+
+      var _setReflectivity = function _setReflectivity(material) {
+        return material[PROPERTIES.REFLECTIVITY] = value;
+      };
+
+      if (value != undefined) {
+        applyMaterialChange(this.getBody(), _setReflectivity);
       } else {
-        var found;
-        this.body.traverse(function (child) {
-          if (hasMaterial(child) && !found) {
-            found = child.material.color;
-          }
-        });
-        return found;
+        console.warn(ELEMENT_SET_REFLECTIVITY_MISSING_VALUE);
       }
     }
+  }, {
+    key: "getReflectivity",
+    value: function getReflectivity() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.REFLECTIVITY);
+    }
+  }, {
+    key: "setRefractionRatio",
+    value: function setRefractionRatio() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.REFRACTION_RATIO];
+
+      var _setRefractionRatio = function _setRefractionRatio(material) {
+        return material[PROPERTIES.REFRACTION_RATIO] = value;
+      };
+
+      if (value != undefined) {
+        applyMaterialChange(this.getBody(), _setRefractionRatio);
+      } else {
+        console.warn(ELEMENT_SET_REFRACTION_RATIO_MISSING_VALUE);
+      }
+    }
+  }, {
+    key: "getRefractionRatio",
+    value: function getRefractionRatio() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.REFRACTION_RATIO);
+    }
+  }, {
+    key: "setDepthWrite",
+    value: function setDepthWrite() {
+      var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.DEPTH_WRITE];
+
+      var _setDepthWrite = function _setDepthWrite(material) {
+        return material[PROPERTIES.DEPTH_WRITE] = flag;
+      };
+
+      applyMaterialChange(this.getBody(), _setDepthWrite);
+    }
+  }, {
+    key: "getDepthWrite",
+    value: function getDepthWrite() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.DEPTH_WRITE);
+    }
+  }, {
+    key: "setDepthTest",
+    value: function setDepthTest() {
+      var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.DEPTH_TEST];
+
+      var _setDepthTest = function _setDepthTest(material) {
+        return material[PROPERTIES.DEPTH_TEST] = flag;
+      };
+
+      applyMaterialChange(this.getBody(), _setDepthTest);
+    }
+  }, {
+    key: "getDepthTest",
+    value: function getDepthTest() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.DEPTH_TEST);
+    }
+  }, {
+    key: "setCombine",
+    value: function setCombine() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.COMBINE];
+
+      var _setCombine = function _setCombine(material) {
+        return material[PROPERTIES.COMBINE] = value;
+      };
+
+      applyMaterialChange(this.getBody(), _setCombine);
+    }
+  }, {
+    key: "getCombine",
+    value: function getCombine() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.COMBINE);
+    }
+  }, {
+    key: "setFlatShading",
+    value: function setFlatShading() {
+      var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.FLAT_SHADING];
+
+      var _setFlatShading = function _setFlatShading(material) {
+        return material[PROPERTIES.FLAT_SHADING] = flag;
+      };
+
+      applyMaterialChange(this.getBody(), _setFlatShading);
+    }
+  }, {
+    key: "getFlatShading",
+    value: function getFlatShading() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.FLAT_SHADING);
+    }
+  }, {
+    key: "setShininess",
+    value: function setShininess() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.SHININESS];
+
+      var _setShininess = function _setShininess(material) {
+        return material[PROPERTIES.SHININESS] = value;
+      };
+
+      applyMaterialChange(this.getBody(), _setShininess);
+    }
+  }, {
+    key: "getShininess",
+    value: function getShininess() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.SHININESS);
+    }
+  }, {
+    key: "setSpecularColor",
+    value: function setSpecularColor() {
+      var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.SPECULAR];
+
+      var _setSpecularColor = function _setSpecularColor(material) {
+        return material[PROPERTIES.SPECULAR] = new Color$1(color);
+      };
+
+      applyMaterialChange(this.getBody(), _setSpecularColor);
+    }
+  }, {
+    key: "getSpecularColor",
+    value: function getSpecularColor() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.SPECULAR);
+    }
+  }, {
+    key: "setNormalScale",
+    value: function setNormalScale() {
+      var normalScale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.NORMAL_SCALE];
+
+      var _setNormalScale = function _setNormalScale(material) {
+        return material[PROPERTIES.NORMAL_SCALE] = normalScale;
+      };
+
+      applyMaterialChange(this.getBody(), _setNormalScale);
+    }
+  }, {
+    key: "getNormalScale",
+    value: function getNormalScale() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.NORMAL_SCALE);
+    }
+  }, {
+    key: "setMetalness",
+    value: function setMetalness() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.METALNESS];
+
+      var _setMetalness = function _setMetalness(material) {
+        return material[PROPERTIES.METALNESS] = value;
+      };
+
+      applyMaterialChange(this.getBody(), _setMetalness);
+    }
+  }, {
+    key: "getMetalness",
+    value: function getMetalness() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.METALNESS);
+    }
+  }, {
+    key: "setRoughness",
+    value: function setRoughness() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.ROUGHNESS];
+
+      var _setRoughness = function _setRoughness(material) {
+        return material[PROPERTIES.ROUGHNESS] = value;
+      };
+
+      applyMaterialChange(this.getBody(), _setRoughness);
+    }
+  }, {
+    key: "getRoughness",
+    value: function getRoughness() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.ROUGHNESS);
+    }
+  }, {
+    key: "setEmissive",
+    value: function setEmissive() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.EMISSIVE];
+
+      var _setEmissive = function _setEmissive(material) {
+        return material[PROPERTIES.EMISSIVE] = new Color$1(value);
+      };
+
+      applyMaterialChange(this.getBody(), _setEmissive);
+    }
+  }, {
+    key: "getEmissive",
+    value: function getEmissive() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.EMISSIVE);
+    }
+  }, {
+    key: "setEmissiveIntensity",
+    value: function setEmissiveIntensity() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.EMISSIVE_INTENSITY];
+
+      var _setEmissiveIntensity = function _setEmissiveIntensity(material) {
+        return material[PROPERTIES.EMISSIVE_INTENSITY] = value;
+      };
+
+      applyMaterialChange(this.getBody(), _setEmissiveIntensity);
+    }
+  }, {
+    key: "getEmissiveIntensity",
+    value: function getEmissiveIntensity() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.EMISSIVE_INTENSITY);
+    }
+  }, {
+    key: "setLightMapIntensity",
+    value: function setLightMapIntensity() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.LIGHT_MAP_INTENSITY];
+
+      var _setLightMapIntensity = function _setLightMapIntensity(material) {
+        return material[PROPERTIES.LIGHT_MAP_INTENSITY] = value;
+      };
+
+      applyMaterialChange(this.getBody(), _setLightMapIntensity);
+    }
+  }, {
+    key: "getLightMapIntensity",
+    value: function getLightMapIntensity() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.LIGHT_MAP_INTENSITY);
+    }
+  }, {
+    key: "setAOMapIntensity",
+    value: function setAOMapIntensity() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.AO_MAP_INTENSITY];
+
+      var _setAOMapIntensity = function _setAOMapIntensity(material) {
+        return material[PROPERTIES.AO_MAP_INTENSITY] = value;
+      };
+
+      applyMaterialChange(this.getBody(), _setAOMapIntensity);
+    }
+  }, {
+    key: "getAOMapIntensity",
+    value: function getAOMapIntensity() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.AO_MAP_INTENSITY);
+    }
+  }, {
+    key: "setEnvMapIntensity",
+    value: function setEnvMapIntensity() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.ENV_MAP_INTENSITY];
+
+      var _setEnvMapIntensity = function _setEnvMapIntensity(material) {
+        return material[PROPERTIES.ENV_MAP_INTENSITY] = value;
+      };
+
+      applyMaterialChange(this.getBody(), _setEnvMapIntensity);
+    }
+  }, {
+    key: "getEnvMapIntensity",
+    value: function getEnvMapIntensity() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.ENV_MAP_INTENSITY);
+    }
+  }, {
+    key: "setDisplacementScale",
+    value: function setDisplacementScale() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.DISPLACEMENT_SCALE];
+
+      var _setDisplacementScale = function _setDisplacementScale(material) {
+        return material[PROPERTIES.DISPLACEMENT_SCALE] = value;
+      };
+
+      applyMaterialChange(this.getBody(), _setDisplacementScale);
+    }
+  }, {
+    key: "getDisplacementScale",
+    value: function getDisplacementScale() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.DISPLACEMENT_SCALE);
+    }
+  }, {
+    key: "setDisplacementBias",
+    value: function setDisplacementBias() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.DISPLACEMENT_BIAS];
+
+      var _setDisplacementBias = function _setDisplacementBias(material) {
+        return material[PROPERTIES.DISPLACEMENT_BIAS] = value;
+      };
+
+      applyMaterialChange(this.getBody(), _setDisplacementBias);
+    }
+  }, {
+    key: "getDisplacementBias",
+    value: function getDisplacementBias() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.DISPLACEMENT_BIAS);
+    }
+  }, {
+    key: "setBumpScale",
+    value: function setBumpScale() {
+      var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.BUMP_SCALE];
+
+      var _setBumpScale = function _setBumpScale(material) {
+        return material[PROPERTIES.BUMP_SCALE] = value;
+      };
+
+      applyMaterialChange(this.getBody(), _setBumpScale);
+    }
+  }, {
+    key: "getBumpScale",
+    value: function getBumpScale() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.BUMP_SCALE);
+    }
+  }, {
+    key: "setSide",
+    value: function setSide() {
+      var side = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.SIDE];
+
+      var _setSide = function _setSide(material) {
+        return material[PROPERTIES.SIDE] = side;
+      };
+
+      applyMaterialChange(this.getBody(), _setSide);
+    }
+  }, {
+    key: "getSide",
+    value: function getSide() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.SIDE);
+    }
   }, {
     key: "recordTexture",
     value: function recordTexture(textureId, textureType) {
-      this.textures[textureType] = textureId;
+      this.textures.set(textureType, textureId);
     }
   }, {
     key: "setTexture",
@@ -61824,6 +62523,43 @@ var Element$1 = /*#__PURE__*/function (_Entity) {
 
       applyMaterialChange(this.getBody(), _setOpacity);
     }
+  }, {
+    key: "getOpacity",
+    value: function getOpacity() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.OPACITY);
+    }
+  }, {
+    key: "setTransparent",
+    value: function setTransparent() {
+      var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+
+      var _setTransparent = function _setTransparent(material) {
+        return material.transparent = flag;
+      };
+
+      applyMaterialChange(this.getBody(), _setTransparent);
+    }
+  }, {
+    key: "isTransparent",
+    value: function isTransparent() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.TRANSPARENT);
+    }
+  }, {
+    key: "setVisible",
+    value: function setVisible() {
+      var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+
+      var _setVisible = function _setVisible(material) {
+        return material.visible = flag;
+      };
+
+      applyMaterialChange(this.getBody(), _setVisible);
+    }
+  }, {
+    key: "isVisible",
+    value: function isVisible() {
+      return extractMaterialProperty(this.getBody(), PROPERTIES.VISIBLE);
+    }
   }, {
     key: "fadeTo",
     value: function fadeTo() {
@@ -61917,11 +62653,11 @@ var Element$1 = /*#__PURE__*/function (_Entity) {
         var color = this.getColor();
         return _objectSpread2$1(_objectSpread2$1({}, _get(_getPrototypeOf(Element.prototype), "toJSON", this).call(this, parseJSON)), {}, {
           physics: {
-            state: this.getPhysicsState(),
+            state: serializeMap(this.getPhysicsState()),
             options: this.getPhysicsOptions()
           },
           body: this.body.toJSON(),
-          textures: this.textures,
+          textures: serializeMap(this.textures),
           materialType: this.getMaterialType(),
           opacity: this.opacity,
           color: parseJSON ? serializeColor(color) : color
@@ -85549,14 +86285,15 @@ var Proton = three_proton_min.exports;var ParticleEmitterGroup = /*#__PURE__*/fu
     _classCallCheck(this, ParticleEmitterGroup);
 
     _this = _super.call(this, {
-      tag: 'particle '
+      tag: "particle "
     });
     var _options$name = options.name,
-        name = _options$name === void 0 ? generateRandomName('EmitterGroup') : _options$name,
+        name = _options$name === void 0 ? generateRandomName("EmitterGroup") : _options$name,
         system = options.system;
     _this.options = _objectSpread2$1(_objectSpread2$1({}, options), {}, {
       name: name
     });
+    _this.system = new Map();
 
     _this.setBody({
       body: new Object3D()
@@ -85596,10 +86333,8 @@ var Proton = three_proton_min.exports;var ParticleEmitterGroup = /*#__PURE__*/fu
   }, {
     key: "isProtonEmitter",
     value: function isProtonEmitter() {
-      var _this2 = this;
-
-      Object.keys(this.system).forEach(function (emitterId) {
-        return _this2.system[emitterId].isProtonEmitter();
+      this.system.forEach(function (emitter) {
+        return emitter.isProtonEmitter();
       });
     }
   }, {
@@ -85610,30 +86345,26 @@ var Proton = three_proton_min.exports;var ParticleEmitterGroup = /*#__PURE__*/fu
   }, {
     key: "hasSystem",
     value: function hasSystem() {
-      return !!this.system && !!Object.keys(this.system).length;
+      return !!this.system && !!this.system.size > 0;
     }
   }, {
     key: "isSystemDead",
     value: function isSystemDead() {
-      var _this3 = this;
-
-      Object.keys(this.system).forEach(function (emitterId) {
-        return _this3.system[emitterId].isSystemDead();
+      this.system.forEach(function (emitter) {
+        return emitter.isSystemDead();
       });
     }
   }, {
     key: "setSystem",
     value: function setSystem() {
-      var _this4 = this;
+      var _this2 = this;
 
       var system = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      this.system = system.reduce(function (system, emitter) {
-        system[emitter.getName()] = emitter;
+      system.forEach(function (emitter) {
+        _this2.add(emitter);
 
-        _this4.add(emitter);
-
-        return system;
-      }, {});
+        _this2.system.set(emitter.getName(), emitter);
+      });
     }
   }, {
     key: "getSystem",
@@ -85643,7 +86374,7 @@ var Proton = three_proton_min.exports;var ParticleEmitterGroup = /*#__PURE__*/fu
   }, {
     key: "getEmitter",
     value: function getEmitter(name) {
-      var emitter = this.system[name];
+      var emitter = this.system.get(name);
 
       if (emitter) {
         return emitter;
@@ -85654,61 +86385,49 @@ var Proton = three_proton_min.exports;var ParticleEmitterGroup = /*#__PURE__*/fu
   }, {
     key: "forEach",
     value: function forEach(cb) {
-      var _this5 = this;
-
-      Object.keys(this.system).forEach(function (k) {
-        cb(_this5.system[k]);
+      this.system.forEach(function (emitter) {
+        return cb(emitter);
       });
     }
   }, {
     key: "emit",
     value: function emit() {
-      var _this6 = this;
-
       for (var _len = arguments.length, options = new Array(_len), _key = 0; _key < _len; _key++) {
         options[_key] = arguments[_key];
       }
 
       if (this.hasSystem()) {
-        Object.keys(this.system).forEach(function (emitterId) {
-          var _this6$system$emitter;
-
-          return (_this6$system$emitter = _this6.system[emitterId]).emit.apply(_this6$system$emitter, options);
+        this.system.forEach(function (emitter) {
+          return emitter.emit.apply(emitter, options);
         });
       }
     }
   }, {
     key: "stop",
     value: function stop() {
-      var _this7 = this;
-
       if (this.hasSystem()) {
-        Object.keys(this.system).forEach(function (emitterId) {
-          return _this7.system[emitterId].stop();
+        this.system.forEach(function (emitter) {
+          return emitter.stop();
         });
       }
     }
   }, {
     key: "dispose",
     value: function dispose() {
-      var _this8 = this;
-
       _get(_getPrototypeOf(ParticleEmitterGroup.prototype), "dispose", this).call(this);
 
-      Object.keys(this.system).forEach(function (emitterId) {
-        return _this8.system[emitterId].dispose();
+      this.system.forEach(function (emitter) {
+        return emitter.dispose();
       });
     }
   }, {
     key: "update",
     value: function update(dt) {
-      var _this9 = this;
-
       _get(_getPrototypeOf(ParticleEmitterGroup.prototype), "update", this).call(this, dt);
 
       if (this.hasSystem()) {
-        Object.keys(this.system).forEach(function (emitterId) {
-          return _this9.system[emitterId].update(dt);
+        this.system.forEach(function (emitter) {
+          return emitter.update(dt);
         });
       }
     }
@@ -86129,23 +86848,23 @@ var Trail = /*#__PURE__*/function (_ParticleEmitterGroup) {
 
   return Trail;
 }(ParticleEmitterGroup);var PARTICLES = {
-  RAIN: 'rain',
-  EXPLOSION: 'explosion',
-  FOUNTAIN: 'fountain',
-  FIRE: 'fire',
-  SNOW: 'snow',
-  TRAIL: 'trail'
+  RAIN: "rain",
+  EXPLOSION: "explosion",
+  FOUNTAIN: "fountain",
+  FIRE: "fire",
+  SNOW: "snow",
+  TRAIL: "trail"
 };
+var DEPRECATED_PARTICLES = [PARTICLES.RAIN, PARTICLES.FOUNTAIN, PARTICLES.SNOW];
 var GROUP = PARTICLE_EMITTER_TYPES.GROUP;
 var Particles = /*#__PURE__*/function () {
   function Particles() {
-    var _this = this,
-        _this$map;
+    var _this = this;
 
     _classCallCheck(this, Particles);
 
     _defineProperty$1(this, "isRegisteredEmitter", function (name) {
-      return typeof name === 'string' && name in _this.map;
+      return typeof name === "string" && _this.map.has(name);
     });
 
     _defineProperty$1(this, "hasEmitters", function () {
@@ -86154,15 +86873,20 @@ var Particles = /*#__PURE__*/function () {
 
     _defineProperty$1(this, "updateEmitters", function (dt) {
       _this.toDispose = [];
-      Object.keys(_this.emitters).forEach(function (uuid) {
-        var emitter = _this.emitters[uuid];
 
+      _this.emitters.forEach(function (emitter) {
         _this.updateSingleEmitter(emitter, dt);
       });
     });
 
-    this.map = (_this$map = {}, _defineProperty$1(_this$map, PARTICLES.RAIN, Rain), _defineProperty$1(_this$map, PARTICLES.EXPLOSION, Explosion), _defineProperty$1(_this$map, PARTICLES.FOUNTAIN, Fountain), _defineProperty$1(_this$map, PARTICLES.FIRE, Fire), _defineProperty$1(_this$map, PARTICLES.SNOW, Snow), _defineProperty$1(_this$map, PARTICLES.TRAIL, Trail), _this$map);
-    this.emitters = {};
+    this.map = new Map();
+    this.map.set(PARTICLES.RAIN, Rain);
+    this.map.set(PARTICLES.EXPLOSION, Explosion);
+    this.map.set(PARTICLES.FOUNTAIN, Fountain);
+    this.map.set(PARTICLES.FIRE, Fire);
+    this.map.set(PARTICLES.SNOW, Snow);
+    this.map.set(PARTICLES.TRAIL, Trail);
+    this.emitters = new Map();
     this.toDispose = [];
   }
 
@@ -86180,12 +86904,12 @@ var Particles = /*#__PURE__*/function () {
   }, {
     key: "get",
     value: function get(name) {
-      return this.map[name] || null;
+      return this.map.get(name) || null;
     }
   }, {
     key: "registerEmitter",
     value: function registerEmitter(key, Emitter) {
-      this.map[key] = Emitter;
+      this.map.set(key, Emitter);
     }
   }, {
     key: "isValidEmitter",
@@ -86205,6 +86929,11 @@ var Particles = /*#__PURE__*/function () {
       var _this2 = this;
 
       var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+      if (DEPRECATED_PARTICLES.includes(_emitter)) {
+        console.warn(DEPRECATIONS.PARTICLES_OLD);
+      }
+
       var emitter;
 
       if (this.isRegisteredEmitter(_emitter)) {
@@ -86217,7 +86946,7 @@ var Particles = /*#__PURE__*/function () {
         return;
       }
 
-      this.emitters[emitter.uuid()] = emitter;
+      this.emitters.set(emitter.uuid(), emitter);
 
       if (emitter.getType() === GROUP) {
         emitter.forEach(function (singleEmitter) {
@@ -86263,15 +86992,15 @@ var Particles = /*#__PURE__*/function () {
       var _this3 = this;
 
       this.toDispose.forEach(function (uuid) {
-        var emitter = _this3.emitters[uuid];
+        var emitter = _this3.emitters.get(uuid);
 
         if (emitter.isProtonEmitter()) {
           _this3.removeProtonEmitter(emitter);
         } else {
-          _this3.emitters[uuid].dispose();
+          emitter.dispose();
         }
 
-        delete _this3.emitters[uuid];
+        _this3.emitters.delete(uuid);
       });
     }
   }, {
@@ -94507,4 +95236,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(_objectSpread2$1(_objectSpread2$1({}, lib_constants), light_contants), material_constants), controls_contants);export{AUDIO_RAMPS,AmbientLight,AmbientSound,Atmosphere,Audio$1 as Audio,Axes,BUILTIN,BaseScript,Box,CONTROL_EVENTS,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,HelperSprite,HemisphereLight,INPUT_EVENTS,Images$1 as Images,Input$1 as Input,Label,LabelComponent,Level,Lights$1 as Lights,Line,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,THREEJS_CONTROL_EVENTS,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};
+};var constants = _objectSpread2$1(_objectSpread2$1(_objectSpread2$1(_objectSpread2$1({}, lib_constants), light_contants), material_constants), controls_contants);export{AUDIO_RAMPS,AmbientLight,AmbientSound,Atmosphere,Audio$1 as Audio,Axes,BUILTIN,BaseScript,Box,CONTROL_EVENTS,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,HelperSprite,HemisphereLight,INPUT_EVENTS,Images$1 as Images,Input$1 as Input,Label,LabelComponent,Level,Lights$1 as Lights,Line,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,THREEJS_CONTROL_EVENTS,Universe$1 as Universe,Vector3$1 as Vector3,Water,author,connect,constants,createElement,easing,functions,hitbox as hitboxUtils,index_esm as inferno,map$1 as map,math,utils as physicsUtils,index$2 as rxjs,index as store,strings,uuid$1 as uuid,workers,index$3 as xstate};