mage-engine 3.22.1 → 3.22.3

package/dist/mage.js

@@ -56306,7 +56306,7 @@ var Physics$1 = new Physics();var Scene = /*#__PURE__*/function () {
     });
 
     _defineProperty$1(this, "setBackground", function (texture) {
-      _this.scene.background = typeof texture === 'string' ? Images$1.get(texture) : texture;
+      _this.scene.background = typeof texture === "string" ? Images$1.get(texture) : texture;
     });
 
     _defineProperty$1(this, "setRendererShadowMap", function () {
@@ -56348,7 +56348,7 @@ var Physics$1 = new Physics();var Scene = /*#__PURE__*/function () {
   }, {
     key: "createScene",
     value: function createScene() {
-      var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : generateRandomName('LevelName');
+      var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : generateRandomName("LevelName");
       var fog = Config$1.fog();
       this.scene = new Scene$2();
       this.scene.name = name;
@@ -56406,9 +56406,9 @@ var Physics$1 = new Physics();var Scene = /*#__PURE__*/function () {
     key: "getHierarchy",
     value: function getHierarchy() {
       return [{
-        element: this,
+        element: this.toJSON(),
         children: [this.getCamera().getHierarchy()].concat(_toConsumableArray(this.elements.filter(function (e) {
-          return !e.hasParent() && !e.isHelper();
+          return !e.hasParent() && !e.isHelper() && e.isSerializable();
         }).map(function (e) {
           return e.getHierarchy();
         })))
@@ -56466,7 +56466,7 @@ var Physics$1 = new Physics();var Scene = /*#__PURE__*/function () {
       var win = getWindow();
 
       if (win) {
-        win.addEventListener('resize', this.onResize);
+        win.addEventListener("resize", this.onResize);
       }
     }
   }, {
@@ -56475,7 +56475,7 @@ var Physics$1 = new Physics();var Scene = /*#__PURE__*/function () {
       var win = getWindow();
 
       if (win) {
-        win.removeEventListener('resize', this.onResize);
+        win.removeEventListener("resize", this.onResize);
       }
     }
   }, {
@@ -56556,7 +56556,7 @@ var Physics$1 = new Physics();var Scene = /*#__PURE__*/function () {
       this.renderer = new WebGLRenderer({
         alpha: alpha,
         antialias: antialias,
-        powerPreference: 'high-performance'
+        powerPreference: "high-performance"
       });
 
       if (shadows) {
@@ -56618,6 +56618,20 @@ var Physics$1 = new Physics();var Scene = /*#__PURE__*/function () {
       Universe$1.update(dt);
       this.getCamera().update(dt);
     }
+  }, {
+    key: "toJSON",
+    value: function toJSON() {
+      return {
+        name: this.getName(),
+        uuid: this.uuid(),
+        entityType: this.getEntityType(),
+        background: this.scene.background,
+        clearColor: this.clearColor,
+        alpha: this.alpha,
+        outputEncoding: this.outputEncoding,
+        fog: this.scene.fog
+      };
+    }
   }]);
 
   return Scene;
@@ -57749,7 +57763,7 @@ function applyMiddleware() {
 
 var thunk = createThunkMiddleware();
 thunk.withExtraArgument = createThunkMiddleware;var name = "mage-engine";
-var version$1 = "3.22.1";
+var version$1 = "3.22.3";
 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 = {
@@ -60346,7 +60360,7 @@ var tweenTo = function tweenTo(origin, target) {
     key: "getHierarchy",
     value: function getHierarchy() {
       return {
-        element: this,
+        element: this.toJSON(),
         children: this.children.map(function (e) {
           return e.getHierarchy();
         })
@@ -60891,15 +60905,17 @@ var tweenTo = function tweenTo(origin, target) {
           return this.getBody().userData[key];
         } else {
           console.log(KEY_IS_MISSING);
+          return this.getBody().userData;
         }
       } else {
         console.log(USER_DATA_IS_MISSING);
+        return {};
       }
     }
   }, {
     key: "mapScriptsToJSON",
     value: function mapScriptsToJSON() {
-      this.allScripts().reduce(function (acc, _ref8) {
+      return this.allScripts().reduce(function (acc, _ref8) {
         var name = _ref8.name,
             _ref8$options = _ref8.options,
             options = _ref8$options === void 0 ? {} : _ref8$options,
@@ -60921,10 +60937,15 @@ var tweenTo = function tweenTo(origin, target) {
         return {
           position: this.getPosition(),
           rotation: this.getRotation(),
+          quaternion: this.getQuaternion(),
+          worldTransform: this.getWorldTransform(),
           scale: this.getScale(),
           entityType: this.getEntityType(),
           scripts: this.mapScriptsToJSON(),
-          tags: this.getTags()
+          tags: this.getTags(),
+          name: this.getName(),
+          uuid: this.uuid(),
+          data: this.getData()
         };
       }
     }
@@ -61061,8 +61082,7 @@ var tweenTo = function tweenTo(origin, target) {
 
   return AnimationHandler;
 }(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 isTextureMapAllowedForMaterial = function isTextureMapAllowedForMaterial(materialType, textureType) {
+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$8 = ["position", "quaternion"],
     _excluded2 = ["applyPhysicsUpdate"],
@@ -61303,14 +61323,6 @@ var Element$1 = /*#__PURE__*/function (_Entity) {
   }
 
   _createClass(Element, [{
-    key: "addTag",
-    value: function addTag(tag) {
-      _get(_getPrototypeOf(Element.prototype), "addTag", this).call(this, tag);
-
-      var existingTags = this.getBody().userData.tags || [];
-      this.getBody().userData.tags = [].concat(_toConsumableArray(existingTags), [tag]);
-    }
-  }, {
     key: "setBody",
     value: function setBody(_ref7) {
       var body = _ref7.body,
@@ -61810,9 +61822,16 @@ var Element$1 = /*#__PURE__*/function (_Entity) {
     value: function toJSON() {
       if (this.isSerializable()) {
         return _objectSpread2$1(_objectSpread2$1({}, _get(_getPrototypeOf(Element.prototype), "toJSON", this).call(this)), {}, {
+          physics: {
+            state: this.getPhysicsState(),
+            options: this.getPhysicsOptions()
+          },
           body: this.body.toJSON(),
-          textures: this.textures
-        }, this.options);
+          textures: this.textures,
+          materialType: this.getMaterialType(),
+          opacity: this.opacity,
+          color: this.getColor()
+        });
       }
     }
   }]);
@@ -61831,7 +61850,7 @@ var Element$1 = /*#__PURE__*/function (_Entity) {
     _classCallCheck(this, Camera);
 
     var _options$name = options.name,
-        name = _options$name === void 0 ? 'camera' : _options$name,
+        name = _options$name === void 0 ? "Main PerspectiveCamera" : _options$name,
         _options$fov = options.fov,
         fov = _options$fov === void 0 ? Config$1.camera().fov : _options$fov,
         _options$ratio = options.ratio,
@@ -62472,7 +62491,39 @@ var Sprite = /*#__PURE__*/function (_Element) {
   }]);
 
   return Sprite;
-}(Element$1);var __awaiter$5 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+}(Element$1);var HelperSprite = /*#__PURE__*/function (_Sprite) {
+  _inherits(HelperSprite, _Sprite);
+
+  var _super = _createSuper(HelperSprite);
+
+  function HelperSprite() {
+    var _this;
+
+    _classCallCheck(this, HelperSprite);
+
+    for (var _len = arguments.length, options = new Array(_len), _key = 0; _key < _len; _key++) {
+      options[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(options));
+    _this.helperTarget = undefined;
+    return _this;
+  }
+
+  _createClass(HelperSprite, [{
+    key: "setHelperTarget",
+    value: function setHelperTarget(element) {
+      this.helperTarget = element;
+    }
+  }, {
+    key: "getHelperTarget",
+    value: function getHelperTarget() {
+      return this.helperTarget;
+    }
+  }]);
+
+  return HelperSprite;
+}(Sprite);var __awaiter$5 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -82911,7 +82962,7 @@ var MeshLoader$1 = new MeshLoader();var Light = /*#__PURE__*/function (_Entity)
     _defineProperty$1(_assertThisInitialized(_this), "addHolder", function () {
       var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "lightholder";
       var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.05;
-      var holderSprite = new Sprite(size, size, name, {
+      var holderSprite = new HelperSprite(size, size, name, {
         name: name
       });
 
@@ -82922,6 +82973,7 @@ var MeshLoader$1 = new MeshLoader();var Light = /*#__PURE__*/function (_Entity)
         holderSprite.setSerializable(false);
         holderSprite.setPosition(_this.getPosition());
         holderSprite.addTags([TAGS.LIGHTS.HELPER, TAGS.LIGHTS.HOLDER, name]);
+        holderSprite.setHelperTarget(_assertThisInitialized(_this));
         _this.holder = holderSprite;
         return true;
       } else {
@@ -82933,7 +82985,7 @@ var MeshLoader$1 = new MeshLoader();var Light = /*#__PURE__*/function (_Entity)
     _defineProperty$1(_assertThisInitialized(_this), "addTargetHolder", function () {
       var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "targetholder";
       var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.05;
-      var targetSprite = new Sprite(size, size, name, {
+      var targetSprite = new HelperSprite(size, size, name, {
         name: name
       });
 
@@ -82944,6 +82996,7 @@ var MeshLoader$1 = new MeshLoader();var Light = /*#__PURE__*/function (_Entity)
         targetSprite.setSerializable(false);
         targetSprite.setPosition(_this.getTargetPosition());
         targetSprite.addTags([TAGS.LIGHTS.HELPER, TAGS.LIGHTS.TARGET, name]);
+        targetSprite.setHelperTarget(_assertThisInitialized(_this));
         targetSprite.getBody().add(_this.getBody().target);
         _this.targetHolder = targetSprite;
       }
@@ -83038,6 +83091,7 @@ var MeshLoader$1 = new MeshLoader();var Light = /*#__PURE__*/function (_Entity)
     value: function setIntensity(value) {
       if (this.hasBody()) {
         this.body.intensity = value;
+        this.intensity = value;
       }
     }
   }, {
@@ -83047,6 +83101,16 @@ var MeshLoader$1 = new MeshLoader();var Light = /*#__PURE__*/function (_Entity)
         return this.body.intensity;
       }
     }
+  }, {
+    key: "setColor",
+    value: function setColor(color) {
+      this.body.color = color;
+    }
+  }, {
+    key: "getColor",
+    value: function getColor() {
+      return this.body.color;
+    }
   }, {
     key: "dim",
     value: function dim() {
@@ -83100,9 +83164,9 @@ var MeshLoader$1 = new MeshLoader();var Light = /*#__PURE__*/function (_Entity)
     value: function toJSON() {
       return _objectSpread2$1(_objectSpread2$1({}, _get(_getPrototypeOf(Light.prototype), "toJSON", this).call(this)), {}, {
         type: this.getEntityType(),
-        color: this.color,
-        intensity: this.intensity,
-        name: this.name
+        color: this.getColor(),
+        intensity: this.getIntensity(),
+        name: this.getName()
       });
     }
   }]);
@@ -83284,6 +83348,13 @@ var SunLight = /*#__PURE__*/function (_Light) {
         });
       }
     }
+  }, {
+    key: "toJSON",
+    value: function toJSON() {
+      return _objectSpread2$1(_objectSpread2$1({}, _get(_getPrototypeOf(SunLight.prototype), "toJSON", this).call(this)), {}, {
+        target: this.getTargetPosition()
+      });
+    }
   }]);
 
   return SunLight;
@@ -91555,6 +91626,13 @@ var SpotLight = /*#__PURE__*/function (_Light) {
         });
       }
     }
+  }, {
+    key: "toJSON",
+    value: function toJSON() {
+      return _objectSpread2$1(_objectSpread2$1({}, _get(_getPrototypeOf(SpotLight.prototype), "toJSON", this).call(this)), {}, {
+        target: this.getTargetPosition()
+      });
+    }
   }]);
 
   return SpotLight;
@@ -93237,4 +93315,4 @@ var Shaders$1 = new Shaders();var Shader = function Shader(name, attributes, uni
   } else {
     this.instance = this.shader.instance;
   }
-};var constants = _objectSpread2$1(_objectSpread2$1({}, lib_constants), light_contants);export{AUDIO_RAMPS,AmbientLight,AmbientSound,Atmosphere,Audio$1 as Audio,Axes,BUILTIN,BaseScript,Box,Camera,Color,Cone,Config$1 as Config,Controls$1 as Controls,Cube,CurveLine,Cylinder,DirectionalSound,ENTITY_EVENTS,ENTITY_TYPES,Element$1 as Element,Entity,EventDispatcher,FEATURES,Features$1 as Features,GameRunner$1 as GameRunner,Grid,HemisphereLight,INPUT_EVENTS,Images$1 as Images,Input$1 as Input,Label,LabelComponent,Level,LightLoader$1 as LightLoader,Lights$1 as Lights,Line,MeshLoader$1 as MeshLoader,Mirror,Models$1 as Models,Ocean,PALETTES,PARTICLES,constants$1 as PHYSICS_CONSTANTS,PHYSICS_EVENTS,ParticleEmitter,ParticleEmitterGroup,Particles$1 as Particles,index$1 as Partykals,Physics$1 as Physics,Plane,PointLight,PostProcessing$1 as PostProcessing,Proton,ProtonParticleEmitter,Provider,Router$1 as Router,Scene$1 as Scene,Scripts$1 as Scripts,Shader,Sky,Skybox,Sound,Sphere,SpotLight,Sprite,Stats$1 as Stats,SunLight,three_module as THREE,Universe$1 as Universe,Vector3$1 as Vector3,Water,author,connect,constants,createElement,easing,functions,hitbox as hitboxUtils,index_esm as inferno,math,utils as physicsUtils,index$2 as rxjs,index as store,strings,uuid$1 as uuid,workers,index$3 as xstate};
+};var constants = _objectSpread2$1(_objectSpread2$1(_objectSpread2$1({}, lib_constants), light_contants), material_constants);export{AUDIO_RAMPS,AmbientLight,AmbientSound,Atmosphere,Audio$1 as Audio,Axes,BUILTIN,BaseScript,Box,Camera,Color,Cone,Config$1 as Config,Controls$1 as Controls,Cube,CurveLine,Cylinder,DirectionalSound,ENTITY_EVENTS,ENTITY_TYPES,Element$1 as Element,Entity,EventDispatcher,FEATURES,Features$1 as Features,GameRunner$1 as GameRunner,Grid,HelperSprite,HemisphereLight,INPUT_EVENTS,Images$1 as Images,Input$1 as Input,Label,LabelComponent,Level,LightLoader$1 as LightLoader,Lights$1 as Lights,Line,MeshLoader$1 as MeshLoader,Mirror,Models$1 as Models,Ocean,PALETTES,PARTICLES,constants$1 as PHYSICS_CONSTANTS,PHYSICS_EVENTS,ParticleEmitter,ParticleEmitterGroup,Particles$1 as Particles,index$1 as Partykals,Physics$1 as Physics,Plane,PointLight,PostProcessing$1 as PostProcessing,Proton,ProtonParticleEmitter,Provider,Router$1 as Router,Scene$1 as Scene,Scripts$1 as Scripts,Shader,Sky,Skybox,Sound,Sphere,SpotLight,Sprite,Stats$1 as Stats,SunLight,three_module as THREE,Universe$1 as Universe,Vector3$1 as Vector3,Water,author,connect,constants,createElement,easing,functions,hitbox as hitboxUtils,index_esm as inferno,math,utils as physicsUtils,index$2 as rxjs,index as store,strings,uuid$1 as uuid,workers,index$3 as xstate};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mage-engine",
-    "version": "3.22.1",
+    "version": "3.22.3",
     "description": "A WebGL Javascript Game Engine, built on top of THREE.js and many other libraries.",
     "main": "dist/mage.js",
     "author": {