@kimap/indoor-positioning-sdk-vue2 3.9.6 → 3.9.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kimap/indoor-positioning-sdk-vue2",
-  "version": "3.9.6",
+  "version": "3.9.7",
   "description": "Vue2自包含室内定位SDK - 完全兼容Webpack3+Babel6 | Vue2 Self-Contained Indoor Positioning SDK",
   "main": "index.js",
   "files": [

package/src/KimapCore.browser.js

@@ -340,17 +340,19 @@
     this.renderer.shadowMap.enabled = true;
     this.renderer.shadowMap.type = THREE.PCFSoftShadowMap;
     
-    // 设置输出色彩空间为sRGB（与3D预览保持一致）
+    // 设置输出色彩空间为sRGB
     this.renderer.outputColorSpace = THREE.SRGBColorSpace;
     
-    // 不使用toneMapping，与3D预览保持一致
-    // this.renderer.toneMapping = THREE.CineonToneMapping;
-    // this.renderer.toneMappingExposure = 1.0;
+    // 色调映射设置（优化颜色显示）
+    this.renderer.toneMapping = THREE.CineonToneMapping;  // 3 = Cineon
+    this.renderer.toneMappingExposure = 1.0;
     
     console.log('🖼️ 渲染器配置:', {
       outputColorSpace: this.renderer.outputColorSpace,
       shadowMapEnabled: this.renderer.shadowMap.enabled,
-      shadowMapType: this.renderer.shadowMap.type
+      shadowMapType: this.renderer.shadowMap.type,
+      toneMapping: this.renderer.toneMapping,
+      toneMappingExposure: this.renderer.toneMappingExposure
     });
     
     this.container.appendChild(this.renderer.domElement);
@@ -378,12 +380,12 @@
   };
 
   SceneCore.prototype.setupLights = function() {
-    // 环境光（与3D预览保持一致）
+    // 环境光
     var ambientLight = new THREE.AmbientLight(0xffffff, 0.6);
     this.scene.add(ambientLight);
     
-    // 主光源（从上方，与3D预览保持一致）
-    var directionalLight1 = new THREE.DirectionalLight(0xffffff, 0.8);
+    // 主光源（从上方）
+    var directionalLight1 = new THREE.DirectionalLight(0xffffff, 0.75);
     directionalLight1.position.set(10, 20, 10);
     directionalLight1.castShadow = true;
     directionalLight1.shadow.camera.left = -50;
@@ -392,13 +394,13 @@
     directionalLight1.shadow.camera.bottom = -50;
     this.scene.add(directionalLight1);
     
-    // 辅助光源（与3D预览保持一致）
-    var directionalLight2 = new THREE.DirectionalLight(0xffffff, 0.4);
+    // 辅助光源
+    var directionalLight2 = new THREE.DirectionalLight(0xffffff, 0.15);
     directionalLight2.position.set(-10, 15, -10);
     this.scene.add(directionalLight2);
     
-    // 半球光（与3D预览保持一致）
-    var hemisphereLight = new THREE.HemisphereLight(0xffffff, 0x444444, 0.4);
+    // 半球光
+    var hemisphereLight = new THREE.HemisphereLight(0xffffff, 0x444444, 0.15);
     this.scene.add(hemisphereLight);
   };
 
@@ -619,21 +621,20 @@
           var transparent = opacity < 1.0;
           
           // 根据材质名称判断元素类型，设置对应的PBR参数
-          // 与3D预览保持一致：高粗糙度、低金属度，减少反光
-          var roughness = 0.95;
-          var metalness = 0;
+          var roughness = 0.7;
+          var metalness = 0.1;
           
           if (child.material.name.startsWith('Area_')) {
-            roughness = 0.95;
-            metalness = 0;
+            roughness = 0.05;  // 区域材质非常光滑
+            metalness = 0.3;   // 适度金属感
             transparent = true; // 区域支持透明
           } else if (child.material.name.startsWith('Wall_')) {
-            roughness = 0.95;
-            metalness = 0;
+            roughness = 0.55;  // 墙体材质
+            metalness = 0.1;
           } else if (child.material.name.startsWith('Shape_') || 
                      child.material.name.startsWith('Stair_')) {
-            roughness = 0.95;
-            metalness = 0;
+            roughness = 0.7;
+            metalness = 0.3;
           }
           
           // 创建新的PBR材质
@@ -669,11 +670,10 @@
         }
         
         console.log('⚪ 创建默认材质 for', child.name || child.parent.name);
-        // 与3D预览保持一致：高粗糙度、低金属度
         child.material = new THREE.MeshStandardMaterial({
           color: meshColor,
-          roughness: 0.95,
-          metalness: 0,
+          roughness: 0.7,
+          metalness: 0.1,
           side: THREE.DoubleSide
         });
       }

package/src/KimapCore.js

