mage-engine 3.23.37 → 3.23.39

package/dist/mage.js

@@ -54641,7 +54641,8 @@ let Keyboard = /*#__PURE__*/function (_EventDispatcher) {
     TYPE: "CAMERA",
     SUBTYPES: {
       DEFAULT: "CAMERA.SUBTYPE.DEFAULT",
-      MAIN: "CAMERA.SUBTYPE.MAIN"
+      MAIN: "CAMERA.SUBTYPE.MAIN",
+      GAME: "CAMERA.SUBTYPE.GAME"
     }
   },
   MESH: {
@@ -54736,7 +54737,7 @@ let Keyboard = /*#__PURE__*/function (_EventDispatcher) {
   UNKNOWN: "UNKNOWN"
 };
 const FLAT_ENTITY_TYPES = [ENTITY_TYPES.SCENE.TYPE, ENTITY_TYPES.CAMERA.TYPE, ENTITY_TYPES.MESH.TYPE, ENTITY_TYPES.LABEL.TYPE, ENTITY_TYPES.LIGHT.TYPE, ENTITY_TYPES.AUDIO.TYPE, ENTITY_TYPES.MODEL.TYPE, ENTITY_TYPES.SPRITE.TYPE, ENTITY_TYPES.PARTICLE.TYPE, ENTITY_TYPES.SCENERY.TYPE, ENTITY_TYPES.HELPER.TYPE, ENTITY_TYPES.UNKNOWN];
-const FLAT_ENTITY_SUBTYPES = [ENTITY_TYPES.SCENE.SUBTYPES.DEFAULT, ENTITY_TYPES.CAMERA.SUBTYPES.DEFAULT, ENTITY_TYPES.CAMERA.SUBTYPES.MAIN, ENTITY_TYPES.MESH.SUBTYPES.DEFAULT, ENTITY_TYPES.MESH.SUBTYPES.BOX, ENTITY_TYPES.MESH.SUBTYPES.SPHERE, ENTITY_TYPES.MESH.SUBTYPES.PLANE, ENTITY_TYPES.MESH.SUBTYPES.CYLINDER, ENTITY_TYPES.MESH.SUBTYPES.CONE, ENTITY_TYPES.MESH.SUBTYPES.CUBE, ENTITY_TYPES.MESH.SUBTYPES.LINE, ENTITY_TYPES.MESH.SUBTYPES.CURVE_LINE, ENTITY_TYPES.MESH.SUBTYPES.AXES, ENTITY_TYPES.MESH.SUBTYPES.GRID, ENTITY_TYPES.MESH.SUBTYPES.TARGET, ENTITY_TYPES.LABEL.SUBTYPES.DEFAULT, ENTITY_TYPES.LIGHT.SUBTYPES.DEFAULT, ENTITY_TYPES.LIGHT.SUBTYPES.AMBIENT, ENTITY_TYPES.LIGHT.SUBTYPES.SUN, ENTITY_TYPES.LIGHT.SUBTYPES.HEMISPHERE, ENTITY_TYPES.LIGHT.SUBTYPES.POINT, ENTITY_TYPES.LIGHT.SUBTYPES.SPOT, ENTITY_TYPES.AUDIO.SUBTYPES.DEFAULT, ENTITY_TYPES.AUDIO.SUBTYPES.DIRECTIONAL, ENTITY_TYPES.AUDIO.SUBTYPES.AMBIENT, ENTITY_TYPES.MODEL.SUBTYPES.DEFAULT, ENTITY_TYPES.SPRITE.SUBTYPES.DEFAULT, ENTITY_TYPES.SPRITE.SUBTYPES.ANIMATED_SPRITE, ENTITY_TYPES.PARTICLE.SUBTYPES.DEFAULT, ENTITY_TYPES.PARTICLE.SUBTYPES.EMITTER, ENTITY_TYPES.PARTICLE.SUBTYPES.SYSTEM, ENTITY_TYPES.PARTICLE.SUBTYPES.EMITTER_GROUP, ENTITY_TYPES.PARTICLE.SUBTYPES.PROTON_EMITTER, ENTITY_TYPES.SCENERY.SUBTYPES.DEFAULT, ENTITY_TYPES.SCENERY.SUBTYPES.SKY, ENTITY_TYPES.SCENERY.SUBTYPES.SKYBOX, ENTITY_TYPES.HELPER.SUBTYPES.GRID, ENTITY_TYPES.HELPER.SUBTYPES.AXES, ENTITY_TYPES.HELPER.SUBTYPES.HELPER_SPRITE];
+const FLAT_ENTITY_SUBTYPES = [ENTITY_TYPES.SCENE.SUBTYPES.DEFAULT, ENTITY_TYPES.CAMERA.SUBTYPES.DEFAULT, ENTITY_TYPES.CAMERA.SUBTYPES.MAIN, ENTITY_TYPES.CAMERA.SUBTYPES.GAME, ENTITY_TYPES.MESH.SUBTYPES.DEFAULT, ENTITY_TYPES.MESH.SUBTYPES.BOX, ENTITY_TYPES.MESH.SUBTYPES.SPHERE, ENTITY_TYPES.MESH.SUBTYPES.PLANE, ENTITY_TYPES.MESH.SUBTYPES.CYLINDER, ENTITY_TYPES.MESH.SUBTYPES.CONE, ENTITY_TYPES.MESH.SUBTYPES.CUBE, ENTITY_TYPES.MESH.SUBTYPES.LINE, ENTITY_TYPES.MESH.SUBTYPES.CURVE_LINE, ENTITY_TYPES.MESH.SUBTYPES.AXES, ENTITY_TYPES.MESH.SUBTYPES.GRID, ENTITY_TYPES.MESH.SUBTYPES.TARGET, ENTITY_TYPES.LABEL.SUBTYPES.DEFAULT, ENTITY_TYPES.LIGHT.SUBTYPES.DEFAULT, ENTITY_TYPES.LIGHT.SUBTYPES.AMBIENT, ENTITY_TYPES.LIGHT.SUBTYPES.SUN, ENTITY_TYPES.LIGHT.SUBTYPES.HEMISPHERE, ENTITY_TYPES.LIGHT.SUBTYPES.POINT, ENTITY_TYPES.LIGHT.SUBTYPES.SPOT, ENTITY_TYPES.AUDIO.SUBTYPES.DEFAULT, ENTITY_TYPES.AUDIO.SUBTYPES.DIRECTIONAL, ENTITY_TYPES.AUDIO.SUBTYPES.AMBIENT, ENTITY_TYPES.MODEL.SUBTYPES.DEFAULT, ENTITY_TYPES.SPRITE.SUBTYPES.DEFAULT, ENTITY_TYPES.SPRITE.SUBTYPES.ANIMATED_SPRITE, ENTITY_TYPES.PARTICLE.SUBTYPES.DEFAULT, ENTITY_TYPES.PARTICLE.SUBTYPES.EMITTER, ENTITY_TYPES.PARTICLE.SUBTYPES.SYSTEM, ENTITY_TYPES.PARTICLE.SUBTYPES.EMITTER_GROUP, ENTITY_TYPES.PARTICLE.SUBTYPES.PROTON_EMITTER, ENTITY_TYPES.SCENERY.SUBTYPES.DEFAULT, ENTITY_TYPES.SCENERY.SUBTYPES.SKY, ENTITY_TYPES.SCENERY.SUBTYPES.SKYBOX, ENTITY_TYPES.HELPER.SUBTYPES.GRID, ENTITY_TYPES.HELPER.SUBTYPES.AXES, ENTITY_TYPES.HELPER.SUBTYPES.HELPER_SPRITE];
 const ENTITY_EVENTS = {
   DISPOSE: "DISPOSE",
   STATE_MACHINE: {
@@ -56793,9 +56794,12 @@ var Physics$1 = new Physics();let Scene = /*#__PURE__*/function () {
     key: "getHierarchy",
     value: function getHierarchy() {
       let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      const camera = this.getCamera(); // Only include camera in hierarchy if it's serializable (scene camera is not)
+
+      const cameraChildren = camera && camera.isSerializable() ? [camera.getHierarchy(options)] : [];
       return [{
         element: this.toJSON(options.parseJSON),
-        children: [this.getCamera().getHierarchy(options), ...this.elements.filter(e => !e.hasParent() && !e.isHelper() && e.isSerializable()).map(e => e.getHierarchy(options))]
+        children: [...cameraChildren, ...this.elements.filter(e => !e.hasParent() && !e.isHelper() && e.isSerializable()).map(e => e.getHierarchy(options))]
       }];
     }
   }, {
@@ -58135,7 +58139,7 @@ function applyMiddleware() {
 
 var thunk = createThunkMiddleware();
 thunk.withExtraArgument = createThunkMiddleware;var name = "mage-engine";
-var version$1 = "3.23.37";
+var version$1 = "3.23.39";
 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 = {
@@ -60776,8 +60780,13 @@ const tweenTo = function (origin, target) {
         z,
         w
       } = _ref;
+      // Ensure values are numbers (not strings) to prevent rendering issues
+      const qx = Number(x) || 0;
+      const qy = Number(y) || 0;
+      const qz = Number(z) || 0;
+      const qw = Number(w) || 1;
 
-      _this.getBody().quaternion.set(x, y, z, w);
+      _this.getBody().quaternion.set(qx, qy, qz, qw);
     });
 
     _defineProperty$1(_assertThisInitialized(_this), "setUuid", uuid => {
@@ -61318,8 +61327,12 @@ const tweenTo = function (origin, target) {
       if (this.hasBody()) {
         const scale = { ...this.getScale(),
           ...howbig
-        };
-        this.body.scale.set(scale.x, scale.y, scale.z);
+        }; // Ensure values are numbers (not strings) to prevent rendering issues
+
+        const sx = Number(scale.x) || 1;
+        const sy = Number(scale.y) || 1;
+        const sz = Number(scale.z) || 1;
+        this.body.scale.set(sx, sy, sz);
       }
     }
   }, {
@@ -61348,8 +61361,12 @@ const tweenTo = function (origin, target) {
           y,
           z,
           ...where
-        };
-        this.getBody().position.set(position.x, position.y, position.z);
+        }; // Ensure values are numbers (not strings) to prevent rendering issues
+
+        const px = Number(position.x) || 0;
+        const py = Number(position.y) || 0;
+        const pz = Number(position.z) || 0;
+        this.getBody().position.set(px, py, pz);
       }
     }
   }, {
@@ -61371,8 +61388,12 @@ const tweenTo = function (origin, target) {
           y,
           z,
           ...how
-        };
-        this.getBody().rotation.set(rotation.x, rotation.y, rotation.z);
+        }; // Ensure values are numbers (not strings) to prevent rendering issues
+
+        const rx = Number(rotation.x) || 0;
+        const ry = Number(rotation.y) || 0;
+        const rz = Number(rotation.z) || 0;
+        this.getBody().rotation.set(rx, ry, rz);
       }
     }
   }, {
@@ -62283,8 +62304,13 @@ let Element$1 = /*#__PURE__*/function (_Entity) {
   }, {
     key: "setAngularVelocity",
     value: function setAngularVelocity(velocity) {
-      this.angularVelocity = velocity;
-      Physics$1.updateAngularVelocity(this.uuid(), velocity);
+      const numericVelocity = {
+        x: Number(velocity === null || velocity === void 0 ? void 0 : velocity.x) || 0,
+        y: Number(velocity === null || velocity === void 0 ? void 0 : velocity.y) || 0,
+        z: Number(velocity === null || velocity === void 0 ? void 0 : velocity.z) || 0
+      };
+      this.angularVelocity = numericVelocity;
+      Physics$1.updateAngularVelocity(this.uuid(), numericVelocity);
     }
   }, {
     key: "getLinearVelocity",
@@ -62294,8 +62320,13 @@ let Element$1 = /*#__PURE__*/function (_Entity) {
   }, {
     key: "setLinearVelocity",
     value: function setLinearVelocity(velocity) {
-      this.linearVelocity = velocity;
-      Physics$1.updateLinearVelocity(this.uuid(), velocity);
+      const numericVelocity = {
+        x: Number(velocity === null || velocity === void 0 ? void 0 : velocity.x) || 0,
+        y: Number(velocity === null || velocity === void 0 ? void 0 : velocity.y) || 0,
+        z: Number(velocity === null || velocity === void 0 ? void 0 : velocity.z) || 0
+      };
+      this.linearVelocity = numericVelocity;
+      Physics$1.updateLinearVelocity(this.uuid(), numericVelocity);
     }
   }, {
     key: "isCollidingOnDirection",
@@ -62316,11 +62347,9 @@ let Element$1 = /*#__PURE__*/function (_Entity) {
     key: "setGeometryRotation",
     value: function setGeometryRotation() {
       let rotation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      const {
-        x = 0,
-        y = 0,
-        z = 0
-      } = rotation;
+      const x = Number(rotation === null || rotation === void 0 ? void 0 : rotation.x) || 0;
+      const y = Number(rotation === null || rotation === void 0 ? void 0 : rotation.y) || 0;
+      const z = Number(rotation === null || rotation === void 0 ? void 0 : rotation.z) || 0;
 
       if (x !== 0) {
         this.getBody().geometry.rotateX(x);
@@ -62376,8 +62405,9 @@ let Element$1 = /*#__PURE__*/function (_Entity) {
     key: "setReflectivity",
     value: function setReflectivity() {
       let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.REFLECTIVITY];
+      const numericValue = Number(value) || 0;
 
-      const _setReflectivity = material => material[PROPERTIES.REFLECTIVITY] = value;
+      const _setReflectivity = material => material[PROPERTIES.REFLECTIVITY] = numericValue;
 
       if (value != undefined) {
         applyMaterialChange(this.getBody(), _setReflectivity);
@@ -62394,8 +62424,9 @@ let Element$1 = /*#__PURE__*/function (_Entity) {
     key: "setRefractionRatio",
     value: function setRefractionRatio() {
       let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.REFRACTION_RATIO];
+      const numericValue = Number(value) || 0;
 
-      const _setRefractionRatio = material => material[PROPERTIES.REFRACTION_RATIO] = value;
+      const _setRefractionRatio = material => material[PROPERTIES.REFRACTION_RATIO] = numericValue;
 
       if (value != undefined) {
         applyMaterialChange(this.getBody(), _setRefractionRatio);
@@ -62468,8 +62499,9 @@ let Element$1 = /*#__PURE__*/function (_Entity) {
     key: "setShininess",
     value: function setShininess() {
       let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.SHININESS];
+      const numericValue = Number(value) || 0;
 
-      const _setShininess = material => material[PROPERTIES.SHININESS] = value;
+      const _setShininess = material => material[PROPERTIES.SHININESS] = numericValue;
 
       applyMaterialChange(this.getBody(), _setShininess);
     }
@@ -62520,8 +62552,9 @@ let Element$1 = /*#__PURE__*/function (_Entity) {
     key: "setMetalness",
     value: function setMetalness() {
       let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.METALNESS];
+      const numericValue = Number(value) || 0;
 
-      const _setMetalness = material => material[PROPERTIES.METALNESS] = value;
+      const _setMetalness = material => material[PROPERTIES.METALNESS] = numericValue;
 
       applyMaterialChange(this.getBody(), _setMetalness);
     }
@@ -62534,8 +62567,9 @@ let Element$1 = /*#__PURE__*/function (_Entity) {
     key: "setRoughness",
     value: function setRoughness() {
       let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.ROUGHNESS];
+      const numericValue = Number(value) || 0;
 
-      const _setRoughness = material => material[PROPERTIES.ROUGHNESS] = value;
+      const _setRoughness = material => material[PROPERTIES.ROUGHNESS] = numericValue;
 
       applyMaterialChange(this.getBody(), _setRoughness);
     }
@@ -62572,8 +62606,9 @@ let Element$1 = /*#__PURE__*/function (_Entity) {
     key: "setEmissiveIntensity",
     value: function setEmissiveIntensity() {
       let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.EMISSIVE_INTENSITY];
+      const numericValue = Number(value) || 0;
 
-      const _setEmissiveIntensity = material => material[PROPERTIES.EMISSIVE_INTENSITY] = value;
+      const _setEmissiveIntensity = material => material[PROPERTIES.EMISSIVE_INTENSITY] = numericValue;
 
       applyMaterialChange(this.getBody(), _setEmissiveIntensity);
     }
@@ -62586,8 +62621,9 @@ let Element$1 = /*#__PURE__*/function (_Entity) {
     key: "setLightMapIntensity",
     value: function setLightMapIntensity() {
       let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.LIGHT_MAP_INTENSITY];
+      const numericValue = Number(value) || 0;
 
-      const _setLightMapIntensity = material => material[PROPERTIES.LIGHT_MAP_INTENSITY] = value;
+      const _setLightMapIntensity = material => material[PROPERTIES.LIGHT_MAP_INTENSITY] = numericValue;
 
       applyMaterialChange(this.getBody(), _setLightMapIntensity);
     }
@@ -62600,8 +62636,9 @@ let Element$1 = /*#__PURE__*/function (_Entity) {
     key: "setAOMapIntensity",
     value: function setAOMapIntensity() {
       let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.AO_MAP_INTENSITY];
+      const numericValue = Number(value) || 0;
 
-      const _setAOMapIntensity = material => material[PROPERTIES.AO_MAP_INTENSITY] = value;
+      const _setAOMapIntensity = material => material[PROPERTIES.AO_MAP_INTENSITY] = numericValue;
 
       applyMaterialChange(this.getBody(), _setAOMapIntensity);
     }
@@ -62614,8 +62651,9 @@ let Element$1 = /*#__PURE__*/function (_Entity) {
     key: "setAoMapIntensity",
     value: function setAoMapIntensity() {
       let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.AO_MAP_INTENSITY];
+      const numericValue = Number(value) || 0;
 
-      const _setAoMapIntensity = material => material[PROPERTIES.AO_MAP_INTENSITY] = value;
+      const _setAoMapIntensity = material => material[PROPERTIES.AO_MAP_INTENSITY] = numericValue;
 
       applyMaterialChange(this.getBody(), _setAoMapIntensity);
     }
@@ -62623,8 +62661,9 @@ let Element$1 = /*#__PURE__*/function (_Entity) {
     key: "setEnvMapIntensity",
     value: function setEnvMapIntensity() {
       let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.ENV_MAP_INTENSITY];
+      const numericValue = Number(value) || 0;
 
-      const _setEnvMapIntensity = material => material[PROPERTIES.ENV_MAP_INTENSITY] = value;
+      const _setEnvMapIntensity = material => material[PROPERTIES.ENV_MAP_INTENSITY] = numericValue;
 
       applyMaterialChange(this.getBody(), _setEnvMapIntensity);
     }
@@ -62637,8 +62676,9 @@ let Element$1 = /*#__PURE__*/function (_Entity) {
     key: "setDisplacementScale",
     value: function setDisplacementScale() {
       let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.DISPLACEMENT_SCALE];
+      const numericValue = Number(value) || 0;
 
-      const _setDisplacementScale = material => material[PROPERTIES.DISPLACEMENT_SCALE] = value;
+      const _setDisplacementScale = material => material[PROPERTIES.DISPLACEMENT_SCALE] = numericValue;
 
       applyMaterialChange(this.getBody(), _setDisplacementScale);
     }
@@ -62651,8 +62691,9 @@ let Element$1 = /*#__PURE__*/function (_Entity) {
     key: "setDisplacementBias",
     value: function setDisplacementBias() {
       let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.DISPLACEMENT_BIAS];
+      const numericValue = Number(value) || 0;
 
-      const _setDisplacementBias = material => material[PROPERTIES.DISPLACEMENT_BIAS] = value;
+      const _setDisplacementBias = material => material[PROPERTIES.DISPLACEMENT_BIAS] = numericValue;
 
       applyMaterialChange(this.getBody(), _setDisplacementBias);
     }
@@ -62665,8 +62706,9 @@ let Element$1 = /*#__PURE__*/function (_Entity) {
     key: "setBumpScale",
     value: function setBumpScale() {
       let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MATERIAL_PROPERTIES_DEFAULT_VALUES[PROPERTIES.BUMP_SCALE];
+      const numericValue = Number(value) || 0;
 
-      const _setBumpScale = material => material[PROPERTIES.BUMP_SCALE] = value;
+      const _setBumpScale = material => material[PROPERTIES.BUMP_SCALE] = numericValue;
 
       applyMaterialChange(this.getBody(), _setBumpScale);
     }
@@ -62873,9 +62915,10 @@ let Element$1 = /*#__PURE__*/function (_Entity) {
     key: "setWireframeLineWidth",
     value: function setWireframeLineWidth() {
       let width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+      const numericWidth = Number(width) || 1;
 
       const _setWireframeLineWidth = material => {
-        material.wireframeLinewidth = width;
+        material.wireframeLinewidth = numericWidth;
       };
 
       applyMaterialChange(this.getBody(), _setWireframeLineWidth);
@@ -62967,12 +63010,16 @@ let Element$1 = /*#__PURE__*/function (_Entity) {
       fov = Config$1.camera().fov,
       ratio = Config$1.screen().ratio,
       near = Config$1.camera().near,
-      far = Config$1.camera().far
+      far = Config$1.camera().far,
+      serializable = true
     } = options;
     _this = _super.call(this, {
-      name
+      name,
+      serializable
     });
-    _this.options = options;
+
+    _this.extendOptions(options);
+
     const body = new PerspectiveCamera(fov, ratio, near, far);
 
     _this.setBody({
@@ -63019,6 +63066,58 @@ let Element$1 = /*#__PURE__*/function (_Entity) {
       } = position;
       this.body.lookAt(x, y, z);
     }
+  }, {
+    key: "getFov",
+    value: function getFov() {
+      return this.getBody().fov;
+    }
+  }, {
+    key: "setFov",
+    value: function setFov(fov) {
+      const num = Number(fov);
+      const numericFov = Number.isFinite(num) ? num : 75;
+      this.getBody().fov = numericFov;
+      this.getBody().updateProjectionMatrix();
+    }
+  }, {
+    key: "getNear",
+    value: function getNear() {
+      return this.getBody().near;
+    }
+  }, {
+    key: "setNear",
+    value: function setNear(near) {
+      const num = Number(near);
+      const numericNear = Number.isFinite(num) ? num : 0.1;
+      this.getBody().near = numericNear;
+      this.getBody().updateProjectionMatrix();
+    }
+  }, {
+    key: "getFar",
+    value: function getFar() {
+      return this.getBody().far;
+    }
+  }, {
+    key: "setFar",
+    value: function setFar(far) {
+      const num = Number(far);
+      const numericFar = Number.isFinite(num) ? num : 3000000;
+      this.getBody().far = numericFar;
+      this.getBody().updateProjectionMatrix();
+    }
+  }, {
+    key: "toJSON",
+    value: function toJSON() {
+      let parseJSON = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+
+      if (this.isSerializable()) {
+        return { ..._get(_getPrototypeOf(Camera.prototype), "toJSON", this).call(this, parseJSON),
+          fov: this.getFov(),
+          near: this.getNear(),
+          far: this.getFar()
+        };
+      }
+    }
   }]);
 
   return Camera;
@@ -63505,7 +63604,8 @@ let Line = /*#__PURE__*/function (_Element) {
     key: "setThickness",
     value: function setThickness() {
       let thickness = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_LINE_THICKNESS;
-      this.body.material.linewidth = thickness;
+      const numericThickness = Number(thickness) || DEFAULT_LINE_THICKNESS;
+      this.body.material.linewidth = numericThickness;
     }
   }, {
     key: "toJSON",
@@ -63816,29 +63916,33 @@ let Sprite = /*#__PURE__*/function (_Element) {
     key: "setRotation",
     value: function setRotation() {
       let rotation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.getRotation();
-      this.setData("rotation", rotation);
-      this.getBody().material.rotation = rotation;
+      const numericRotation = Number(rotation) || 0;
+      this.setData("rotation", numericRotation);
+      this.getBody().material.rotation = numericRotation;
     }
   }, {
     key: "setWidth",
     value: function setWidth() {
       let width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.width;
-      this.setData("width", width);
-      this.getBody().scale.x = width;
+      const numericWidth = Number(width) || 1;
+      this.setData("width", numericWidth);
+      this.getBody().scale.x = numericWidth;
     }
   }, {
     key: "setHeight",
     value: function setHeight() {
       let height = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.height;
-      this.setData("height", height);
-      this.getBody().scale.y = height;
+      const numericHeight = Number(height) || 1;
+      this.setData("height", numericHeight);
+      this.getBody().scale.y = numericHeight;
     }
   }, {
     key: "setAnisotropy",
     value: function setAnisotropy() {
       let anisotropy = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-      this.setData("anisotropy", anisotropy);
-      this.getTexture(TEXTURES.MAP).anisotropy = validateAnisotropy(anisotropy);
+      const numericAnisotropy = Number(anisotropy) || 1;
+      this.setData("anisotropy", numericAnisotropy);
+      this.getTexture(TEXTURES.MAP).anisotropy = validateAnisotropy(numericAnisotropy);
     }
   }, {
     key: "setSizeAttenuation",
@@ -76148,7 +76252,11 @@ const buildFBXLoader = () => {
         const textureLoader = new TextureLoader(this.manager).setCrossOrigin(this.crossOrigin);
 
         if (!isAbsoluteURL$1(texture)) {
-          textureLoader.setPath(this.resourcePath || texturePath || path);
+          // Use MAGE_ASSETS_BASE_URL + textures/ as fallback when no texture path is specified
+          // This allows FBX models to find textures in the textures directory of deployed builds
+          const baseUrl = env.MAGE_ASSETS_BASE_URL;
+          const defaultTexturePath = baseUrl ? `${baseUrl}/textures/` : null;
+          textureLoader.setPath(this.resourcePath || texturePath || defaultTexturePath || path);
         }
 
         return new FBXTreeParser(textureLoader, this.manager, this.options).parse(fbxTree);
@@ -91097,8 +91205,11 @@ let Level = /*#__PURE__*/function (_EventDispatcher) {
     _defineProperty$1(_assertThisInitialized(_this), "cancelNextAnimationFrame", () => cancelAnimationFrame(_this.requestAnimationFrameId));
 
     _defineProperty$1(_assertThisInitialized(_this), "init", () => {
-      Scene$1.create(_this.getName());
-      Scene$1.createCamera(new Camera());
+      Scene$1.create(_this.getName()); // Scene camera is for editor navigation, not serializable
+
+      Scene$1.createCamera(new Camera({
+        serializable: false
+      }));
       Physics$1.init().then(() => {
         Particles$1.init();
         PostProcessing$1.init();
@@ -94083,10 +94194,43 @@ let Sky = /*#__PURE__*/function (_Element) {
         elements = [],
         lights = [],
         audio = [],
-        sounds = []
+        sounds = [],
+        cameras = []
       } = data; // Support both 'audio' and 'sounds' keys for backwards compatibility
 
-      const allSounds = [...audio, ...sounds]; // Use for...of to properly await async completeElementCreation calls
+      const allSounds = [...audio, ...sounds]; // Process cameras - create game camera entity and apply settings to scene camera
+
+      for (const cameraData of cameras) {
+        if (cameraData.entitySubType === ENTITY_TYPES.CAMERA.SUBTYPES.GAME) {
+          // Create a Camera entity that will appear in the hierarchy (for editor)
+          const gameCamera = new Camera({
+            name: cameraData.name || "Game Camera",
+            fov: cameraData.fov || 75,
+            near: cameraData.near || 0.1,
+            far: cameraData.far || 3000000,
+            serializable: true
+          });
+          gameCamera.setEntitySubtype(ENTITY_TYPES.CAMERA.SUBTYPES.GAME); // Set position and rotation
+
+          if (cameraData.position) gameCamera.setPosition(cameraData.position);
+          if (cameraData.rotation) gameCamera.setRotation(cameraData.rotation); // Set uuid and name for persistence
+
+          if (cameraData.uuid) gameCamera.setUuid(cameraData.uuid);
+          if (cameraData.name) gameCamera.setName(cameraData.name); // Add tags for selectability in editor
+
+          if (cameraData.tags) gameCamera.addTags(cameraData.tags); // Add to Scene.elements so it appears in hierarchy
+
+          Scene$1.add(gameCamera.getBody(), gameCamera); // Also apply to the scene's rendering camera (for deployed games)
+
+          const sceneCamera = Scene$1.getCamera();
+          if (cameraData.position) sceneCamera.setPosition(cameraData.position);
+          if (cameraData.rotation) sceneCamera.setRotation(cameraData.rotation);
+          if (cameraData.fov) sceneCamera.setFov(cameraData.fov);
+          if (cameraData.near) sceneCamera.setNear(cameraData.near);
+          if (cameraData.far) sceneCamera.setFar(cameraData.far);
+        }
+      } // Use for...of to properly await async completeElementCreation calls
+
 
       for (const elementData of elements) {
         try {

package/package.json

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