1

src/babylonjs/AppHotspot.ts

@@ -0,0 +1,173 @@
+import { Vector3 } from '@babylonjs/core'
+import { Monobehiver } from '../base/Monobehiver'
+import { HotSpot, HotspotPrams, Point } from '../hotspot'
+// import { userSellingPointStore } from '@/stores/zguiy'
+import type { MainApp } from './MainApp'
+import { Dictionary } from '../utils/Dictionary'
+import { EventBridge } from '../event/bridge'
+
+
+export class AppHotspot extends Monobehiver {
+  hotSpot!: HotSpot
+  sllingPointStore: any
+  //偏移量
+  offset: number = 0.7
+  yundong: boolean = false
+
+
+  hotspotDic: Dictionary<HotSpot> = new Dictionary()
+
+  constructor(mainApp: MainApp) {
+    super(mainApp)
+    // this.sllingPointStore = userSellingPointStore()
+  }
+
+  Awake() {
+
+ 
+      const hotspot = new HotSpot(this.mainApp)
+      hotspot.Awake()
+      this.hotSpot = hotspot;
+
+      // 注意：需要从外部传入热点列表，或者从配置中读取
+      // this.initHotSpot(hotSpotList)
+
+    
+  }
+
+  render(hotSpotList: Array<any>) {
+    // 确保 hotSpot 已初始化
+    if (!this.hotSpot) {
+      this.Awake();
+    }
+    this.initHotSpot(hotSpotList);
+  }
+
+  initHotSpot(hotSpotList: Array<any>) {
+
+    hotSpotList.forEach((hotspot: any) => {
+   
+      this.createHotspot(hotspot)
+    });
+
+
+  }
+
+  createHotspot(hotspot: any) {
+
+    // 检查必要的数据
+    if (!hotspot) {
+      console.warn('热点数据为空');
+      return;
+    }
+
+    console.log('热点原始数据:', hotspot);
+
+    let position: Vector3;
+
+    // 使用 offset 作为 position
+    if (hotspot.offset) {
+      if (Array.isArray(hotspot.offset)) {
+        console.log('offset 数组:', hotspot.offset);
+        position = new Vector3(
+          hotspot.offset[0] ?? 0,
+          hotspot.offset[1] ?? 0,
+          hotspot.offset[2] ?? 0
+        );
+      } else {
+        position = new Vector3(
+          hotspot.offset.x ?? 0,
+          hotspot.offset.y ?? 0,
+          hotspot.offset.z ?? 0
+        );
+      }
+    } else if (hotspot.position) {
+      // 兼容 position 字段
+      if (Array.isArray(hotspot.position)) {
+        position = new Vector3(
+          hotspot.position[0] ?? 0,
+          hotspot.position[1] ?? 0,
+          hotspot.position[2] ?? 0
+        );
+      } else {
+        position = new Vector3(
+          hotspot.position.x ?? 0,
+          hotspot.position.y ?? 0,
+          hotspot.position.z ?? 0
+        );
+      }
+    } else {
+      console.warn('热点数据缺少 position 或 offset 字段:', hotspot);
+      return;
+    }
+
+    console.log('创建热点:', hotspot.name, 'position:', position, 'x:', position.x, 'y:', position.y, 'z:', position.z);
+
+    const disposition = Vector3.Zero();
+
+    this.hotSpot.Point_Event(
+      new HotspotPrams(
+        position,
+        disposition,
+        () => {
+        },
+        async (p: Point) => {
+          console.log('热点被点击:', hotspot.name, hotspot.payload)
+          // 触发热点点击事件
+          EventBridge.hotspotClick({
+            id: hotspot.id,
+            name: hotspot.name,
+            meshName: hotspot.meshName,
+            payload: hotspot.payload
+          })
+        },
+        hotspot.icon,
+        hotspot.radius
+      )
+    )
+  }
+
+  clean() {
+    // 首先隐藏所有热点
+    this.visible(false);
+
+    // 如果存在热点池
+    if (this.hotSpot && this.hotSpot._point_Pool && this.hotSpot._point_Pool.points) {
+      // 遍历所有热点
+      for (let i = 0; i < this.hotSpot._point_Pool.points.length; i++) {
+        const point = this.hotSpot._point_Pool.points[i];
+
+        // 清除事件监听器
+        if (point.img && point.onCallBack) {
+          point.img.removeEventListener('mousedown', point.onCallBack);
+        }
+
+        // 从DOM中移除注释元素
+        if (point.annotation && point.annotation.parentNode) {
+          point.annotation.parentNode.removeChild(point.annotation);
+        }
+
+        // 释放sprite资源
+        if (point.sprite) {
+          point.sprite.dispose();
+        }
+      }
+
+      // 清空热点池
+      this.hotSpot._point_Pool.points = [];
+
+
+    }
+
+    console.log('热点资源已释放');
+  }
+
+  visible(visible: boolean) {
+    console.log(visible);
+    
+    if (this.hotSpot) {
+      this.hotSpot.Enable_All(visible)
+    }
+  }
+
+}