mage-engine 3.23.37 → 3.23.38

package/dist/mage.js

@@ -58135,7 +58135,7 @@ function applyMiddleware() {
 
 var thunk = createThunkMiddleware();
 thunk.withExtraArgument = createThunkMiddleware;var name = "mage-engine";
-var version$1 = "3.23.37";
+var version$1 = "3.23.38";
 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 +60776,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 +61323,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 +61357,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 +61384,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 +62300,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 +62316,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 +62343,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 +62401,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 +62420,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 +62495,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 +62548,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 +62563,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 +62602,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 +62617,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 +62632,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 +62647,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 +62657,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 +62672,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 +62687,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 +62702,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 +62911,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);
@@ -63505,7 +63544,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 +63856,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 +76192,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);

package/package.json

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