@@ -370,7 +370,7 @@ SceneCore.prototype.setCameraPosition = function() {
 };
 
 SceneCore.prototype.initRenderer = function() {
-  this.renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
+  this.renderer = new THREE.WebGLRenderer({ antialias: true });
   this.renderer.setSize(this.container.clientWidth, this.container.clientHeight);
   this.renderer.setPixelRatio(window.devicePixelRatio);
   
@@ -378,12 +378,12 @@ SceneCore.prototype.initRenderer = function() {
   this.renderer.shadowMap.enabled = true;
   this.renderer.shadowMap.type = THREE.PCFSoftShadowMap;
   
-  // 设置输出色彩空间为sRGB（与3D预览保持一致）
+  // 设置输出色彩空间为sRGB
   this.renderer.outputColorSpace = THREE.SRGBColorSpace;
   
-  // 不使用toneMapping，与3D预览保持一致
-  // this.renderer.toneMapping = THREE.CineonToneMapping;
-  // this.renderer.toneMappingExposure = 1.0;
+  // 色调映射设置（优化颜色显示）
+  this.renderer.toneMapping = THREE.CineonToneMapping;  // 3 = Cineon
+  this.renderer.toneMappingExposure = 1.0;
   
   this.container.appendChild(this.renderer.domElement);
 };
@@ -403,12 +403,12 @@ SceneCore.prototype.initControls = function(OrbitControls) {
 };
 
 SceneCore.prototype.setupLights = function() {
-  // 环境光（与3D预览保持一致）
+  // 环境光
   var ambientLight = new THREE.AmbientLight(0xffffff, 0.6);
   this.scene.add(ambientLight);
   
-  // 主光源（从上方，与3D预览保持一致）
-  var directionalLight1 = new THREE.DirectionalLight(0xffffff, 0.8);
+  // 主光源（从上方）
+  var directionalLight1 = new THREE.DirectionalLight(0xffffff, 0.75);
   directionalLight1.position.set(10, 20, 10);
   directionalLight1.castShadow = true;
   directionalLight1.shadow.camera.left = -50;
@@ -417,13 +417,13 @@ SceneCore.prototype.setupLights = function() {
   directionalLight1.shadow.camera.bottom = -50;
   this.scene.add(directionalLight1);
   
-  // 辅助光源（与3D预览保持一致）
-  var directionalLight2 = new THREE.DirectionalLight(0xffffff, 0.4);
+  // 辅助光源
+  var directionalLight2 = new THREE.DirectionalLight(0xffffff, 0.15);
   directionalLight2.position.set(-10, 15, -10);
   this.scene.add(directionalLight2);
   
-  // 半球光（与3D预览保持一致）
-  var hemisphereLight = new THREE.HemisphereLight(0xffffff, 0x444444, 0.4);
+  // 半球光
+  var hemisphereLight = new THREE.HemisphereLight(0xffffff, 0x444444, 0.15);
   this.scene.add(hemisphereLight);
 };
 
@@ -602,21 +602,20 @@ SceneCore.prototype.loadMap = function(OBJLoader, MTLLoader) {
                   var transparent = opacity < 1.0;
                   
                   // 根据材质名称判断元素类型，设置对应的PBR参数
-                  // 与3D预览保持一致：高粗糙度、低金属度，减少反光
-                  var roughness = 0.95;
-                  var metalness = 0;
+                  var roughness = 0.7;
+                  var metalness = 0.1;
                   
                   if (child.material.name.startsWith('Area_')) {
-                    roughness = 0.95;
-                    metalness = 0;
+                    roughness = 0.05;
+                    metalness = 0.3;
                     transparent = true;
                   } else if (child.material.name.startsWith('Wall_')) {
-                    roughness = 0.95;
-                    metalness = 0;
+                    roughness = 0.55;
+                    metalness = 0.1;
                   } else if (child.material.name.startsWith('Shape_') || 
                              child.material.name.startsWith('Stair_')) {
-                    roughness = 0.95;
-                    metalness = 0;
+                    roughness = 0.7;
+                    metalness = 0.3;
                   }
                   
                   // 创建新的PBR材质
@@ -642,11 +641,11 @@ SceneCore.prototype.loadMap = function(OBJLoader, MTLLoader) {
                   }
                   
                   console.log('⚪ 创建默认材质 for', child.name || child.parent.name);
-                  // 设置材质（与3D预览保持一致）
+                  // 设置材质
                   child.material = new THREE.MeshStandardMaterial({
                     color: meshColor,
-                    roughness: 0.95,
-                    metalness: 0,
+                    roughness: 0.7,
+                    metalness: 0.1,
                     side: THREE.DoubleSide
                   });
                 }
@@ -782,18 +781,17 @@ SceneCore.prototype.loadMap = function(OBJLoader, MTLLoader) {
                 var opacity = child.material.opacity !== undefined ? child.material.opacity : 1.0;
                 var transparent = opacity < 1.0;
                 
-                // 与3D预览保持一致：高粗糙度、低金属度，减少反光
-                var roughness = 0.95;
-                var metalness = 0;
+                var roughness = 0.7;
+                var metalness = 0.1;
                 
                 if (child.material.name.startsWith('Area_')) {
-                  roughness = 0.95;
-                  metalness = 0;
+                  roughness = 0.9;
+                  metalness = 0.1;
                   transparent = true;
                 } else if (child.material.name.startsWith('Shape_') || 
                            child.material.name.startsWith('Stair_')) {
-                  roughness = 0.95;
-                  metalness = 0;
+                  roughness = 0.7;
+                  metalness = 0.3;
                 }
                 
                 child.material = new THREE.MeshStandardMaterial({
@@ -805,11 +803,11 @@ SceneCore.prototype.loadMap = function(OBJLoader, MTLLoader) {
                   side: THREE.DoubleSide
                 });
               } else {
-                // 设置默认材质（与3D预览保持一致）
+                // 设置默认材质
                 child.material = new THREE.MeshStandardMaterial({
                   color: 0xdddddd,
-                  roughness: 0.95,
-                  metalness: 0,
+                  roughness: 0.7,
+                  metalness: 0.1,
                   side: THREE.DoubleSide
                 });
               }