唐润平：传感器添加功能

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

@@ -17,7 +17,6 @@ export default class Demo {
   //设备模型数组
   deviceModels = [];
   constructor(three, mountedElement) {
-    // 外部引入匿名函数
     this._handleLClick = handleLClick;
     this._handleRClick = handleRClick;
     this._handleDBLClick = handleDBLClick;
@@ -306,14 +305,14 @@ export default class Demo {
     this.tagCSS2DObj = new CSS2DObject(this.tagHtml);
     this.tag2CSS2DObj = new CSS2DObject(this.tag2Html);
     this.tag3CSS2DObj = new CSS2DObject(this.tag3Html);
+    this.tagCSS2DObj.element.style.display = "none";
+    this.tag2CSS2DObj.element.style.display = "none";
+    this.tag3CSS2DObj.element.style.display = "none";
     // 设置该标签初始化透明
     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";
-    this.tag3CSS2DObj.element.style.display = "none";
     this.tagCSS2DObj.scale.set(0.1, 0.1, 0.1);
     this.tag2CSS2DObj.scale.set(0.1, 0.1, 0.1);
     this.tag3CSS2DObj.scale.set(0.02, 0.02, 0.02); //编辑框
@@ -354,13 +353,23 @@ export default class Demo {
   }
 
   /**
-   * @param {Map} meshes gltf加载过后的模型数组
+   * @param {Map} meshes gltf加载过后的模型Map
    */
   initDevicesModel(equMap) {
-    //
-    this.equMap = equMap;
+    //  初始化风机
 
-    console.log(equMap);
+    this.equMap = equMap;
+    // 初始化风机颜色
+    this.equMap.get("equ_fan").traverse((v) => {
+      v.material = new this.THREE.MeshBasicMaterial();
+      v.material.color = new this.THREE.Color("#191a05");
+    });
+    // 初始化风机颜色
+    this.equMap.get("equ_sensors").scale.set(0.1, 0.1, 0.1);
+    this.equMap.get("equ_sensors").traverse((v) => {
+      v.material = new this.THREE.MeshBasicMaterial();
+      v.material.color = new this.THREE.Color("white");
+    });
   }
 
   /**

src/components/content/tunnelScene/sceneClass/editEquipment/index.js

@@ -1,10 +1,55 @@
-function addEquipment(targetPoint, EquType) {
-  const equMesh = this.equMap.get("equ_fan").clone();
-  console.log(equMesh);
-  this.scene.add(equMesh);
+/**
+ *
+ * @param {Mesh} targetPoint
+ * @param {String} equType  "fan" "sensors"
+ */
+function addEquipment(targetPoint, formInfo) {
+  if (targetPoint.hasDevice) {
+    alert("已添加设备");
+    return;
+  }
+  switch (formInfo.equipmentType) {
+    case "fan":
+      handleFanEqu.call(this, targetPoint);
+      break;
+    case "sensors":
+      handleOtherEqu.call(this, targetPoint);
+      break;
+    default:
+      break;
+  }
+  targetPoint.hasDevice = true;
+  console.log("添加信息", targetPoint, formInfo);
+}
+// 其他传感器
+function handleOtherEqu(targetPoint, speed = 0) {
+  const equMesh = this.equMap.get("equ_sensors").clone();
+  const worldP = targetPoint.getWorldPosition(new this.THREE.Vector3());
+  equMesh.position.copy(worldP);
+  if (/tr$/.test(targetPoint.name)) {
+    equMesh.rotation.z = -(3 * Math.PI) / 4;
+  } else if (/tl$/.test(targetPoint.name)) {
+    equMesh.rotation.z = -Math.PI / 4;
+  } else if (/trc$/.test(targetPoint.name)) {
+  } else if (/br$/.test(targetPoint.name)) {
+    equMesh.rotation.z = -Math.PI / 2;
+    equMesh.translateX(-1);
+  } else if (/bl$/.test(targetPoint.name)) {
+    equMesh.rotation.z = Math.PI / 2;
+    equMesh.translateX(1);
+  }
+  this.scene.add(equMesh);
+  targetPoint.visible = false;
+}
+
+// 风机
+function handleFanEqu(targetPoint, speed = 0) {
+  const equMesh = this.equMap.get("equ_fan").clone();
+  const worldP = targetPoint.getWorldPosition(new this.THREE.Vector3());
+  equMesh.position.copy(worldP);
+  equMesh.translateY(-0.6);
+  this.scene.add(equMesh);
+  targetPoint.visible = false;
 }
-// 处理设备添加位置
-function handleOtherEqu() {}
-function handleFanEqu() {}
 function removeEquipment(targetPoint) {}
 export { addEquipment, removeEquipment };