easy-threesdk 1.0.4 → 1.0.5

package/index.js

@@ -558,20 +558,20 @@ class ThreeSdk {
     textureLoader.load(
       textureImage,
       (texture) => {
-        console.log("✅ 全景图片加载成功！");
-        console.log(
-          "图片尺寸:",
-          texture.image.width,
-          "x",
-          texture.image.height
-        );
+        // console.log("✅ 全景图片加载成功！");
+        // console.log(
+        //   "图片尺寸:",
+        //   texture.image.width,
+        //   "x",
+        //   texture.image.height
+        // );
         //创建3d场景
 
         //--------------------   方法1：使用 EquirectangularReflectionMapping + 翻转X轴
 
-        console.log(
-          "🔧 使用方法1: EquirectangularReflectionMapping + scale(1,-1,-1)"
-        );
+        // console.log(
+        //   "🔧 使用方法1: EquirectangularReflectionMapping + scale(1,-1,-1)"
+        // );
 
         texture.mapping = THREE.EquirectangularReflectionMapping;
         texture.minFilter = THREE.LinearFilter;
@@ -607,17 +607,17 @@ class ThreeSdk {
 
         this.scene.add(this._PanoramaSphere);
 
-        console.log("✅ 全景球体创建成功！");
-        console.log("球体位置:", this._PanoramaSphere.position);
-        console.log("相机位置:", this.camera.position);
-        console.log("材质配置:", {
-          hasTexture: !!this._PanoramaSphere.material.map,
-          side: this._PanoramaSphere.material.side,
-          mapping: texture.mapping,
-          textureSize: texture.image
-            ? `${texture.image.width}x${texture.image.height}`
-            : "未知",
-        });
+        // console.log("✅ 全景球体创建成功！");
+        // console.log("球体位置:", this._PanoramaSphere.position);
+        // console.log("相机位置:", this.camera.position);
+        // console.log("材质配置:", {
+        //   hasTexture: !!this._PanoramaSphere.material.map,
+        //   side: this._PanoramaSphere.material.side,
+        //   mapping: texture.mapping,
+        //   textureSize: texture.image
+        //     ? `${texture.image.width}x${texture.image.height}`
+        //     : "未知",
+        // });
 
         // 确保相机朝向正确
         // this.camera.lookAt(0, 0, -1);
@@ -626,11 +626,11 @@ class ThreeSdk {
         // 加载进度
         if (progress.total > 0) {
           const percent = (progress.loaded / progress.total) * 100;
-          console.log("加载进度:", percent.toFixed(2) + "%");
+          // console.log("加载进度:", percent.toFixed(2) + "%");
         }
       },
       (error) => {
-        console.error("❌ 全景图片加载失败:", error);
+        // console.error("❌ 全景图片加载失败:", error);
         document.getElementById("loading").textContent =
           "图片加载失败，请检查路径: ../resource/sence/citrus_orchard_road_puresky.jpg";
       }
@@ -669,20 +669,20 @@ class ThreeSdk {
 
     // 允许用户从各个角度查看（移除垂直角度限制）
     this.controls.maxPolarAngle = Math.PI; // 允许从下方查看
-    console.log(
-      `   相机位置: (${this.camera.position.x.toFixed(
-        2
-      )}, ${this.camera.position.y.toFixed(
-        2
-      )}, ${this.camera.position.z.toFixed(2)})`
-    );
-    console.log(
-      `   控制器目标: (${this.controls.target.x.toFixed(
-        2
-      )}, ${this.controls.target.y.toFixed(
-        2
-      )}, ${this.controls.target.z.toFixed(2)})`
-    );
+    // console.log(
+    //   `   相机位置: (${this.camera.position.x.toFixed(
+    //     2
+    //   )}, ${this.camera.position.y.toFixed(
+    //     2
+    //   )}, ${this.camera.position.z.toFixed(2)})`
+    // );
+    // console.log(
+    //   `   控制器目标: (${this.controls.target.x.toFixed(
+    //     2
+    //   )}, ${this.controls.target.y.toFixed(
+    //     2
+    //   )}, ${this.controls.target.z.toFixed(2)})`
+    // );
     console.log(`💡 现在可以用鼠标拖拽围绕相机自身旋转查看四周，滚轮缩放`);
   }
 
@@ -753,13 +753,13 @@ class ThreeSdk {
       this.camera.position.y = this._RoamConfig.cameraHeight;
     }
 
-    console.log("✅ 进入视角漫游模式");
-    console.log("📍 当前相机位置:", this.camera.position);
-    console.log("⌨️  操作说明：");
-    console.log("   • 鼠标悬停地面显示圆圈");
-    console.log("   • 点击地面跳转视角");
-    console.log("   • WASD/方向键移动");
-    console.log("   • 鼠标拖拽改变朝向");
+    // console.log("✅ 进入视角漫游模式");
+    // console.log("📍 当前相机位置:", this.camera.position);
+    // console.log("⌨️  操作说明：");
+    // console.log("   • 鼠标悬停地面显示圆圈");
+    // console.log("   • 点击地面跳转视角");
+    // console.log("   • WASD/方向键移动");
+    // console.log("   • 鼠标拖拽改变朝向");
   }
 
   exitRoamMode() {
@@ -859,7 +859,7 @@ class ThreeSdk {
       transformControls.updateMatrixWorld();
     }
 
-    console.log("✅ 信息已应用到 mesh:", mesh.userData.name || "未命名对象");
+    // console.log("✅ 信息已应用到 mesh:", mesh.userData.name || "未命名对象");
   }
 
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy-threesdk",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "����Threejs��װ�ij��ù��ܵ�sdk",
   "main": "index.js",
   "private": false,

package/plugins/ModelControl.js

@@ -51,7 +51,7 @@ export default class ModelControl {
         modelPath,
         // 加载成功的回调
         (gltf) => {
-          console.log("GLTF 建筑物模型加载成功！");
+          // console.log("GLTF 建筑物模型加载成功！");
 
           const model = gltf.scene;
 
@@ -69,11 +69,11 @@ export default class ModelControl {
               }
 
               // 打印网格信息
-              console.log(`GLTF 网格: "${child.name}"`);
+              // console.log(`GLTF 网格: "${child.name}"`);
 
               if (child.material) {
-                console.log("  材质:", child.material.name || "未命名");
-                console.log("  有贴图:", child.material.map ? "是" : "否");
+                // console.log("  材质:", child.material.name || "未命名");
+                // console.log("  有贴图:", child.material.map ? "是" : "否");
                 if (!child.userData.originalMaterial) {
                   child.userData.originalMaterial = child.material.clone(); //copy方法是浅拷贝，内部的color是引用类型，所以需要单独保存
                   child.userData.originalMaterialColor =
@@ -116,20 +116,20 @@ export default class ModelControl {
           // 添加到场景
           this.ThreeSdk.scene.add(model);
 
-          console.log("GLTF 建筑物已添加到场景");
-          console.log("  缩放:", scaleFactor);
-          console.log(
-            "  位置:",
-            model.position.x,
-            model.position.y,
-            model.position.z
-          );
-          console.log("  原始大小:", size.x, "x", size.y, "x", size.z);
+          // console.log("GLTF 建筑物已添加到场景");
+          // console.log("  缩放:", scaleFactor);
+          // console.log(
+          //   "  位置:",
+          //   model.position.x,
+          //   model.position.y,
+          //   model.position.z
+          // );
+          // console.log("  原始大小:", size.x, "x", size.y, "x", size.z);
 
           // 添加边界框辅助线（可选，用于调试）
           const helper = new THREE.BoxHelper(model, 0x00ff00);
           // scene.add(helper);
-          console.log("已添加绿色边界框辅助线");
+          // console.log("已添加绿色边界框辅助线");
 
           this._ModelMap.set(ModelID, model);
           res(model);
@@ -137,12 +137,12 @@ export default class ModelControl {
         // 加载进度的回调
         (xhr) => {
           const percentComplete = (xhr.loaded / xhr.total) * 100;
-          console.log(`GLTF 建筑物加载进度: ${Math.round(percentComplete)}%`);
+          // console.log(`GLTF 建筑物加载进度: ${Math.round(percentComplete)}%`);
           onLoadProcess && onLoadProcess(percentComplete);
         },
         // 加载错误的回调
         (error) => {
-          console.error("加载 GLTF 建筑物时出错:", error);
+          // console.error("加载 GLTF 建筑物时出错:", error);
           rej(error);
         }
       );
@@ -183,10 +183,10 @@ export default class ModelControl {
               this._hoveredObject.userData.originalMaterialColor
             );
             this._hoveredObject.material.needsUpdate = true;
-            console.log(
-              "恢复之前悬停对象的材质",
-              this._hoveredObject.userData.originalMaterial
-            );
+            // console.log(
+            //   "恢复之前悬停对象的材质",
+            //   this._hoveredObject.userData.originalMaterial
+            // );
           }
           this._hoveredObject = object;
           // 保存原始材质
@@ -248,14 +248,14 @@ export default class ModelControl {
       if (intersects.length > 0) {
         const clickedObject = intersects[0].object;
         const clickedPoint = intersects[0].point;
-        console.log("=== 点击事件触发 ===");
-        console.log(`点击对象: ${clickedObject.userData.name}`);
-        console.log(
-          `点击位置: (${clickedPoint.x.toFixed(2)}, ${clickedPoint.y.toFixed(
-            2
-          )}, ${clickedPoint.z.toFixed(2)})`
-        );
-        console.log(`对象信息:`, clickedObject.userData);
+        // console.log("=== 点击事件触发 ===");
+        // console.log(`点击对象: ${clickedObject.userData.name}`);
+        // console.log(
+        //   `点击位置: (${clickedPoint.x.toFixed(2)}, ${clickedPoint.y.toFixed(
+        //     2
+        //   )}, ${clickedPoint.z.toFixed(2)})`
+        // );
+        // console.log(`对象信息:`, clickedObject.userData);
 
         // 执行点击动画
         this._animateClick(clickedObject);