@anov/3d 0.0.30 → 0.0.38

package/dist/factory/unit/CameraPoi.js

@@ -8,7 +8,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import { AdditiveBlending, Box3, CircleGeometry, Color, DoubleSide, Group, MathUtils, Matrix4, Mesh, MeshBasicMaterial, ModelLoader, PerspectiveCamera, PlaneGeometry, ShaderMaterial, Sprite, SpriteMaterial, Texture, TextureLoader, Vector3, use, utils } from '@anov/3d-core';
+import { AdditiveBlending, Box3, CircleGeometry, Color, DoubleSide, Group, MathUtils, Matrix4, Mesh, MeshBasicMaterial, ModelLoader, PerspectiveCamera, PlaneGeometry, ShaderMaterial, Sprite, SpriteMaterial, Texture, TextureLoader, Vector3, gsap, use } from '@anov/3d-core';
 import { Css2DPoi, SpritePoi } from '@anov/3d-ability';
 import heatMap from 'anov-heat-map';
 import { MessageType, sendToMessage } from "../../utils/messageFn";
@@ -19,7 +19,6 @@ import { EMessageStatus } from "../../messageStatus";
 // @ts-ignore
 import { regionMap } from "../regionData";
 import { usePath } from "../3d";
-var emitter = utils.emitter;
 var load = new ModelLoader();
 var CameraPoi = /*#__PURE__*/function () {
   function CameraPoi(gobal) {
@@ -61,7 +60,7 @@ var CameraPoi = /*#__PURE__*/function () {
                         // 摄像机
                         region = regionMap[key];
                         group = new Group();
-                        group.name = region.camera.name;
+                        group.name = region.camera.id;
                         sprite = new SpritePoi("".concat(usePath, "camera.png"), {
                           scale: [10, 10, 1]
                         });
@@ -89,6 +88,18 @@ var CameraPoi = /*#__PURE__*/function () {
                             });
                             _this.gobal.interactionManager.add(mesh);
                             _this.probeEvent(mesh, region);
+                            // 使用GSAP创建跳动动画
+                            gsap.to(mesh.position, {
+                              y: '+=3',
+                              // 上跳10个单位
+                              duration: 0.2,
+                              // 动画持续时间
+                              ease: 'power1.inOut',
+                              // 缓动函数
+                              yoyo: true,
+                              // 循环
+                              repeat: -1 // 无限重复
+                            });
                           } else {
                             mesh = point.create();
                           }
@@ -351,8 +362,7 @@ var Dialog = /*#__PURE__*/function () {
     _defineProperty(this, "camera", void 0);
     _defineProperty(this, "cameraPosition", void 0);
     _defineProperty(this, "cameraTargetPosition", void 0);
-    _defineProperty(this, "borderMesh", void 0);
-    _defineProperty(this, "cuteSprite", void 0);
+    _defineProperty(this, "cuteSprites", []);
     _defineProperty(this, "eventListener", new Set());
     _defineProperty(this, "eventList", new Map());
     this.manage = cameraManage;
@@ -362,33 +372,35 @@ var Dialog = /*#__PURE__*/function () {
     value: function () {
       var _getMesh = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(position, cameraPosition) {
         var _this4 = this;
-        var target, _this$manage$gobal$sc, texture, close, unFrame;
+        var _this$manage$gobal$sc, texture, close, cuteSprite, unFrame;
         return _regeneratorRuntime().wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
-              this.camera = new PerspectiveCamera(90, window.innerWidth / window.innerHeight, 0.1, 100000000);
+              this.close();
+              this.camera = new PerspectiveCamera(90, window.innerWidth / window.innerHeight, 0.1, 10000);
               this.camera.position.copy(cameraPosition);
-              target = this.getTarget(cameraPosition);
-              this.camera.lookAt(target);
+              this.camera.rotation.set(-Math.PI / 6, Math.PI, 0);
               _this$manage$gobal$sc = this.manage.gobal.scene.setCustomPerspective(this.camera), texture = _this$manage$gobal$sc.texture, close = _this$manage$gobal$sc.close;
-              this.cuteSprite = new Sprite(new SpriteMaterial({
+              cuteSprite = new Sprite(new SpriteMaterial({
                 map: texture,
                 depthTest: false,
                 depthWrite: false
               }));
-              this.cuteSprite.center.set(0.5, 0.5);
-              this.cuteSprite.renderOrder = 5;
-              this.cuteSprite.position.copy(position);
+              cuteSprite.center.set(0.5, 0.5);
+              cuteSprite.renderOrder = 5;
+              cuteSprite.position.copy(position);
               unFrame = use.useframe(function () {
-                _this4.updateScale(_this4.cuteSprite);
+                _this4.updateScale(cuteSprite);
               });
               this.eventListener.add(unFrame);
               return _context5.abrupt("return", new Promise(function (reslove) {
                 setTimeout(function () {
-                  _this4.getBorderMesh(_this4.camera, _this4.cuteSprite);
+                  var borderMesh = _this4.getBorderMesh(_this4.camera, cuteSprite);
                   var group = new Group();
-                  group.add(_this4.borderMesh);
-                  group.add(_this4.cuteSprite);
+                  group.add(borderMesh);
+                  group.add(cuteSprite);
+                  _this4.cuteSprites.push(borderMesh);
+                  _this4.cuteSprites.push(cuteSprite);
                   close();
                   reslove(group);
                 }, 1000);
@@ -407,7 +419,7 @@ var Dialog = /*#__PURE__*/function () {
   }, {
     key: "getTarget",
     value: function getTarget(cameraPosition) {
-      var rotation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [-30, 0, 0];
+      var rotation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [0, 30, 0];
       // 将旋转角度转换为弧度
       var angleX = MathUtils.degToRad(rotation[0]);
       var angleY = MathUtils.degToRad(rotation[1]);
@@ -441,18 +453,19 @@ var Dialog = /*#__PURE__*/function () {
       // 将边界框的最小和最大顶点转换为屏幕坐标
       var min = bbox.min.project(camera);
       var max = bbox.max.project(camera);
+      var _ref4 = [window.innerWidth, window.innerHeight],
+        w = _ref4[0],
+        h = _ref4[1];
+      var dom = document.querySelector('#app');
+      if (dom) {
+        w = dom.clientWidth;
+        h = dom.clientHeight;
+      }
 
       // 计算精灵在屏幕中的宽度和高度像素值
-      var width = (max.x - min.x) * window.innerWidth / devicePixelRatio * 0.9458;
-      var height = (max.y - min.y) * window.innerHeight / devicePixelRatio * 1.0617;
-
-      // 定义设备像素比和对应的缩放系数的映射关系
-      var scaleFactors = {
-        1: 0.5,
-        1.5: 0.75,
-        2: 1
-      };
-      var scaleFactor = scaleFactors[devicePixelRatio] || 1;
+      var width = (max.x - min.x) * w / devicePixelRatio * 0.97;
+      var height = (max.y - min.y) * h / devicePixelRatio * 1.089;
+      var scaleFactor = devicePixelRatio * 0.5;
       // 应用缩放系数
       width *= scaleFactor;
       height *= scaleFactor;
@@ -480,7 +493,7 @@ var Dialog = /*#__PURE__*/function () {
       var clampedDistance = Math.max(minDistance, Math.min(maxDistance, distance));
       // console.log('clampedDistance:',clampedDistance)
       // 按照缩放系数和距离进行缩放，缩放系数应该约定好一个固定值
-      sprite.scale.copy(new Vector3(clampedDistance * 1.5, 1.05 * clampedDistance, 1));
+      sprite.scale.copy(new Vector3(clampedDistance * 1.3281, 0.8316 * clampedDistance, 1));
     }
   }, {
     key: "addEventListener",
@@ -497,8 +510,8 @@ var Dialog = /*#__PURE__*/function () {
 
       // 弹窗容器
       var dialogDiv = document.createElement('div');
-      width += 5;
-      height += 5;
+      width += 10;
+      height += 10;
       Object.assign(dialogDiv.style, {
         'width': "".concat(width, "px"),
         'height': "".concat(height, "px"),
@@ -595,15 +608,15 @@ var Dialog = /*#__PURE__*/function () {
       });
       sliderDiv.appendChild(sliderBar);
       dialogDiv.appendChild(sliderDiv);
-      this.borderMesh = new Css2DPoi(dialogDiv);
-      this.borderMesh.position.copy(sprite.position);
-      return this.borderMesh;
+      var borderMesh = new Css2DPoi(dialogDiv);
+      borderMesh.position.copy(sprite.position);
+      return borderMesh;
     }
   }, {
     key: "addStyle",
     value: function addStyle() {
       // 设置 CSS 规则
-      var css = "\n    .page-mask{\n        position: fixed;\n        top: 0;\n        left: 0;\n        bottom:0;\n        right:0;\n        //width: 100%;\n        //height: 100%;\n        background-color: rgba(0, 0, 0, 0.5); /* \u534A\u900F\u660E\u80CC\u666F */\n        //filter: blur(10px); /* \u6A21\u7CCA\u6548\u679C */\n        z-index: 1 !important; /* \u786E\u4FDD\u8499\u7248\u4F4D\u4E8E\u5176\u4ED6\u5143\u7D20\u4E4B\u4E0A */\n    }\n    .dialog-mask{\n      position: absolute;\n      top: 8px;\n      left: 6px;\n      width: calc(100% - 12px);\n      height: calc(100% - 16px);\n     background: linear-gradient(90deg, rgba(0, 0, 0,.4) 0%,rgba(0, 0, 0,.2) 10%, rgba(0, 0, 0,0) 20%, rgba(0,0,0, 0) 50%, rgba(0, 0, 0,0) 80%, rgba(0, 0, 0,0.2) 90%, rgba(0, 0, 0,.4) 100%);\n     pointer-events: auto;\n     opacity: 1;\n     transform: perspective(100px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n     transform-origin: center center;\n    }\n    .hot-back{\n      width: 70px;\n      height: 25px;\n      border-radius: 2px;\n      color: #fff;\n      font-weight: bold;\n      font-size: 14px;\n      border:1px solid #d1ae6d;\n      background-color: #c8ab75;\n      cursor: pointer; /* \u9F20\u6807\u6307\u9488\u6837\u5F0F */\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      position: absolute;\n      left: 30px;\n      top: 30px;\n      pointer-events: auto;\n    }\n    .hot-back:hover{\n      background-color:#c8a158;\n    }\n    .dialog-close{\n      width: 20px;\n      height: 20px;\n      border-radius: 2px;\n      color: #fff;\n      background-color: #c8ab75;\n      cursor: pointer; /* \u9F20\u6807\u6307\u9488\u6837\u5F0F */\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      position: absolute;\n      right: 20px;\n      top: 15px;\n      pointer-events: auto;\n    }\n\n    .dialog-close:hover{\n      background-color:#c8a158;\n    }\n\n    .dialog-close-line{\n      width: 14px;\n      height: 2px;\n      background-color: #fff;\n      position: absolute;\n      top: 9px;\n      display: block;\n    }\n\n    .dialog-close-h-line{\n      transform: rotate(-45deg);\n    }\n\n    .dialog-close-v-line{\n      transform: rotate(45deg);\n    }\n\n    .dialog-operate{\n      width: 120px;\n      height: 120px;\n      background-image: url(".concat(usePath, "p4/operate.png);\n      background-size: 100% 100%;\n      background-repeat: no-repeat;\n      position: absolute;\n      right: 15px;\n      bottom: 10px;\n      pointer-events: auto;\n    }\n\n    .dialog-operate-btn{\n      width: 0;\n      height: 0;\n      position: absolute;\n      cursor: pointer;\n      pointer-events: auto;\n    }\n\n    .dialog-operate-top{\n      border-left: 8px solid transparent; /* \u5DE6\u8FB9\u900F\u660E */\n      border-right: 8px solid transparent; /* \u53F3\u8FB9\u900F\u660E */\n      border-bottom: 8px solid #f2c67d; /* \u5E95\u8FB9\u5B9E\u5FC3 */\n      left: calc(50% - 9px);\n      top: 20px;\n    }\n    .dialog-operate-top:hover{\n      border-bottom-color:#fff2dd;\n    }\n\n    .dialog-operate-bottom{\n      border-left: 8px solid transparent; /* \u5DE6\u8FB9\u900F\u660E */\n      border-right: 8px solid transparent; /* \u53F3\u8FB9\u900F\u660E */\n      border-top: 8px solid #f2c67d; /* \u5E95\u8FB9\u5B9E\u5FC3 */\n      left: calc(50% - 9px);\n      bottom: 20px;\n    }\n\n    .dialog-operate-bottom:hover{\n      border-top-color:#fff2dd;\n    }\n\n    .dialog-operate-left{\n      border-top: 8px solid transparent; /* \u5DE6\u8FB9\u900F\u660E */\n        border-bottom: 8px solid transparent; /* \u53F3\u8FB9\u900F\u660E */\n        border-right: 8px solid #f2c67d; /* \u5E95\u8FB9\u5B9E\u5FC3 */\n        top: calc(50% - 9px);\n        left: 20px;\n    }\n    .dialog-operate-left:hover{\n      border-right-color:#fff2dd;\n    }\n\n    .dialog-operate-right{\n      border-top: 8px solid transparent; /* \u5DE6\u8FB9\u900F\u660E */\n      border-bottom: 8px solid transparent; /* \u53F3\u8FB9\u900F\u660E */\n      border-left: 8px solid #f2c67d; /* \u5E95\u8FB9\u5B9E\u5FC3 */\n      top: calc(50% - 9px);\n      right: 20px;\n    }\n\n    .dialog-operate-right:hover{\n      border-left-color:#fff2dd;\n    }\n    \n    .dialog-slider-container {\n      width: 13px;\n      height: 300px;\n      background: url(").concat(usePath, "p4/slider.png);\n      background-size: 100% 100%;\n      position:absolute;\n      right:23px;\n      top:50px;\n  }\n\n  .dialog-slider {\n      -webkit-appearance: none;\n      width: 300px;\n      height: 13px;\n      background: transparent;\n      outline: none;\n      opacity: 0.7;\n      -webkit-transition: .2s;\n      transition: opacity .2s;\n      transform: rotate(-90deg);\n      margin-left: -144px;\n      margin-top: 144px;\n      pointer-events: auto;\n  }\n\n  .dialog-slider::-webkit-slider-thumb {\n      -webkit-appearance: none;\n      appearance: none;\n      width: 7px;\n      height: 20px;\n      background: #eebe76;\n      cursor: pointer;\n      border-radius: 5px;\n  }\n\n  .dialog-slider::-moz-range-thumb {\n      width: 7px;\n      height: 20px;\n      background: #eebe76;\n      cursor: pointer;\n      border-radius: 5px;\n  }\n");
+      var css = "\n    .page-mask{\n        position: fixed;\n        top: 0;\n        left: 0;\n        bottom:0;\n        right:0;\n        //width: 100%;\n        //height: 100%;\n        background-color: rgba(0, 0, 0, 0.5); /* \u534A\u900F\u660E\u80CC\u666F */\n        //filter: blur(10px); /* \u6A21\u7CCA\u6548\u679C */\n        z-index: 1 !important; /* \u786E\u4FDD\u8499\u7248\u4F4D\u4E8E\u5176\u4ED6\u5143\u7D20\u4E4B\u4E0A */\n    }\n    .dialog-mask{\n      position: absolute;\n      top: 8px;\n      left: 6px;\n      width: calc(100% - 12px);\n      height: calc(100% - 16px);\n     background: linear-gradient(90deg, rgba(0, 0, 0,.4) 0%,rgba(0, 0, 0,.2) 10%, rgba(0, 0, 0,0) 20%, rgba(0,0,0, 0) 50%, rgba(0, 0, 0,0) 80%, rgba(0, 0, 0,0.2) 90%, rgba(0, 0, 0,.4) 100%);\n     pointer-events: auto;\n     opacity: 1;\n     transform: perspective(100px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n     transform-origin: center center;\n    }\n    .hot-back{\n      width: 70px;\n      height: 25px;\n      border-radius: 2px;\n      color: #fff;\n      font-weight: bold;\n      font-size: 14px;\n      border:1px solid #d1ae6d;\n      background-color: #c8ab75;\n      cursor: pointer; /* \u9F20\u6807\u6307\u9488\u6837\u5F0F */\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      position: absolute;\n      left: 30px;\n      top: 30px;\n      pointer-events: auto;\n    }\n    .hot-back:hover{\n      background-color:#c8a158;\n    }\n    .dialog-close{\n      width: 20px;\n      height: 20px;\n      border-radius: 2px;\n      color: #fff;\n      background-color: #c8ab75;\n      cursor: pointer; /* \u9F20\u6807\u6307\u9488\u6837\u5F0F */\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      position: absolute;\n      right: 20px;\n      top: 15px;\n      pointer-events: auto;\n    }\n\n    .dialog-close:hover{\n      background-color:#c8a158;\n    }\n\n    .dialog-close-line{\n      width: 14px;\n      height: 2px;\n      background-color: #fff;\n      position: absolute;\n      top: 9px;\n      display: block;\n    }\n\n    .dialog-close-h-line{\n      transform: rotate(-45deg);\n    }\n\n    .dialog-close-v-line{\n      transform: rotate(45deg);\n    }\n\n    .dialog-operate{\n      width: 120px;\n      height: 120px;\n      background-image: url(".concat(usePath, "p4/operate.png);\n      background-size: 100% 100%;\n      background-repeat: no-repeat;\n      position: absolute;\n      right: 15px;\n      bottom: 10px;\n      pointer-events: auto;\n    }\n\n    .dialog-operate-btn{\n      width: 0;\n      height: 0;\n      position: absolute;\n      cursor: pointer;\n      pointer-events: auto;\n    }\n\n    .dialog-operate-top{\n      border-left: 8px solid transparent; /* \u5DE6\u8FB9\u900F\u660E */\n      border-right: 8px solid transparent; /* \u53F3\u8FB9\u900F\u660E */\n      border-bottom: 8px solid #f2c67d; /* \u5E95\u8FB9\u5B9E\u5FC3 */\n      left: calc(50% - 9px);\n      top: 20px;\n    }\n    .dialog-operate-top:hover{\n      border-bottom-color:#fff2dd;\n    }\n\n    .dialog-operate-bottom{\n      border-left: 8px solid transparent; /* \u5DE6\u8FB9\u900F\u660E */\n      border-right: 8px solid transparent; /* \u53F3\u8FB9\u900F\u660E */\n      border-top: 8px solid #f2c67d; /* \u5E95\u8FB9\u5B9E\u5FC3 */\n      left: calc(50% - 9px);\n      bottom: 20px;\n    }\n\n    .dialog-operate-bottom:hover{\n      border-top-color:#fff2dd;\n    }\n\n    .dialog-operate-left{\n      border-top: 8px solid transparent; /* \u5DE6\u8FB9\u900F\u660E */\n        border-bottom: 8px solid transparent; /* \u53F3\u8FB9\u900F\u660E */\n        border-right: 8px solid #f2c67d; /* \u5E95\u8FB9\u5B9E\u5FC3 */\n        top: calc(50% - 9px);\n        left: 20px;\n    }\n    .dialog-operate-left:hover{\n      border-right-color:#fff2dd;\n    }\n\n    .dialog-operate-right{\n      border-top: 8px solid transparent; /* \u5DE6\u8FB9\u900F\u660E */\n      border-bottom: 8px solid transparent; /* \u53F3\u8FB9\u900F\u660E */\n      border-left: 8px solid #f2c67d; /* \u5E95\u8FB9\u5B9E\u5FC3 */\n      top: calc(50% - 9px);\n      right: 20px;\n    }\n\n    .dialog-operate-right:hover{\n      border-left-color:#fff2dd;\n    }\n    \n    .dialog-slider-container {\n      width: 13px;\n      height: 350px;\n      background: url(").concat(usePath, "p4/slider.png);\n      background-size: 100% 100%;\n      position:absolute;\n      right:23px;\n      top:50px;\n  }\n\n  .dialog-slider {\n      -webkit-appearance: none;\n      width: 300px;\n      height: 13px;\n      background: transparent;\n      outline: none;\n      opacity: 0.7;\n      -webkit-transition: .2s;\n      transition: opacity .2s;\n      transform: rotate(-90deg);\n      margin-left: -144px;\n      margin-top: 144px;\n      pointer-events: auto;\n  }\n\n  .dialog-slider::-webkit-slider-thumb {\n      -webkit-appearance: none;\n      appearance: none;\n      width: 7px;\n      height: 20px;\n      background: #eebe76;\n      cursor: pointer;\n      border-radius: 5px;\n  }\n\n  .dialog-slider::-moz-range-thumb {\n      width: 7px;\n      height: 20px;\n      background: #eebe76;\n      cursor: pointer;\n      border-radius: 5px;\n  }\n");
       // 创建一个 <style> 元素
       var styleElement = document.createElement('style');
       styleElement.appendChild(document.createTextNode(css));
@@ -613,14 +626,13 @@ var Dialog = /*#__PURE__*/function () {
   }, {
     key: "close",
     value: function close() {
-      // 删除弹窗POI
-      if (this.borderMesh) {
-        this.borderMesh.remove();
-        this.borderMesh.removeFromParent();
-      }
-      if (this.cuteSprite) {
-        this.cuteSprite.remove();
-        this.cuteSprite.removeFromParent();
+      if (this.cuteSprites) {
+        this.cuteSprites.forEach(function (mesh) {
+          console.log('mesh:', mesh);
+          mesh.remove();
+          mesh.removeFromParent();
+        });
+        this.cuteSprites.length = 0;
       }
       // 移除事件监听
       this.eventListener.forEach(function (fn) {

package/dist/factory/unit/CameraPoi.js.map

@@ -1 +1 @@
-{"version":3,"names":["AdditiveBlending","Box3","CircleGeometry","Color","DoubleSide","Group","MathUtils","Matrix4","Mesh","MeshBasicMaterial","ModelLoader","PerspectiveCamera","PlaneGeometry","ShaderMaterial","Sprite","SpriteMaterial","Texture","TextureLoader","Vector3","use","utils","Css2DPoi","SpritePoi","heatMap","MessageType","sendToMessage","EMessageStatus","regionMap","usePath","emitter","load","CameraPoi","gobal","Map","Set","dialogManage","Dialog","addStyle","loadGLTF","gltf","model","Object","keys","forEach","key","region","group","name","camera","sprite","scale","rotation","y","Math","PI","position","fromArray","copy","add","scan","scene","clone","addScalar","x","cameraMesh","set","title","interactionManager","cameraEvent","point","MethanePoint","probePoint","item","mesh","warn","probeEvent","create","warnMesh","rotatingRight","unFrame","useframe","children","z","abs","eventListener","useScene","unClick","addEventListener","Event","Success","undefined","id","targetPosition","toArray","camaraPosition","startPosition","cameraLookAt","getWorldDirection","cameraUtil","target","getMesh","dialogMesh","visible","togglePoi","then","headMap","HeadMap","distanceTo","closeHotmap","remove","removeFromParent","clear","fn","close","geometry","texture","circle","map","side","transparent","rotateX","material","vertexShader","fragmentShader","blending","depthTest","color","numPoints","i","random","cameraManage","manage","cameraPosition","window","innerWidth","innerHeight","getTarget","lookAt","setCustomPerspective","cuteSprite","depthWrite","center","renderOrder","updateScale","Promise","reslove","setTimeout","getBorderMesh","borderMesh","angleX","degToRad","angleY","angleZ","rotationMatrix","makeRotationX","multiply","makeRotationY","makeRotationZ","cameraDirection","targetDirection","applyMatrix4","devicePixelRatio","bbox","setFromObject","min","project","max","width","height","scaleFactors","scaleFactor","minDistance","maxDistance","objectPosition","distance","clampedDistance","eventName","eventList","has","getBoxSize","dialogDiv","document","createElement","assign","style","maskingDiv","className","appendChild","closeSpan","get","hLine","vLine","op","opList","btnSpan","sliderDiv","sliderBar","type","value","fov","updateProjectionMatrix","css","styleElement","createTextNode","head","heatmap","container","createDom","gradient","TemperatureColorStops","len","points","val","floor","push","setData","data","greymap","heatMapMaterial","uniforms","greyMap","Zscale","u_color","u_opacity","_renderer","canvas","needsUpdate","greyTexture","h","tan","w","aspect","heatMapGeometry","heatMapPlane","backEle","innerHTML","body","zIndex","canvasList","length"],"sources":["../../../src/factory/unit/CameraPoi.ts"],"sourcesContent":["import { AdditiveBlending, Box3, CircleGeometry, Color, DoubleSide, Group, MathUtils, Matrix4, Mesh, MeshBasicMaterial, ModelLoader, PerspectiveCamera, PlaneGeometry, ShaderMaterial, Sprite, SpriteMaterial, Texture, TextureLoader, Vector3, use, utils } from '@anov/3d-core'\nimport { Css2DPoi, SpritePoi } from '@anov/3d-ability'\nimport heatMap from 'anov-heat-map'\nimport { MessageType, sendToMessage } from '../../utils/messageFn'\nimport { EMessageStatus } from '../../messageStatus'\n\n// @ts-ignore\nimport type Factory3D from '../3d'\n\n// @ts-ignore\nimport { regionMap } from '../regionData'\n\nimport { usePath } from '../3d'\n\nconst { emitter } = utils\n\nconst load = new ModelLoader()\nclass CameraPoi {\n  gobal: Factory3D\n  cameraMesh: Map<string, Group> = new Map()\n  warnMesh: Map<string, SpritePoi> = new Map()\n  headMap: HeadMap\n  dialogManage: Dialog\n  eventListener: Set<Function> = new Set()\n\n  startPosition: Vector3\n  cameraLookAt: Vector3\n\n  constructor(gobal: Factory3D) {\n    this.gobal = gobal\n    this.dialogManage = new Dialog(this)\n    this.dialogManage.addStyle()\n  }\n\n  async generateObject() {\n    const model = await load.loadGLTF(`${usePath}shexiang.glb`, false, true, './draco/', (gltf) => {\n      return gltf\n    })\n\n    Object.keys(regionMap).forEach(async (key: string) => {\n      // 摄像机\n      const region = regionMap[key]\n      const group = new Group()\n      group.name = region.camera.name\n      const sprite = new SpritePoi(`${usePath}camera.png`, { scale: [10, 10, 1] })\n      sprite.rotation.y = Math.PI\n      const position = new Vector3().fromArray(region.camera.position)\n      sprite.position.copy(position)\n      group.add(sprite)\n\n      const scan = model.scene.clone()\n      scan.scale.addScalar(5)\n      scan.rotation.x = (-Math.PI / 2) + 0.5\n      scan.position.copy(position.clone().add(new Vector3(0, -2, 0)))\n      group.add(scan)\n\n      this.cameraMesh.set(region.title, group)\n      this.gobal.interactionManager.add(group)\n      this.cameraEvent(group, region)\n      this.gobal.scene.add(group)\n\n      // 甲烷检测点\n      const point = new MethanePoint()\n      region.probePoint?.forEach((item) => {\n        let mesh\n        if (item.warn) {\n          mesh = new SpritePoi(`${usePath}p4/warn.png`, { scale: [10, 10, 1] })\n          this.gobal.interactionManager.add(mesh)\n          this.probeEvent(mesh, region)\n        }\n        else {\n          mesh = point.create()\n        }\n        mesh.position.copy(new Vector3().fromArray(item.position))\n        this.warnMesh.set(region.title, mesh)\n\n        this.gobal.scene.add(mesh)\n      })\n    })\n    // 设置左右旋转的标志位和旋转速度\n    let rotatingRight = true // 是否正在向右转动\n\n    const unFrame = use.useframe(() => {\n      this.cameraMesh.forEach((group) => {\n        const scan = group.children[1]\n        // 更新相机的旋转角度\n        if (rotatingRight) {\n          // 向右旋转\n          scan.rotation.z += 0.005\n        }\n        else {\n          // 向左旋转\n          scan.rotation.z -= 0.005\n        }\n\n        // 检查是否达到目标旋转角度\n        if (Math.abs(scan.rotation.z) >= Math.abs(Math.PI / 4)) {\n          // 到达目标角度，切换旋转方向并更新目标角度\n          rotatingRight = !rotatingRight\n        }\n      })\n    })\n    this.eventListener.add(unFrame)\n  }\n\n  cameraEvent(sprite: Group, region: any) {\n    const { camera } = use.useScene()\n    const unClick = sprite.addEventListener('click', async () => {\n      sendToMessage(MessageType.Event, 'onCameraStatus', EMessageStatus.Success, undefined, { id: region.camera.id })\n\n      const position = new Vector3().fromArray(region.camera.position)\n      const targetPosition: [number, number, number] = position.clone().toArray()\n      const camaraPosition: [number, number, number] = position.clone().add(new Vector3(0, 40, 80)).toArray()\n\n      const startPosition = camera.position.clone()\n      // 获取相机朝向\n      const cameraLookAt = new Vector3() // 创建一个向量来存储相机朝向\n      camera.getWorldDirection(cameraLookAt) // 获取相机朝向并存储在向量中\n      this.gobal.cameraUtil.set({\n        position: camaraPosition,\n        target: targetPosition,\n      })\n\n      const dialogMesh = await this.dialogManage.getMesh(position, position.clone().add(new Vector3(0, -15, 5)))\n      this.dialogManage.addEventListener('close', () => {\n        // 初始相机到原始位置\n        this.gobal.cameraUtil.set({\n          position: startPosition.toArray(),\n          target: cameraLookAt.toArray(),\n        })\n        sendToMessage(MessageType.Event, 'onCancelCameraStatus', EMessageStatus.Success, undefined, { id: region.camera.id })\n      })\n      this.gobal.scene.add(dialogMesh)\n    })\n    // this.eventListener.add(unClick)\n  }\n\n  probeEvent(sprite: SpritePoi, region) {\n    const { camera } = use.useScene()\n    sprite.addEventListener('click', async () => {\n      if (!sprite.visible)\n        return\n      sprite.visible = false\n      sendToMessage(MessageType.Event, 'onGasMonitorStatus', EMessageStatus.Success, undefined, { id: region.probePoint[0].id })\n      this.togglePoi(false)\n      const position = new Vector3().fromArray(region.probePoint[0].position)\n      const camaraPosition = position.clone().add(new Vector3(0, 30, 0))\n\n      this.startPosition = camera.position.clone()\n      // 获取相机朝向\n      this.cameraLookAt = new Vector3() // 创建一个向量来存储相机朝向\n      camera.getWorldDirection(this.cameraLookAt) // 获取相机朝向并存储在向量中\n      this.gobal.cameraUtil.set({\n        position: camaraPosition.toArray(),\n        target: position.clone().toArray(),\n      }).then(() => {\n        this.headMap = new HeadMap()\n        const mesh = this.headMap.create(camaraPosition.distanceTo(position))\n        mesh.position.copy(sprite.position)\n        mesh.position.y = 0.5\n        this.gobal.scene.add(mesh)\n\n        // this.headMap.addBack()\n        this.headMap.addEventListener('close', () => {\n          this.closeHotmap()\n          // this.togglePoi(true)\n\n          // this.gobal.cameraUtil.set({\n          //   position: this.startPosition.toArray(),\n          //   target: this.cameraLookAt.toArray(),\n          // })\n        })\n      })\n    })\n  }\n\n  closeHotmap() {\n    this.headMap.remove()\n    this.togglePoi(true)\n\n    this.gobal.cameraUtil.set({\n      position: this.startPosition.toArray(),\n      target: this.cameraLookAt.toArray(),\n    })\n  }\n\n  togglePoi(visible = true) {\n    this.warnMesh.forEach((sprite) => {\n      sprite.visible = visible\n    })\n    this.cameraMesh.forEach((sprite) => {\n      sprite.visible = visible\n    })\n  }\n\n  remove() {\n    // 删除摄像机POI点\n    this.cameraMesh.forEach((sprite) => {\n      sprite.removeFromParent()\n      sprite.remove()\n    })\n    this.cameraMesh.clear()\n    this.warnMesh.forEach((sprite) => {\n      sprite.removeFromParent()\n      sprite.remove()\n    })\n    this.warnMesh.clear()\n    this.eventListener.forEach((fn) => {\n      fn()\n    })\n    // 热力图\n    if (this.headMap)\n      this.headMap.remove()\n    this.eventListener.clear()\n\n    this.dialogManage.close()\n  }\n}\n\nexport default CameraPoi\n\nclass MethanePoint {\n  constructor() {\n\n  }\n\n  create() {\n    // 定义Shader的uniform变量\n\n    const geometry = new PlaneGeometry(10, 10)\n    const texture = new TextureLoader().load(`${usePath}p4/monitor.png`)\n    const circle = new Mesh(geometry, new MeshBasicMaterial({\n      map: texture,\n      side: DoubleSide,\n      transparent: true,\n    }))\n    circle.rotateX(-Math.PI / 3)\n    return circle\n  }\n\n  // 随机多点的方案\n  createBack() {\n    // 定义Shader的uniform变量\n\n    const group = new Group()\n    const geometry = new CircleGeometry(2, 32)\n    // 创建自定义着色器材质\n    const material = new ShaderMaterial({\n      vertexShader: `\n          void main() {\n              gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n              gl_PointSize = 20.0; // 设置点的大小\n          }\n      `,\n      fragmentShader: `\n          void main() {\n              vec2 center = vec2(0.5, 0.5); // 圆心坐标\n              vec2 toCenter = gl_PointCoord - center; // 计算点到圆心的向量\n              float distance = length(toCenter); // 计算点到圆心的距离\n              if (distance > 0.5) discard; // 超出半径范围的点直接丢弃\n              vec3 innerColor = vec3(1.0, .8, 0.0); // 内圈颜色为黄色\n              vec3 outerColor = vec3(0.8, 0.4, 0.0); // 外圈颜色为深橘色\n    \n              vec3 finalColor = mix(innerColor, outerColor, smoothstep(0.1, 0.23, distance)); // 根据距离混合颜色\n              if(distance>0.3) finalColor = mix(finalColor, vec3(0.75, 0.4, 0.0), smoothstep(0.25, 0.3, distance)); // 根据距离混合颜色\n              gl_FragColor = vec4(finalColor, 1.0); // 设置片段颜色\n          }\n      `,\n      blending: AdditiveBlending,\n      depthTest: false,\n      transparent: true,\n      side: DoubleSide,\n    })\n    const circle = new Mesh(geometry, new MeshBasicMaterial({ color: '#f7a157' }))\n    const numPoints = 100 // 点的数量\n\n    for (let i = 0; i < numPoints; i++) {\n      const x = Math.random() * 700 - 322 // 随机生成 x 坐标\n      const z = Math.random() * 340 - 144 // 随机生成 z 坐标\n      const point = circle.clone()\n      point.position.copy(new Vector3(x, 20.55, z))\n      point.rotateX(-Math.PI / 2)\n      group.add(point)\n    }\n\n    return group\n  }\n}\n\nclass Dialog {\n  manage: CameraPoi\n\n  camera: PerspectiveCamera\n  cameraPosition: Vector3\n  cameraTargetPosition: Vector3\n\n  borderMesh: Css2DPoi\n  cuteSprite: Sprite\n  eventListener: Set<Function> = new Set()\n  eventList: Map<string, Function> = new Map()\n\n  constructor(cameraManage) {\n    this.manage = cameraManage\n  }\n\n  async getMesh(position, cameraPosition) {\n    this.camera = new PerspectiveCamera(\n      90, window.innerWidth / window.innerHeight, 0.1, 100000000,\n    )\n    this.camera.position.copy(cameraPosition)\n    const target = this.getTarget(cameraPosition)\n    this.camera.lookAt(target)\n    const { texture, close } = this.manage.gobal.scene.setCustomPerspective(this.camera)\n    this.cuteSprite = new Sprite(new SpriteMaterial({ map: texture, depthTest: false, depthWrite: false }))\n    this.cuteSprite.center.set(0.5, 0.5)\n    this.cuteSprite.renderOrder = 5\n    this.cuteSprite.position.copy(position)\n\n    const unFrame = use.useframe(() => {\n      this.updateScale(this.cuteSprite)\n    })\n    this.eventListener.add(unFrame)\n\n    return new Promise((reslove) => {\n      setTimeout(() => {\n        this.getBorderMesh(this.camera, this.cuteSprite)\n        const group = new Group()\n        group.add(this.borderMesh)\n        group.add(this.cuteSprite)\n        close()\n        reslove(group)\n      }, 1000)\n    })\n  }\n\n  getTarget(cameraPosition, rotation = [-30, 0, 0]) {\n    // 将旋转角度转换为弧度\n    const angleX = MathUtils.degToRad(rotation[0])\n    const angleY = MathUtils.degToRad(rotation[1])\n    const angleZ = MathUtils.degToRad(rotation[2])\n\n    // 创建旋转矩阵\n    const rotationMatrix = new Matrix4()\n    rotationMatrix.makeRotationX(angleX)\n    rotationMatrix.multiply(new Matrix4().makeRotationY(angleY))\n    rotationMatrix.multiply(new Matrix4().makeRotationZ(angleZ))\n\n    // 定义相机的方向向量（例如，相机的方向默认为(0, 0, -1)）\n    const cameraDirection = new Vector3(0, 0, 1)\n\n    // 将相机的方向向量乘以旋转矩阵，得到相机目标位置的向量\n    const targetDirection = cameraDirection.clone().applyMatrix4(rotationMatrix)\n\n    // 计算相机的目标位置\n    return cameraPosition.clone().add(targetDirection)\n  }\n\n  getBoxSize(sprite: Sprite) {\n    const { camera } = use.useScene()\n\n    // 获取设备像素比\n    const devicePixelRatio = window.devicePixelRatio || 1\n    // 获取精灵对象的边界框\n    const bbox = new Box3().setFromObject(sprite)\n    // 将边界框的最小和最大顶点转换为屏幕坐标\n    const min = bbox.min.project(camera)\n    const max = bbox.max.project(camera)\n\n    // 计算精灵在屏幕中的宽度和高度像素值\n    let width = (max.x - min.x) * window.innerWidth / devicePixelRatio * 0.9458\n    let height = (max.y - min.y) * window.innerHeight / devicePixelRatio * 1.0617\n\n    // 定义设备像素比和对应的缩放系数的映射关系\n    const scaleFactors = {\n      1: 0.5,\n      1.5: 0.75,\n      2: 1,\n    }\n    const scaleFactor = scaleFactors[devicePixelRatio] || 1\n    // 应用缩放系数\n    width *= scaleFactor\n    height *= scaleFactor\n\n    return { width, height }\n  }\n\n  updateScale(sprite: Sprite) {\n    const { camera } = use.useScene()\n    // 距离限制范围的值，用于计算缩放比例\n    const minDistance = 0.1\n    const maxDistance = 1000000\n    // 获取相机和物体的世界坐标位置\n    const cameraPosition = camera?.position\n    const objectPosition = sprite.position\n\n    // 计算相机和物体之间的距离\n    const distance = cameraPosition?.distanceTo(objectPosition) || 0.1\n\n    // 使用 Math.min() 和 Math.max() 方法限制 resultDistance 的范围\n    const clampedDistance = Math.max(minDistance, Math.min(maxDistance, distance))\n    // console.log('clampedDistance:',clampedDistance)\n    // 按照缩放系数和距离进行缩放，缩放系数应该约定好一个固定值\n    sprite.scale.copy(new Vector3(clampedDistance * 1.5, 1.05 * clampedDistance, 1))\n  }\n\n  addEventListener(eventName, fn) {\n    if (this.eventList.has(eventName))\n      this.eventList[eventName] = fn\n    else\n      this.eventList.set(eventName, fn)\n  }\n\n  getBorderMesh(camera, sprite: Sprite) {\n    let { width, height } = this.getBoxSize(sprite)\n\n    // 弹窗容器\n    const dialogDiv = document.createElement('div')\n    width += 5\n    height += 5\n    Object.assign(dialogDiv.style, {\n      'width': `${width}px`,\n      'height': `${height}px`,\n      'z-index': '3 !important',\n      'backgroundImage': `url(${usePath}p4/border.png)`,\n      'backgroundSize': '100% 100%',\n      'backgroundRepeat': 'no-repeat',\n      'position': 'relative',\n\n    // left: `${(window.innerWidth - width) / 2}px`,\n    // top: `${(window.innerHeight - height) / 2}px`,\n    })\n\n    const maskingDiv = document.createElement('div')\n    maskingDiv.className = 'dialog-mask'\n    dialogDiv.appendChild(maskingDiv)\n\n    // 关闭按钮\n    const closeSpan = document.createElement('span')\n    closeSpan.className = 'dialog-close'\n    closeSpan.addEventListener('click', () => {\n      this.eventList.has('close') && this.eventList.get('close')()\n      this.close()\n    })\n    const hLine = document.createElement('span')\n    hLine.className = 'dialog-close-line dialog-close-h-line'\n    closeSpan.appendChild(hLine)\n    const vLine = document.createElement('span')\n    vLine.className = 'dialog-close-line dialog-close-v-line'\n    closeSpan.appendChild(vLine)\n    dialogDiv.appendChild(closeSpan)\n\n    // 操作按钮\n    const op = document.createElement('div')\n    op.className = 'dialog-operate'\n    dialogDiv.appendChild(op)\n    const opList = ['left', 'right', 'top', 'bottom']\n    opList.forEach((key) => {\n      const btnSpan = document.createElement('span')\n      btnSpan.className = `dialog-operate-btn dialog-operate-${key}`\n      btnSpan.addEventListener('click', () => {\n        switch (key) {\n          case 'top':\n            camera.rotation.x -= 0.01\n            break\n          case 'bottom':\n            camera.rotation.x += 0.01\n            break\n          case 'left':\n            camera.rotation.y -= 0.01\n            break\n          case 'right':\n            camera.rotation.y += 0.01\n            break\n        }\n        const { texture, close } = this.manage.gobal.scene.setCustomPerspective(camera)\n        sprite.material = new SpriteMaterial({ map: texture, depthTest: false, depthWrite: false })\n        setTimeout(() => close(), 800)\n      })\n      op.appendChild(btnSpan)\n    })\n\n    // 滑动条\n    const sliderDiv = document.createElement('div')\n    sliderDiv.className = 'dialog-slider-container'\n    const sliderBar = document.createElement('input')\n    sliderBar.type = 'range'\n    sliderBar.min = '30'\n    sliderBar.max = '120'\n    sliderBar.value = '90'\n    sliderBar.className = 'dialog-slider'\n    sliderBar.addEventListener('input', () => {\n      camera.fov = sliderBar.value\n      camera.updateProjectionMatrix()\n      const { texture, close } = this.manage.gobal.scene.setCustomPerspective(camera)\n      sprite.material = new SpriteMaterial({ map: texture, depthTest: false, depthWrite: false })\n      setTimeout(() => close(), 800)\n    })\n    sliderDiv.appendChild(sliderBar)\n    dialogDiv.appendChild(sliderDiv)\n\n    this.borderMesh = new Css2DPoi(dialogDiv)\n    this.borderMesh.position.copy(sprite.position)\n    return this.borderMesh\n  }\n\n  addStyle() {\n  // 设置 CSS 规则\n    const css = `\n    .page-mask{\n        position: fixed;\n        top: 0;\n        left: 0;\n        bottom:0;\n        right:0;\n        //width: 100%;\n        //height: 100%;\n        background-color: rgba(0, 0, 0, 0.5); /* 半透明背景 */\n        //filter: blur(10px); /* 模糊效果 */\n        z-index: 1 !important; /* 确保蒙版位于其他元素之上 */\n    }\n    .dialog-mask{\n      position: absolute;\n      top: 8px;\n      left: 6px;\n      width: calc(100% - 12px);\n      height: calc(100% - 16px);\n     background: linear-gradient(90deg, rgba(0, 0, 0,.4) 0%,rgba(0, 0, 0,.2) 10%, rgba(0, 0, 0,0) 20%, rgba(0,0,0, 0) 50%, rgba(0, 0, 0,0) 80%, rgba(0, 0, 0,0.2) 90%, rgba(0, 0, 0,.4) 100%);\n     pointer-events: auto;\n     opacity: 1;\n     transform: perspective(100px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n     transform-origin: center center;\n    }\n    .hot-back{\n      width: 70px;\n      height: 25px;\n      border-radius: 2px;\n      color: #fff;\n      font-weight: bold;\n      font-size: 14px;\n      border:1px solid #d1ae6d;\n      background-color: #c8ab75;\n      cursor: pointer; /* 鼠标指针样式 */\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      position: absolute;\n      left: 30px;\n      top: 30px;\n      pointer-events: auto;\n    }\n    .hot-back:hover{\n      background-color:#c8a158;\n    }\n    .dialog-close{\n      width: 20px;\n      height: 20px;\n      border-radius: 2px;\n      color: #fff;\n      background-color: #c8ab75;\n      cursor: pointer; /* 鼠标指针样式 */\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      position: absolute;\n      right: 20px;\n      top: 15px;\n      pointer-events: auto;\n    }\n\n    .dialog-close:hover{\n      background-color:#c8a158;\n    }\n\n    .dialog-close-line{\n      width: 14px;\n      height: 2px;\n      background-color: #fff;\n      position: absolute;\n      top: 9px;\n      display: block;\n    }\n\n    .dialog-close-h-line{\n      transform: rotate(-45deg);\n    }\n\n    .dialog-close-v-line{\n      transform: rotate(45deg);\n    }\n\n    .dialog-operate{\n      width: 120px;\n      height: 120px;\n      background-image: url(${usePath}p4/operate.png);\n      background-size: 100% 100%;\n      background-repeat: no-repeat;\n      position: absolute;\n      right: 15px;\n      bottom: 10px;\n      pointer-events: auto;\n    }\n\n    .dialog-operate-btn{\n      width: 0;\n      height: 0;\n      position: absolute;\n      cursor: pointer;\n      pointer-events: auto;\n    }\n\n    .dialog-operate-top{\n      border-left: 8px solid transparent; /* 左边透明 */\n      border-right: 8px solid transparent; /* 右边透明 */\n      border-bottom: 8px solid #f2c67d; /* 底边实心 */\n      left: calc(50% - 9px);\n      top: 20px;\n    }\n    .dialog-operate-top:hover{\n      border-bottom-color:#fff2dd;\n    }\n\n    .dialog-operate-bottom{\n      border-left: 8px solid transparent; /* 左边透明 */\n      border-right: 8px solid transparent; /* 右边透明 */\n      border-top: 8px solid #f2c67d; /* 底边实心 */\n      left: calc(50% - 9px);\n      bottom: 20px;\n    }\n\n    .dialog-operate-bottom:hover{\n      border-top-color:#fff2dd;\n    }\n\n    .dialog-operate-left{\n      border-top: 8px solid transparent; /* 左边透明 */\n        border-bottom: 8px solid transparent; /* 右边透明 */\n        border-right: 8px solid #f2c67d; /* 底边实心 */\n        top: calc(50% - 9px);\n        left: 20px;\n    }\n    .dialog-operate-left:hover{\n      border-right-color:#fff2dd;\n    }\n\n    .dialog-operate-right{\n      border-top: 8px solid transparent; /* 左边透明 */\n      border-bottom: 8px solid transparent; /* 右边透明 */\n      border-left: 8px solid #f2c67d; /* 底边实心 */\n      top: calc(50% - 9px);\n      right: 20px;\n    }\n\n    .dialog-operate-right:hover{\n      border-left-color:#fff2dd;\n    }\n    \n    .dialog-slider-container {\n      width: 13px;\n      height: 300px;\n      background: url(${usePath}p4/slider.png);\n      background-size: 100% 100%;\n      position:absolute;\n      right:23px;\n      top:50px;\n  }\n\n  .dialog-slider {\n      -webkit-appearance: none;\n      width: 300px;\n      height: 13px;\n      background: transparent;\n      outline: none;\n      opacity: 0.7;\n      -webkit-transition: .2s;\n      transition: opacity .2s;\n      transform: rotate(-90deg);\n      margin-left: -144px;\n      margin-top: 144px;\n      pointer-events: auto;\n  }\n\n  .dialog-slider::-webkit-slider-thumb {\n      -webkit-appearance: none;\n      appearance: none;\n      width: 7px;\n      height: 20px;\n      background: #eebe76;\n      cursor: pointer;\n      border-radius: 5px;\n  }\n\n  .dialog-slider::-moz-range-thumb {\n      width: 7px;\n      height: 20px;\n      background: #eebe76;\n      cursor: pointer;\n      border-radius: 5px;\n  }\n`\n    // 创建一个 <style> 元素\n    const styleElement = document.createElement('style')\n    styleElement.appendChild(document.createTextNode(css))\n    // 将 <style> 元素添加到 <head> 中\n    document.head.appendChild(styleElement)\n  }\n\n  close() {\n    // 删除弹窗POI\n    if (this.borderMesh) {\n      this.borderMesh.remove()\n      this.borderMesh.removeFromParent()\n    }\n    if (this.cuteSprite) {\n      this.cuteSprite.remove()\n      this.cuteSprite.removeFromParent()\n    }\n    // 移除事件监听\n    this.eventListener.forEach((fn) => {\n      fn()\n    })\n    this.eventListener.clear()\n    this.eventList.clear()\n  }\n}\n\nclass HeadMap {\n  TemperatureColorStops = {\n    1.0: '#f00',\n    0.9: '#e2fa00',\n    0.6: '#33f900',\n    0.3: '#0349df',\n    0.0: '#0f00ff',\n  }\n\n  eventList: Map<string, Function> = new Map()\n  backEle: HTMLElement\n  heatMapPlane: Mesh\n  canvasList = []\n\n  constructor() {\n\n  }\n\n  // 热力图\n  create(distance) {\n    const heatmap = heatMap.create({\n      container: this.createDom(),\n      gradient: this.TemperatureColorStops,\n    })\n    let len = 1200\n    const width = window.innerWidth\n    const height = window.innerHeight\n    const points = []\n    let max = 0\n    while (len--) {\n      const val = Math.floor(Math.random() * 10)\n      max = Math.max(max, val)\n      const point = {\n        x: Math.floor(Math.random() * width),\n        y: Math.floor(Math.random() * height),\n        value: val,\n      }\n      points.push(point)\n    }\n    heatmap.setData({\n      max,\n      data: points,\n    })\n\n    // 灰度图\n    const greymap = heatMap.create({\n      container: this.createDom(),\n      gradient: {\n        '0': 'black',\n        '1.0': 'white',\n      },\n    })\n\n    greymap.setData({\n      max,\n      data: points,\n    })\n    const heatMapMaterial = new ShaderMaterial({\n      transparent: true,\n      depthTest: false,\n      side: DoubleSide,\n      vertexShader: `varying vec2 vUv;\n        uniform float Zscale;\n        uniform sampler2D greyMap;\n        void main() {\n         vUv = uv;\n        vec4 frgColor = texture2D(greyMap, uv);//获取灰度图点位信息\n        float height = Zscale * frgColor.a;//通过灰度图的rgb*需要设置的高度计算出热力图每个点位最终在z轴高度\n        vec3 transformed = vec3( position.x, position.y, height);//重新组装点坐标\n        gl_Position = projectionMatrix * modelViewMatrix * vec4(transformed, 1.0);//渲染点位\n       \n        }\n      `,\n      fragmentShader: `varying vec2 vUv;\n        uniform sampler2D heatMap;//热力图\n        uniform vec3 u_color;//基础颜色\n        uniform float u_opacity; // 透明度\n        void main() {\n          //vec4 alphaColor = texture2D(heatMap, vUv);\n          // gl_FragColor = alphaColor;\n           gl_FragColor = vec4(u_color, u_opacity) * texture2D(heatMap, vUv);//把热力图颜色和透明度进行渲染\n        }`,\n      uniforms: {\n        heatMap: {\n          value: { value: undefined },\n        },\n        greyMap: {\n          value: { value: undefined },\n        },\n        Zscale: { value: 0 }, // 高度参数\n        u_color: {\n          value: new Color('rgb(255, 255, 255)'),\n        },\n        u_opacity: {\n          value: 0.8,\n        },\n      },\n    })\n\n    const texture = new Texture(heatmap._renderer.canvas)\n    texture.needsUpdate = true\n    const greyTexture = new Texture(greymap._renderer.canvas)\n    greyTexture.needsUpdate = true\n\n    heatMapMaterial.uniforms.heatMap.value = texture\n    heatMapMaterial.uniforms.greyMap.value = greyTexture\n\n    const { camera } = use.useScene()\n    // 计算平面的尺寸\n    const h = 2 * Math.tan(camera.fov * Math.PI / 360) * distance * 2 * 0.85\n    const w = h * camera.aspect\n\n    const heatMapGeometry = new PlaneGeometry(w, h, 100, 100) // 3d热力图大小，及分块数量\n    const heatMapPlane = new Mesh(heatMapGeometry, heatMapMaterial)\n    heatMapPlane.rotation.set(-Math.PI / 2, 0, 0)\n\n    this.heatMapPlane = heatMapPlane\n    return heatMapPlane\n  }\n\n  addEventListener(eventName, fn) {\n    if (this.eventList.has(eventName))\n      this.eventList[eventName] = fn\n    else\n      this.eventList.set(eventName, fn)\n  }\n\n  addBack() {\n    this.backEle = document.createElement('div')\n    this.backEle.className = 'hot-back'\n    this.backEle.innerHTML = '返回'\n    document.body.appendChild(this.backEle)\n    this.backEle.addEventListener('click', () => {\n      this.eventList.has('close') && this.eventList.get('close')()\n      // this.remove()\n    })\n  }\n\n  createDom() {\n    // 创建一个新的 canvas 元素\n    const canvas = document.createElement('canvas')\n    canvas.style.zIndex = '-1'\n    // 设置 canvas 元素的宽度和高度\n    canvas.width = window.innerWidth\n    canvas.height = window.innerHeight\n    document.body.appendChild(canvas)\n    this.canvasList.push(canvas)\n    return canvas\n  }\n\n  remove() {\n    this.canvasList.forEach((canvas) => {\n      canvas.remove()\n    })\n    this.canvasList.length = 0\n    this.backEle && this.backEle.remove()\n    this.heatMapPlane.removeFromParent()\n    this.heatMapPlane.remove()\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["AdditiveBlending","Box3","CircleGeometry","Color","DoubleSide","Group","MathUtils","Matrix4","Mesh","MeshBasicMaterial","ModelLoader","PerspectiveCamera","PlaneGeometry","ShaderMaterial","Sprite","SpriteMaterial","Texture","TextureLoader","Vector3","gsap","use","Css2DPoi","SpritePoi","heatMap","MessageType","sendToMessage","EMessageStatus","regionMap","usePath","load","CameraPoi","gobal","Map","Set","dialogManage","Dialog","addStyle","loadGLTF","gltf","model","Object","keys","forEach","key","region","group","name","camera","id","sprite","scale","rotation","y","Math","PI","position","fromArray","copy","add","scan","scene","clone","addScalar","x","cameraMesh","set","title","interactionManager","cameraEvent","point","MethanePoint","probePoint","item","mesh","warn","probeEvent","to","duration","ease","yoyo","repeat","create","warnMesh","rotatingRight","unFrame","useframe","children","z","abs","eventListener","useScene","unClick","addEventListener","Event","Success","undefined","targetPosition","toArray","camaraPosition","startPosition","cameraLookAt","getWorldDirection","cameraUtil","target","getMesh","dialogMesh","visible","togglePoi","then","headMap","HeadMap","distanceTo","closeHotmap","remove","removeFromParent","clear","fn","close","geometry","texture","circle","map","side","transparent","rotateX","material","vertexShader","fragmentShader","blending","depthTest","color","numPoints","i","random","cameraManage","manage","cameraPosition","window","innerWidth","innerHeight","setCustomPerspective","cuteSprite","depthWrite","center","renderOrder","updateScale","Promise","reslove","setTimeout","borderMesh","getBorderMesh","cuteSprites","push","angleX","degToRad","angleY","angleZ","rotationMatrix","makeRotationX","multiply","makeRotationY","makeRotationZ","cameraDirection","targetDirection","applyMatrix4","devicePixelRatio","bbox","setFromObject","min","project","max","w","h","dom","document","querySelector","clientWidth","clientHeight","width","height","scaleFactor","minDistance","maxDistance","objectPosition","distance","clampedDistance","eventName","eventList","has","getBoxSize","dialogDiv","createElement","assign","style","maskingDiv","className","appendChild","closeSpan","get","hLine","vLine","op","opList","btnSpan","sliderDiv","sliderBar","type","value","fov","updateProjectionMatrix","css","styleElement","createTextNode","head","console","log","length","heatmap","container","createDom","gradient","TemperatureColorStops","len","points","val","floor","setData","data","greymap","heatMapMaterial","uniforms","greyMap","Zscale","u_color","u_opacity","_renderer","canvas","needsUpdate","greyTexture","tan","aspect","heatMapGeometry","heatMapPlane","backEle","innerHTML","body","zIndex","canvasList"],"sources":["../../../src/factory/unit/CameraPoi.ts"],"sourcesContent":["import type { Object3D } from '@anov/3d-core'\nimport { AdditiveBlending, Box3, CircleGeometry, Color, DoubleSide, Euler, Group, MathUtils, Matrix4, Mesh, MeshBasicMaterial, ModelLoader, PerspectiveCamera, PlaneGeometry, ShaderMaterial, Sprite, SpriteMaterial, Texture, TextureLoader, Vector3, WebGLRenderTarget, gsap, use, utils } from '@anov/3d-core'\nimport { Css2DPoi, SpritePoi } from '@anov/3d-ability'\nimport heatMap from 'anov-heat-map'\nimport { MessageType, sendToMessage } from '../../utils/messageFn'\nimport { EMessageStatus } from '../../messageStatus'\n\n// @ts-ignore\nimport type Factory3D from '../3d'\n\n// @ts-ignore\nimport { regionMap } from '../regionData'\nimport { usePath } from '../3d'\n\nconst load = new ModelLoader()\nclass CameraPoi {\n  gobal: Factory3D\n  cameraMesh: Map<string, Group> = new Map()\n  warnMesh: Map<string, SpritePoi> = new Map()\n  headMap: HeadMap\n  dialogManage: Dialog\n  eventListener: Set<Function> = new Set()\n\n  startPosition: Vector3\n  cameraLookAt: Vector3\n\n  constructor(gobal: Factory3D) {\n    this.gobal = gobal\n    this.dialogManage = new Dialog(this)\n    this.dialogManage.addStyle()\n  }\n\n  async generateObject() {\n    const model = await load.loadGLTF(`${usePath}shexiang.glb`, false, true, './draco/', (gltf) => {\n      return gltf\n    })\n\n    Object.keys(regionMap).forEach(async (key: string) => {\n      // 摄像机\n      const region = regionMap[key]\n      const group = new Group()\n      group.name = region.camera.id\n      const sprite = new SpritePoi(`${usePath}camera.png`, { scale: [10, 10, 1] })\n      sprite.rotation.y = Math.PI\n      const position = new Vector3().fromArray(region.camera.position)\n      sprite.position.copy(position)\n      group.add(sprite)\n\n      const scan = model.scene.clone()\n      scan.scale.addScalar(5)\n      scan.rotation.x = (-Math.PI / 2) + 0.5\n      scan.position.copy(position.clone().add(new Vector3(0, -2, 0)))\n      group.add(scan)\n\n      this.cameraMesh.set(region.title, group)\n      this.gobal.interactionManager.add(group)\n      this.cameraEvent(group, region)\n      this.gobal.scene.add(group)\n\n      // 甲烷检测点\n      const point = new MethanePoint()\n      region.probePoint?.forEach((item) => {\n        let mesh\n        if (item.warn) {\n          mesh = new SpritePoi(`${usePath}p4/warn.png`, { scale: [10, 10, 1] })\n          this.gobal.interactionManager.add(mesh)\n          this.probeEvent(mesh, region)\n          // 使用GSAP创建跳动动画\n          gsap.to(mesh.position, {\n            y: '+=3', // 上跳10个单位\n            duration: 0.2, // 动画持续时间\n            ease: 'power1.inOut', // 缓动函数\n            yoyo: true, // 循环\n            repeat: -1, // 无限重复\n          })\n        }\n        else {\n          mesh = point.create()\n        }\n        mesh.position.copy(new Vector3().fromArray(item.position))\n        this.warnMesh.set(region.title, mesh)\n\n        this.gobal.scene.add(mesh)\n      })\n    })\n    // 设置左右旋转的标志位和旋转速度\n    let rotatingRight = true // 是否正在向右转动\n\n    const unFrame = use.useframe(() => {\n      this.cameraMesh.forEach((group) => {\n        const scan = group.children[1]\n        // 更新相机的旋转角度\n        if (rotatingRight) {\n          // 向右旋转\n          scan.rotation.z += 0.005\n        }\n        else {\n          // 向左旋转\n          scan.rotation.z -= 0.005\n        }\n\n        // 检查是否达到目标旋转角度\n        if (Math.abs(scan.rotation.z) >= Math.abs(Math.PI / 4)) {\n          // 到达目标角度，切换旋转方向并更新目标角度\n          rotatingRight = !rotatingRight\n        }\n      })\n    })\n    this.eventListener.add(unFrame)\n  }\n\n  cameraEvent(sprite: Group, region: any) {\n    const { camera } = use.useScene()\n    const unClick = sprite.addEventListener('click', async () => {\n      sendToMessage(MessageType.Event, 'onCameraStatus', EMessageStatus.Success, undefined, { id: region.camera.id })\n\n      const position = new Vector3().fromArray(region.camera.position)\n      const targetPosition: [number, number, number] = position.clone().toArray()\n      const camaraPosition: [number, number, number] = position.clone().add(new Vector3(0, 40, 80)).toArray()\n\n      const startPosition = camera.position.clone()\n      // 获取相机朝向\n      const cameraLookAt = new Vector3() // 创建一个向量来存储相机朝向\n      camera.getWorldDirection(cameraLookAt) // 获取相机朝向并存储在向量中\n      this.gobal.cameraUtil.set({\n        position: camaraPosition,\n        target: targetPosition,\n      })\n\n      const dialogMesh = await this.dialogManage.getMesh(position, position.clone().add(new Vector3(0, -15, 5)))\n      this.dialogManage.addEventListener('close', () => {\n        // 初始相机到原始位置\n        this.gobal.cameraUtil.set({\n          position: startPosition.toArray(),\n          target: cameraLookAt.toArray(),\n        })\n        sendToMessage(MessageType.Event, 'onCancelCameraStatus', EMessageStatus.Success, undefined, { id: region.camera.id })\n      })\n      this.gobal.scene.add(dialogMesh)\n    })\n    // this.eventListener.add(unClick)\n  }\n\n  probeEvent(sprite: SpritePoi, region) {\n    const { camera } = use.useScene()\n    sprite.addEventListener('click', async () => {\n      if (!sprite.visible)\n        return\n      sprite.visible = false\n      sendToMessage(MessageType.Event, 'onGasMonitorStatus', EMessageStatus.Success, undefined, { id: region.probePoint[0].id })\n      this.togglePoi(false)\n      const position = new Vector3().fromArray(region.probePoint[0].position)\n      const camaraPosition = position.clone().add(new Vector3(0, 30, 0))\n\n      this.startPosition = camera.position.clone()\n      // 获取相机朝向\n      this.cameraLookAt = new Vector3() // 创建一个向量来存储相机朝向\n      camera.getWorldDirection(this.cameraLookAt) // 获取相机朝向并存储在向量中\n      this.gobal.cameraUtil.set({\n        position: camaraPosition.toArray(),\n        target: position.clone().toArray(),\n      }).then(() => {\n        this.headMap = new HeadMap()\n        const mesh = this.headMap.create(camaraPosition.distanceTo(position))\n        mesh.position.copy(sprite.position)\n        mesh.position.y = 0.5\n        this.gobal.scene.add(mesh)\n\n        // this.headMap.addBack()\n        this.headMap.addEventListener('close', () => {\n          this.closeHotmap()\n          // this.togglePoi(true)\n\n          // this.gobal.cameraUtil.set({\n          //   position: this.startPosition.toArray(),\n          //   target: this.cameraLookAt.toArray(),\n          // })\n        })\n      })\n    })\n  }\n\n  closeHotmap() {\n    this.headMap.remove()\n    this.togglePoi(true)\n\n    this.gobal.cameraUtil.set({\n      position: this.startPosition.toArray(),\n      target: this.cameraLookAt.toArray(),\n    })\n  }\n\n  togglePoi(visible = true) {\n    this.warnMesh.forEach((sprite) => {\n      sprite.visible = visible\n    })\n    this.cameraMesh.forEach((sprite) => {\n      sprite.visible = visible\n    })\n  }\n\n  remove() {\n    // 删除摄像机POI点\n    this.cameraMesh.forEach((sprite) => {\n      sprite.removeFromParent()\n      sprite.remove()\n    })\n    this.cameraMesh.clear()\n    this.warnMesh.forEach((sprite) => {\n      sprite.removeFromParent()\n      sprite.remove()\n    })\n    this.warnMesh.clear()\n    this.eventListener.forEach((fn) => {\n      fn()\n    })\n    // 热力图\n    if (this.headMap)\n      this.headMap.remove()\n    this.eventListener.clear()\n\n    this.dialogManage.close()\n  }\n}\n\nexport default CameraPoi\n\nclass MethanePoint {\n  constructor() {\n\n  }\n\n  create() {\n    // 定义Shader的uniform变量\n\n    const geometry = new PlaneGeometry(10, 10)\n    const texture = new TextureLoader().load(`${usePath}p4/monitor.png`)\n    const circle = new Mesh(geometry, new MeshBasicMaterial({\n      map: texture,\n      side: DoubleSide,\n      transparent: true,\n    }))\n    circle.rotateX(-Math.PI / 3)\n    return circle\n  }\n\n  // 随机多点的方案\n  createBack() {\n    // 定义Shader的uniform变量\n\n    const group = new Group()\n    const geometry = new CircleGeometry(2, 32)\n    // 创建自定义着色器材质\n    const material = new ShaderMaterial({\n      vertexShader: `\n          void main() {\n              gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n              gl_PointSize = 20.0; // 设置点的大小\n          }\n      `,\n      fragmentShader: `\n          void main() {\n              vec2 center = vec2(0.5, 0.5); // 圆心坐标\n              vec2 toCenter = gl_PointCoord - center; // 计算点到圆心的向量\n              float distance = length(toCenter); // 计算点到圆心的距离\n              if (distance > 0.5) discard; // 超出半径范围的点直接丢弃\n              vec3 innerColor = vec3(1.0, .8, 0.0); // 内圈颜色为黄色\n              vec3 outerColor = vec3(0.8, 0.4, 0.0); // 外圈颜色为深橘色\n    \n              vec3 finalColor = mix(innerColor, outerColor, smoothstep(0.1, 0.23, distance)); // 根据距离混合颜色\n              if(distance>0.3) finalColor = mix(finalColor, vec3(0.75, 0.4, 0.0), smoothstep(0.25, 0.3, distance)); // 根据距离混合颜色\n              gl_FragColor = vec4(finalColor, 1.0); // 设置片段颜色\n          }\n      `,\n      blending: AdditiveBlending,\n      depthTest: false,\n      transparent: true,\n      side: DoubleSide,\n    })\n    const circle = new Mesh(geometry, new MeshBasicMaterial({ color: '#f7a157' }))\n    const numPoints = 100 // 点的数量\n\n    for (let i = 0; i < numPoints; i++) {\n      const x = Math.random() * 700 - 322 // 随机生成 x 坐标\n      const z = Math.random() * 340 - 144 // 随机生成 z 坐标\n      const point = circle.clone()\n      point.position.copy(new Vector3(x, 20.55, z))\n      point.rotateX(-Math.PI / 2)\n      group.add(point)\n    }\n\n    return group\n  }\n}\n\nclass Dialog {\n  manage: CameraPoi\n\n  camera: PerspectiveCamera\n  cameraPosition: Vector3\n  cameraTargetPosition: Vector3\n\n  cuteSprites: Array<Object3D> = []\n  eventListener: Set<Function> = new Set()\n  eventList: Map<string, Function> = new Map()\n\n  constructor(cameraManage) {\n    this.manage = cameraManage\n  }\n\n  async getMesh(position, cameraPosition) {\n    this.close()\n    this.camera = new PerspectiveCamera(\n      90, window.innerWidth / window.innerHeight, 0.1, 10000,\n    )\n    this.camera.position.copy(cameraPosition)\n    this.camera.rotation.set(-Math.PI / 6, Math.PI, 0)\n\n    const { texture, close } = this.manage.gobal.scene.setCustomPerspective(this.camera)\n\n    const cuteSprite = new Sprite(new SpriteMaterial({ map: texture, depthTest: false, depthWrite: false }))\n    cuteSprite.center.set(0.5, 0.5)\n    cuteSprite.renderOrder = 5\n    cuteSprite.position.copy(position)\n\n    const unFrame = use.useframe(() => {\n      this.updateScale(cuteSprite)\n    })\n    this.eventListener.add(unFrame)\n\n    return new Promise((reslove) => {\n      setTimeout(() => {\n        const borderMesh = this.getBorderMesh(this.camera, cuteSprite)\n        const group = new Group()\n        group.add(borderMesh)\n        group.add(cuteSprite)\n        this.cuteSprites.push(borderMesh)\n        this.cuteSprites.push(cuteSprite)\n        close()\n        reslove(group)\n      }, 1000)\n    })\n  }\n\n  getTarget(cameraPosition, rotation = [0, 30, 0]) {\n    // 将旋转角度转换为弧度\n    const angleX = MathUtils.degToRad(rotation[0])\n    const angleY = MathUtils.degToRad(rotation[1])\n    const angleZ = MathUtils.degToRad(rotation[2])\n\n    // 创建旋转矩阵\n    const rotationMatrix = new Matrix4()\n    rotationMatrix.makeRotationX(angleX)\n    rotationMatrix.multiply(new Matrix4().makeRotationY(angleY))\n    rotationMatrix.multiply(new Matrix4().makeRotationZ(angleZ))\n\n    // 定义相机的方向向量（例如，相机的方向默认为(0, 0, -1)）\n    const cameraDirection = new Vector3(0, 0, 1)\n\n    // 将相机的方向向量乘以旋转矩阵，得到相机目标位置的向量\n    const targetDirection = cameraDirection.clone().applyMatrix4(rotationMatrix)\n\n    // 计算相机的目标位置\n    return cameraPosition.clone().add(targetDirection)\n  }\n\n  getBoxSize(sprite: Sprite) {\n    const { camera } = use.useScene()\n\n    // 获取设备像素比\n    const devicePixelRatio = window.devicePixelRatio || 1\n    // 获取精灵对象的边界框\n    const bbox = new Box3().setFromObject(sprite)\n    // 将边界框的最小和最大顶点转换为屏幕坐标\n    const min = bbox.min.project(camera)\n    const max = bbox.max.project(camera)\n\n    let [w, h] = [window.innerWidth, window.innerHeight]\n    const dom = document.querySelector('#app')\n    if (dom) {\n      w = dom.clientWidth\n      h = dom.clientHeight\n    }\n\n    // 计算精灵在屏幕中的宽度和高度像素值\n    let width = (max.x - min.x) * w / devicePixelRatio * 0.97\n    let height = (max.y - min.y) * h / devicePixelRatio * 1.089\n\n    const scaleFactor = devicePixelRatio * 0.5\n    // 应用缩放系数\n    width *= scaleFactor\n    height *= scaleFactor\n\n    return { width, height }\n  }\n\n  updateScale(sprite: Sprite) {\n    const { camera } = use.useScene()\n    // 距离限制范围的值，用于计算缩放比例\n    const minDistance = 0.1\n    const maxDistance = 1000000\n    // 获取相机和物体的世界坐标位置\n    const cameraPosition = camera?.position\n    const objectPosition = sprite.position\n\n    // 计算相机和物体之间的距离\n    const distance = cameraPosition?.distanceTo(objectPosition) || 0.1\n\n    // 使用 Math.min() 和 Math.max() 方法限制 resultDistance 的范围\n    const clampedDistance = Math.max(minDistance, Math.min(maxDistance, distance))\n    // console.log('clampedDistance:',clampedDistance)\n    // 按照缩放系数和距离进行缩放，缩放系数应该约定好一个固定值\n    sprite.scale.copy(new Vector3(clampedDistance * 1.3281, 0.8316 * clampedDistance, 1))\n  }\n\n  addEventListener(eventName, fn) {\n    if (this.eventList.has(eventName))\n      this.eventList[eventName] = fn\n    else\n      this.eventList.set(eventName, fn)\n  }\n\n  getBorderMesh(camera, sprite: Sprite) {\n    let { width, height } = this.getBoxSize(sprite)\n\n    // 弹窗容器\n    const dialogDiv = document.createElement('div')\n    width += 10\n    height += 10\n    Object.assign(dialogDiv.style, {\n      'width': `${width}px`,\n      'height': `${height}px`,\n      'z-index': '3 !important',\n      'backgroundImage': `url(${usePath}p4/border.png)`,\n      'backgroundSize': '100% 100%',\n      'backgroundRepeat': 'no-repeat',\n      'position': 'relative',\n\n    // left: `${(window.innerWidth - width) / 2}px`,\n    // top: `${(window.innerHeight - height) / 2}px`,\n    })\n\n    const maskingDiv = document.createElement('div')\n    maskingDiv.className = 'dialog-mask'\n    dialogDiv.appendChild(maskingDiv)\n\n    // 关闭按钮\n    const closeSpan = document.createElement('span')\n    closeSpan.className = 'dialog-close'\n    closeSpan.addEventListener('click', () => {\n      this.eventList.has('close') && this.eventList.get('close')()\n      this.close()\n    })\n    const hLine = document.createElement('span')\n    hLine.className = 'dialog-close-line dialog-close-h-line'\n    closeSpan.appendChild(hLine)\n    const vLine = document.createElement('span')\n    vLine.className = 'dialog-close-line dialog-close-v-line'\n    closeSpan.appendChild(vLine)\n    dialogDiv.appendChild(closeSpan)\n\n    // 操作按钮\n    const op = document.createElement('div')\n    op.className = 'dialog-operate'\n    dialogDiv.appendChild(op)\n    const opList = ['left', 'right', 'top', 'bottom']\n    opList.forEach((key) => {\n      const btnSpan = document.createElement('span')\n      btnSpan.className = `dialog-operate-btn dialog-operate-${key}`\n      btnSpan.addEventListener('click', () => {\n        switch (key) {\n          case 'top':\n            camera.rotation.x -= 0.01\n            break\n          case 'bottom':\n            camera.rotation.x += 0.01\n            break\n          case 'left':\n            camera.rotation.y -= 0.01\n            break\n          case 'right':\n            camera.rotation.y += 0.01\n            break\n        }\n        const { texture, close } = this.manage.gobal.scene.setCustomPerspective(camera)\n        sprite.material = new SpriteMaterial({ map: texture, depthTest: false, depthWrite: false })\n        setTimeout(() => close(), 800)\n      })\n      op.appendChild(btnSpan)\n    })\n\n    // 滑动条\n    const sliderDiv = document.createElement('div')\n    sliderDiv.className = 'dialog-slider-container'\n    const sliderBar = document.createElement('input')\n    sliderBar.type = 'range'\n    sliderBar.min = '30'\n    sliderBar.max = '120'\n    sliderBar.value = '90'\n    sliderBar.className = 'dialog-slider'\n    sliderBar.addEventListener('input', () => {\n      camera.fov = sliderBar.value\n      camera.updateProjectionMatrix()\n      const { texture, close } = this.manage.gobal.scene.setCustomPerspective(camera)\n      sprite.material = new SpriteMaterial({ map: texture, depthTest: false, depthWrite: false })\n      setTimeout(() => close(), 800)\n    })\n    sliderDiv.appendChild(sliderBar)\n    dialogDiv.appendChild(sliderDiv)\n\n    const borderMesh = new Css2DPoi(dialogDiv)\n    borderMesh.position.copy(sprite.position)\n    return borderMesh\n  }\n\n  addStyle() {\n  // 设置 CSS 规则\n    const css = `\n    .page-mask{\n        position: fixed;\n        top: 0;\n        left: 0;\n        bottom:0;\n        right:0;\n        //width: 100%;\n        //height: 100%;\n        background-color: rgba(0, 0, 0, 0.5); /* 半透明背景 */\n        //filter: blur(10px); /* 模糊效果 */\n        z-index: 1 !important; /* 确保蒙版位于其他元素之上 */\n    }\n    .dialog-mask{\n      position: absolute;\n      top: 8px;\n      left: 6px;\n      width: calc(100% - 12px);\n      height: calc(100% - 16px);\n     background: linear-gradient(90deg, rgba(0, 0, 0,.4) 0%,rgba(0, 0, 0,.2) 10%, rgba(0, 0, 0,0) 20%, rgba(0,0,0, 0) 50%, rgba(0, 0, 0,0) 80%, rgba(0, 0, 0,0.2) 90%, rgba(0, 0, 0,.4) 100%);\n     pointer-events: auto;\n     opacity: 1;\n     transform: perspective(100px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n     transform-origin: center center;\n    }\n    .hot-back{\n      width: 70px;\n      height: 25px;\n      border-radius: 2px;\n      color: #fff;\n      font-weight: bold;\n      font-size: 14px;\n      border:1px solid #d1ae6d;\n      background-color: #c8ab75;\n      cursor: pointer; /* 鼠标指针样式 */\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      position: absolute;\n      left: 30px;\n      top: 30px;\n      pointer-events: auto;\n    }\n    .hot-back:hover{\n      background-color:#c8a158;\n    }\n    .dialog-close{\n      width: 20px;\n      height: 20px;\n      border-radius: 2px;\n      color: #fff;\n      background-color: #c8ab75;\n      cursor: pointer; /* 鼠标指针样式 */\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      position: absolute;\n      right: 20px;\n      top: 15px;\n      pointer-events: auto;\n    }\n\n    .dialog-close:hover{\n      background-color:#c8a158;\n    }\n\n    .dialog-close-line{\n      width: 14px;\n      height: 2px;\n      background-color: #fff;\n      position: absolute;\n      top: 9px;\n      display: block;\n    }\n\n    .dialog-close-h-line{\n      transform: rotate(-45deg);\n    }\n\n    .dialog-close-v-line{\n      transform: rotate(45deg);\n    }\n\n    .dialog-operate{\n      width: 120px;\n      height: 120px;\n      background-image: url(${usePath}p4/operate.png);\n      background-size: 100% 100%;\n      background-repeat: no-repeat;\n      position: absolute;\n      right: 15px;\n      bottom: 10px;\n      pointer-events: auto;\n    }\n\n    .dialog-operate-btn{\n      width: 0;\n      height: 0;\n      position: absolute;\n      cursor: pointer;\n      pointer-events: auto;\n    }\n\n    .dialog-operate-top{\n      border-left: 8px solid transparent; /* 左边透明 */\n      border-right: 8px solid transparent; /* 右边透明 */\n      border-bottom: 8px solid #f2c67d; /* 底边实心 */\n      left: calc(50% - 9px);\n      top: 20px;\n    }\n    .dialog-operate-top:hover{\n      border-bottom-color:#fff2dd;\n    }\n\n    .dialog-operate-bottom{\n      border-left: 8px solid transparent; /* 左边透明 */\n      border-right: 8px solid transparent; /* 右边透明 */\n      border-top: 8px solid #f2c67d; /* 底边实心 */\n      left: calc(50% - 9px);\n      bottom: 20px;\n    }\n\n    .dialog-operate-bottom:hover{\n      border-top-color:#fff2dd;\n    }\n\n    .dialog-operate-left{\n      border-top: 8px solid transparent; /* 左边透明 */\n        border-bottom: 8px solid transparent; /* 右边透明 */\n        border-right: 8px solid #f2c67d; /* 底边实心 */\n        top: calc(50% - 9px);\n        left: 20px;\n    }\n    .dialog-operate-left:hover{\n      border-right-color:#fff2dd;\n    }\n\n    .dialog-operate-right{\n      border-top: 8px solid transparent; /* 左边透明 */\n      border-bottom: 8px solid transparent; /* 右边透明 */\n      border-left: 8px solid #f2c67d; /* 底边实心 */\n      top: calc(50% - 9px);\n      right: 20px;\n    }\n\n    .dialog-operate-right:hover{\n      border-left-color:#fff2dd;\n    }\n    \n    .dialog-slider-container {\n      width: 13px;\n      height: 350px;\n      background: url(${usePath}p4/slider.png);\n      background-size: 100% 100%;\n      position:absolute;\n      right:23px;\n      top:50px;\n  }\n\n  .dialog-slider {\n      -webkit-appearance: none;\n      width: 300px;\n      height: 13px;\n      background: transparent;\n      outline: none;\n      opacity: 0.7;\n      -webkit-transition: .2s;\n      transition: opacity .2s;\n      transform: rotate(-90deg);\n      margin-left: -144px;\n      margin-top: 144px;\n      pointer-events: auto;\n  }\n\n  .dialog-slider::-webkit-slider-thumb {\n      -webkit-appearance: none;\n      appearance: none;\n      width: 7px;\n      height: 20px;\n      background: #eebe76;\n      cursor: pointer;\n      border-radius: 5px;\n  }\n\n  .dialog-slider::-moz-range-thumb {\n      width: 7px;\n      height: 20px;\n      background: #eebe76;\n      cursor: pointer;\n      border-radius: 5px;\n  }\n`\n    // 创建一个 <style> 元素\n    const styleElement = document.createElement('style')\n    styleElement.appendChild(document.createTextNode(css))\n    // 将 <style> 元素添加到 <head> 中\n    document.head.appendChild(styleElement)\n  }\n\n  close() {\n    if (this.cuteSprites) {\n      this.cuteSprites.forEach((mesh) => {\n        console.log('mesh:', mesh)\n        mesh.remove()\n        mesh.removeFromParent()\n      })\n      this.cuteSprites.length = 0\n    }\n    // 移除事件监听\n    this.eventListener.forEach((fn) => {\n      fn()\n    })\n    this.eventListener.clear()\n    this.eventList.clear()\n  }\n}\n\nclass HeadMap {\n  TemperatureColorStops = {\n    1.0: '#f00',\n    0.9: '#e2fa00',\n    0.6: '#33f900',\n    0.3: '#0349df',\n    0.0: '#0f00ff',\n  }\n\n  eventList: Map<string, Function> = new Map()\n  backEle: HTMLElement\n  heatMapPlane: Mesh\n  canvasList = []\n\n  constructor() {\n\n  }\n\n  // 热力图\n  create(distance) {\n    const heatmap = heatMap.create({\n      container: this.createDom(),\n      gradient: this.TemperatureColorStops,\n    })\n    let len = 1200\n    const width = window.innerWidth\n    const height = window.innerHeight\n    const points = []\n    let max = 0\n    while (len--) {\n      const val = Math.floor(Math.random() * 10)\n      max = Math.max(max, val)\n      const point = {\n        x: Math.floor(Math.random() * width),\n        y: Math.floor(Math.random() * height),\n        value: val,\n      }\n      points.push(point)\n    }\n    heatmap.setData({\n      max,\n      data: points,\n    })\n\n    // 灰度图\n    const greymap = heatMap.create({\n      container: this.createDom(),\n      gradient: {\n        '0': 'black',\n        '1.0': 'white',\n      },\n    })\n\n    greymap.setData({\n      max,\n      data: points,\n    })\n    const heatMapMaterial = new ShaderMaterial({\n      transparent: true,\n      depthTest: false,\n      side: DoubleSide,\n      vertexShader: `varying vec2 vUv;\n        uniform float Zscale;\n        uniform sampler2D greyMap;\n        void main() {\n         vUv = uv;\n        vec4 frgColor = texture2D(greyMap, uv);//获取灰度图点位信息\n        float height = Zscale * frgColor.a;//通过灰度图的rgb*需要设置的高度计算出热力图每个点位最终在z轴高度\n        vec3 transformed = vec3( position.x, position.y, height);//重新组装点坐标\n        gl_Position = projectionMatrix * modelViewMatrix * vec4(transformed, 1.0);//渲染点位\n       \n        }\n      `,\n      fragmentShader: `varying vec2 vUv;\n        uniform sampler2D heatMap;//热力图\n        uniform vec3 u_color;//基础颜色\n        uniform float u_opacity; // 透明度\n        void main() {\n          //vec4 alphaColor = texture2D(heatMap, vUv);\n          // gl_FragColor = alphaColor;\n           gl_FragColor = vec4(u_color, u_opacity) * texture2D(heatMap, vUv);//把热力图颜色和透明度进行渲染\n        }`,\n      uniforms: {\n        heatMap: {\n          value: { value: undefined },\n        },\n        greyMap: {\n          value: { value: undefined },\n        },\n        Zscale: { value: 0 }, // 高度参数\n        u_color: {\n          value: new Color('rgb(255, 255, 255)'),\n        },\n        u_opacity: {\n          value: 0.8,\n        },\n      },\n    })\n\n    const texture = new Texture(heatmap._renderer.canvas)\n    texture.needsUpdate = true\n    const greyTexture = new Texture(greymap._renderer.canvas)\n    greyTexture.needsUpdate = true\n\n    heatMapMaterial.uniforms.heatMap.value = texture\n    heatMapMaterial.uniforms.greyMap.value = greyTexture\n\n    const { camera } = use.useScene()\n    // 计算平面的尺寸\n    const h = 2 * Math.tan(camera.fov * Math.PI / 360) * distance * 2 * 0.85\n    const w = h * camera.aspect\n\n    const heatMapGeometry = new PlaneGeometry(w, h, 100, 100) // 3d热力图大小，及分块数量\n    const heatMapPlane = new Mesh(heatMapGeometry, heatMapMaterial)\n    heatMapPlane.rotation.set(-Math.PI / 2, 0, 0)\n\n    this.heatMapPlane = heatMapPlane\n    return heatMapPlane\n  }\n\n  addEventListener(eventName, fn) {\n    if (this.eventList.has(eventName))\n      this.eventList[eventName] = fn\n    else\n      this.eventList.set(eventName, fn)\n  }\n\n  addBack() {\n    this.backEle = document.createElement('div')\n    this.backEle.className = 'hot-back'\n    this.backEle.innerHTML = '返回'\n    document.body.appendChild(this.backEle)\n    this.backEle.addEventListener('click', () => {\n      this.eventList.has('close') && this.eventList.get('close')()\n      // this.remove()\n    })\n  }\n\n  createDom() {\n    // 创建一个新的 canvas 元素\n    const canvas = document.createElement('canvas')\n    canvas.style.zIndex = '-1'\n    // 设置 canvas 元素的宽度和高度\n    canvas.width = window.innerWidth\n    canvas.height = window.innerHeight\n    document.body.appendChild(canvas)\n    this.canvasList.push(canvas)\n    return canvas\n  }\n\n  remove() {\n    this.canvasList.forEach((canvas) => {\n      canvas.remove()\n    })\n    this.canvasList.length = 0\n    this.backEle && this.backEle.remove()\n    this.heatMapPlane.removeFromParent()\n    this.heatMapPlane.remove()\n  }\n}\n"],"mappings":"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"}

package/dist/factory/unit/circle.d.ts

@@ -11,6 +11,7 @@ declare class CircleManage {
     remove(): void;
     setVisible(visible?: boolean): void;
     private bindEvent;
+    private getCameraPosition;
     private getData;
 }
 export default CircleManage;

package/dist/factory/unit/circle.js

@@ -5,9 +5,10 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import { Mesh, MeshPhysicalMaterial, SphereGeometry, Vector3, utils } from '@anov/3d-core';
+import { Mesh, MeshPhysicalMaterial, SphereGeometry, Vector3, use, utils } from '@anov/3d-core';
 import { Css2DPoi, EAnimationType } from '@anov/3d-ability';
 import { regionMap } from "../regionData";
+import { usePath } from "../3d";
 var emitter = utils.emitter;
 var CircleManage = /*#__PURE__*/function () {
   function CircleManage(gobal) {
@@ -65,8 +66,6 @@ var CircleManage = /*#__PURE__*/function () {
     value: function bindEvent(mesh, data) {
       var _this2 = this;
       this.interactionManager.add(mesh);
-      var skewing = new Vector3(0, 7.5, 0); // 偏移量
-
       var showPeoplePoi = function showPeoplePoi(data) {
         if (_this2.peoplePoi) {
           if (_this2.peoplePoi.name !== data.id) _this2.peoplePoi.removeFromParent();else return;
@@ -74,10 +73,12 @@ var CircleManage = /*#__PURE__*/function () {
         _this2.peoplePoi = new Css2DPoi(data.name, {
           width: 110,
           height: 33,
-          img: './person.png',
+          img: "".concat(usePath, "person.png"),
           style: {
             padding: '2px 20px 10px 45px',
-            fontSize: '14px'
+            fontSize: '14px',
+            pointerEvents: 'none',
+            marginTop: '-20px'
           },
           animation: {
             type: EAnimationType.fadeIn,
@@ -85,12 +86,13 @@ var CircleManage = /*#__PURE__*/function () {
           }
         });
         _this2.peoplePoi.name = data.id;
-        _this2.peoplePoi.position.copy(mesh.position.clone().add(skewing));
+        _this2.peoplePoi.position.copy(mesh.position.clone());
         _this2.scene.add(_this2.peoplePoi);
       };
       mesh.addEventListener('click', function () {
+        var position = _this2.getCameraPosition(new Vector3().fromArray(data.position), 43.5);
         _this2.gobal.cameraUtil.set({
-          position: [data.position[0], data.position[1] + 10, data.position[2] + 30],
+          position: position.toArray(),
           target: [data.position[0], data.position[1], data.position[2]]
         }).then(function () {});
         showPeoplePoi(data);
@@ -106,6 +108,22 @@ var CircleManage = /*#__PURE__*/function () {
         }
       });
     }
+  }, {
+    key: "getCameraPosition",
+    value: function getCameraPosition(targetPosition, distance) {
+      // 计算相机的位置
+      var cameraPosition = new Vector3();
+      var direction = new Vector3(); // 目标对象指向相机的方向
+
+      var _use$useScene = use.useScene(),
+        camera = _use$useScene.camera;
+      // 计算相机朝向目标对象的方向
+      direction.subVectors(camera.position, targetPosition).normalize();
+
+      // 将相机沿着目标对象方向移动以保持距离
+      cameraPosition.copy(targetPosition).add(direction.multiplyScalar(distance));
+      return cameraPosition;
+    }
   }, {
     key: "getData",
     value: function getData(belongTo) {