邓洁 : 合并模型代码

src/components/content/tunnelScene/sceneClass/demo.js

@@ -7,10 +7,10 @@ import {
   handleStartChange,
 } from "./handleOrbitControlsChange";
 import { saveState, resetState } from "./viewBack";
+import addFunction from "./addEvent";
 
-import { addDev } from "./addDevice";
-import { removeDev } from "./removeDevice";
-import { checkDevModel } from "./checkDevModel";
+import addDev from "./addDev";
+import removeDev from "./removeDev";
 export default class Demo {
   // 摄像机看向位置
   origin = null;
@@ -26,8 +26,13 @@ export default class Demo {
     this._checkAnimation = checkAnimation;
     this._saveSate = saveState;
     this._resetState = resetState;
-    this._removeDev = removeDev;
 
+    //  增加设备模型
+    this.addDev = addDev;
+    // 删除设备模型
+    this.removeDev = removeDev;
+    // 外部可添加函数
+    this.addFunction = addFunction;
     this.THREE = three;
     this.mountedElement = mountedElement;
     //初始化场景
@@ -61,10 +66,6 @@ export default class Demo {
     this.render();
     this.canvasResize();
     this.addXYZ();
-
-    this.HTMLTagEventListener();
-
-    this.bindRightPlaneInfo();
   }
   //渲染函数作用域(这里主要写渲染帧内操作)
   __renderScope() {
@@ -271,6 +272,7 @@ export default class Demo {
       raycaster.setFromCamera(mouse, this.camera);
       const intersects = raycaster.intersectObjects(isClickModels);
       if (intersects.length === 0) return;
+      //附着点设置方框
       this.setBoxHelper(intersects[0].object);
 
       // 处理点击左右键事件
@@ -300,6 +302,9 @@ export default class Demo {
     this.tag2CSS2DObj = new CSS2DObject(this.tag2Html);
     this.tag3CSS2DObj = new CSS2DObject(this.tag3Html);
     // 设置该标签初始化透明
+    this.tagCSS2DObj.element.style.opacity = "1";
+    this.tag2CSS2DObj.element.style.opacity = "1";
+    this.tag3CSS2DObj.element.style.opacity = "1";
 
     this.tagCSS2DObj.element.style.display = "none";
     this.tag2CSS2DObj.element.style.display = "none";
@@ -320,30 +325,7 @@ export default class Demo {
     // 删除标记动画
     this.scene.remove(this.group);
   }
-  /**
-   * @param {Array} paths 所有设备模型的路径
-   */
-  addDeviceModels(paths) {
-    const gltfloader = this.gltfloader;
-    load(paths);
-    function load(paths, current = 0) {
-      return new Promise((resolve, reject) => {
-        // try {
-        gltfloader(paths[current], (deviceModel) => {
-          this.deviceModels.push(deviceModel);
-          current++;
-          console.log(deviceModel);
-          load(paths, current);
-          if (current > paths.length) {
-            resolve("ok");
-          }
-        });
-        // } catch (e) {
-        //   reject(new Error("加载异常"));
-        // }
-      });
-    }
-  }
+
   // 附着点选中线宽包围
   setBoxHelper(obj) {
     //  判断场景是否纯在该3d对象
@@ -366,18 +348,6 @@ export default class Demo {
     this.gltfloader.setDRACOLoader(this.DRAC);
   }
 
-  // 监听tagHTML标签内事件
-  HTMLTagEventListener() {
-    // this.addBtn = document.querySelector("#add-model");
-    // this.removeBtn = document.querySelector("#remove-model");
-    // //开启监听
-    // this.addBtn.addEventListener("click", addDev.bind(this));
-    // this.removeBtn.addEventListener("click", removeDev.bind(this));
-    // //监听选择设备
-    // this.devList = document.querySelector(".divice-list ul");
-    // this.devList.addEventListener("click", checkDevModel.bind(this));
-  }
-
   /**
    * @param {Meshes} meshes gltf加载过后的模型数组
    */
@@ -388,69 +358,18 @@ export default class Demo {
     });
     console.log(this.deviceList);
   }
-  /**
-   * @param {String} devId 添加的设备ID
-   */
-  addDevice(devId) {
-    addDev.bind(this, devId);
-  }
+
   /**
    * @param {String} devId 删除的设备ID
    */
   removeDevice(devId) {
     removeDev.bind(this, devId);
   }
-  //获取右边面板信息
-  bindRightPlaneInfo() {
-    // this.chanelLengthInput = document.querySelector("#chanel-length-input");
-    // this.aspectValue = document.querySelector("#aspect-length-value");
-    // this.chanelLengthInput.addEventListener("input", (e) => {
-    //   // console.log(e.target.value);
-    // });
-  }
   /**
-   * @param {OBJLoader} objloader 模型加载器
+   *
+   * @param {Number} distance 设置锚点之间的间隔距离
    */
-  addOBJLoader(objloader) {
-    this.OBJLoader = new objloader();
-  }
-  // 先把模型加载完成
-  loadeOBJModel() {
-    this.devMap = new Map();
-    this.OBJLoader.load(
-      "/devicesModel/Camera.obj",
-      callBack.bind(this, "dev_1")
-    );
-    this.OBJLoader.load(
-      "/devicesModel/Camera.obj",
-      callBack.bind(this, "dev_2")
-    );
-    this.OBJLoader.load(
-      "/devicesModel/Camera.obj",
-      callBack.bind(this, "dev_3")
-    );
-    this.OBJLoader.load(
-      "/devicesModel/Camera.obj",
-      callBack.bind(this, "camera")
-    );
-    function callBack(param, model) {
-      switch (param) {
-        case "dev_1":
-          model.scale.set(0.2, 0.2, 0.2);
-          break;
-        case "dev_2":
-          model.scale.set(0.2, 0.2, 0.2);
-          break;
-        case "dev_3":
-          model.scale.set(0.1, 0.1, 0.1);
-          break;
-        case "camera":
-          model.scale.set(0.7, 0.7, 0.7);
-
-          model.name = "camera";
-          break;
-      }
-      this.devMap.set(param, model);
-    }
+  setDistance(distance = 10) {
+    this.distance = distance;
   }
 }