@anov/3d 0.0.73 → 0.0.75

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

@@ -1 +1 @@
-{"version":3,"names":["Vector3","use","utils","Css2DPoi","EAnimationType","SpritePoi","usePath","regionMap","walllMaterial","PoiManage","gobal","Map","Set","scene","wallManage","wall","interactionManager","storeManagement","get","Object","keys","forEach","key","region","wordLength","title","length","xScale","Math","max","poiHeight","option","scale","animation","type","grow","duration","fadeIn","sprite","getDom","position","copy","fromArray","poi","add","poiMesh","set","id","target","regionPlane","planeMesh","changeWallState","show","dialogPoi","visible","wallMesh","uniforms","value","wallGrowFrame","useframe","addEventListener","unClick","event","reset","addDialogPanel","point","poiEventListener","data","dom","document","createElement","assign","style","fontSize","backgroundImage","backgroundSize","backgroundRepeat","display","justifyContent","alignItems","textAlign","color","pointerEvents","cursor","height","minWidth","width","padding","img","src","left","top","appendChild","label","innerText","fontWeight","remove","removeFromParent","f","clear","content","print","clone"],"sources":["../../../src/factory/unit/poi.ts"],"sourcesContent":["import type { InteractionManager, Object3D, Scene } from '@anov/3d-core'\nimport { Vector3, use, utils } from '@anov/3d-core'\nimport { Css2DPoi, EAnimationType, SpritePoi } from '@anov/3d-ability'\nimport type Factory3D from '../3d'\nimport { usePath } from '../3d'\nimport { regionMap } from '../regionData'\nimport type WallManage from './wall'\nimport { walllMaterial } from './wall'\n\nclass PoiManage {\n  private gobal: Factory3D\n  private scene: Scene\n  private dialogPoi: Object3D\n  readonly poiMesh: Map<string, Object3D> = new Map()\n  readonly poiEventListener: Set<Function> = new Set()\n  private wallManage: WallManage\n  private interactionManager\n  private poiWidth: number\n  private poiHeight = 262\n\n  constructor(gobal) {\n    this.gobal = gobal\n    this.scene = gobal.scene.scene\n    this.wallManage = gobal.wall\n    this.interactionManager = utils.storeManagement.get<InteractionManager>('interactionManager')\n  }\n\n  async generatePoi() {\n    let wordLength, xScale\n    Object.keys(regionMap).forEach(async (key: string) => {\n      const region = regionMap[key]\n      wordLength = region.title.length\n      xScale = Math.max(wordLength * (wordLength > 6 ? 34 : 40), 180) / this.poiHeight * 80\n      const option = {\n        scale: [xScale, 80, 1],\n        animation: [{\n          type: EAnimationType.grow,\n          duration: 1,\n        }, {\n          type: EAnimationType.fadeIn,\n          duration: 0.2,\n        }],\n      }\n      const sprite = new SpritePoi(this.getDom(region), option)\n      sprite.position.copy(new Vector3().fromArray(region.poi.position))\n\n      this.scene.add(sprite)\n      this.poiMesh.set(region.poi.id, sprite)\n\n      // @ts-ignore\n      const target = this.gobal.regionPlane.planeMesh.get(region.id)\n\n      // 绑定事件\n      this.interactionManager.add(sprite)\n      const changeWallState = (show) => {\n        if (this.dialogPoi?.visible)\n          return\n        // 光墙\n        const wall = this.wallManage.wallMesh.get(region.id)\n        wall.visible = show\n        walllMaterial.uniforms.grow.value = 0\n\n        if (show) {\n          let wallGrowFrame\n\n          if (wallGrowFrame)\n            wallGrowFrame()\n\n          wallGrowFrame = use.useframe(() => {\n            walllMaterial.uniforms.grow.value += 3\n\n            if (walllMaterial.uniforms.grow.value > 50)\n              wallGrowFrame()\n          })\n        }\n      }\n\n      target.addEventListener('mouseover', () => {\n        if (!sprite.visible)\n          return\n        changeWallState(true)\n      })\n\n      sprite.addEventListener('mouseover', () => {\n        if (!sprite.visible)\n          return\n        changeWallState(true)\n      })\n\n      target.addEventListener('mouseout', () => {\n        changeWallState(false)\n      })\n\n      sprite.addEventListener('mouseout', () => {\n        changeWallState(false)\n      })\n\n      const unClick = sprite.addEventListener('click', (event) => {\n        if (!sprite.visible)\n          return\n        this.reset()\n\n        // 光墙\n        const wall = this.wallManage.wallMesh.get(region.id)\n        wall.visible = true\n        // 隐藏当前POI点\n        sprite.visible = false\n\n        // let wallGrowFrame\n\n        // if (wallGrowFrame)\n        //   wallGrowFrame()\n\n        // walllMaterial.uniforms.grow.value = 0\n\n        // wallGrowFrame = use.useframe(() => {\n        //   walllMaterial.uniforms.grow.value += 3\n        // })\n\n        this.addDialogPanel(region, event.point)\n      }) as Function\n      this.poiEventListener.add(unClick)\n    })\n  }\n\n  getDom(data) {\n    const dom = document.createElement('div')\n    const wordLength = data.title.length\n    Object.assign(dom.style, {\n      fontSize: '18px',\n      backgroundImage: `url(${usePath}poi.png)`,\n      backgroundSize: '100% 100%',\n      backgroundRepeat: 'no-repeat',\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'flex-start',\n      textAlign: 'center',\n      color: '#fff',\n      pointerEvents: 'auto',\n      cursor: 'pointer',\n      height: `${this.poiHeight}px`,\n      minWidth: '180px',\n      width: `${wordLength * (wordLength > 6 ? 34 : 40)}px`,\n      padding: '12px 0 0 25px',\n      position: 'relative',\n    })\n    const img = document.createElement('img')\n    img.src = `${usePath}icon.png`\n    img.style.position = 'absolute'\n    img.style.left = '25px'\n    img.style.top = '5px'\n    dom.appendChild(img)\n    const label = document.createElement('label')\n    label.innerText = data.title\n    label.style.fontWeight = 'bold'\n    dom.appendChild(label)\n    return dom\n  }\n\n  remove() {\n    // 控制POI点的隐藏、显示\n    this.poiMesh.forEach((poi) => {\n      this.interactionManager.remove(poi)\n      poi.removeFromParent()\n      poi.remove()\n    })\n    // 取消事件监听\n    this.poiEventListener.forEach((f) => {\n      f()\n    })\n    // 移除面板\n    if (this.dialogPoi)\n      this.dialogPoi.removeFromParent()\n    this.poiMesh.clear()\n    this.poiEventListener.clear()\n  }\n\n  reset() {\n    // 控制POI点的隐藏、显示\n    // 控制POI点的隐藏、显示\n    this.poiMesh.forEach((poi) => {\n      poi.visible = true\n    })\n    // 移除面板\n    if (this.dialogPoi)\n      this.dialogPoi.removeFromParent()\n    // 控制光墙的隐藏、显示\n    this.wallManage?.wallMesh.forEach((wall) => {\n      wall.visible = false\n    })\n  }\n\n  private addDialogPanel(data, position) {\n    // 添加面板\n    this.dialogPoi = new Css2DPoi({ title: data.title, content: data.poi.content }, {\n      animation: [{\n        type: EAnimationType.grow,\n        duration: 1,\n      }, {\n        type: EAnimationType.fadeIn,\n        duration: 0.3,\n      }, {\n        type: EAnimationType.print,\n        duration: 0.02,\n      }],\n    })\n    this.dialogPoi.position.copy(position.clone().add(new Vector3(-30, 30, 0)))\n    this.scene.add(this.dialogPoi)\n\n    this.interactionManager.add(this.dialogPoi)\n    this.dialogPoi.addEventListener('click', () => {\n      this.dialogPoi.remove()\n      this.dialogPoi.removeFromParent()\n      this.dialogPoi = null\n      this.reset()\n    })\n  }\n}\n\nexport default PoiManage"],"mappings":"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"}
+{"version":3,"names":["Vector3","use","utils","Css2DPoi","EAnimationType","SpritePoi","usePath","regionMap","walllMaterial","PoiManage","gobal","Map","Set","scene","wallManage","wall","interactionManager","storeManagement","get","Object","keys","forEach","key","region","wordLength","title","length","ratio","Math","max","poiHeight","option","animation","type","grow","duration","fadeIn","sprite","getDom","position","copy","fromArray","poi","add","updateScale","poiMesh","set","id","target","regionPlane","planeMesh","changeWallState","show","dialogPoi","visible","wallMesh","uniforms","value","wallGrowFrame","useframe","addEventListener","unClick","event","reset","addDialogPanel","point","poiEventListener","fn","orbitControls","useScene","removeEventListener","minDistance","maxDistance","camera","distance","distanceTo","clampedDistance","min","scaleValue","scale","x","y","data","dom","document","createElement","assign","style","fontSize","backgroundImage","backgroundSize","backgroundRepeat","display","justifyContent","alignItems","textAlign","color","pointerEvents","cursor","height","minWidth","width","padding","img","src","left","top","appendChild","label","innerText","fontWeight","remove","removeFromParent","f","clear","content","print","clone"],"sources":["../../../src/factory/unit/poi.ts"],"sourcesContent":["import type { InteractionManager, Object3D, Scene } from '@anov/3d-core'\nimport { Mesh, Vector3, use, utils } from '@anov/3d-core'\nimport { Css2DPoi, EAnimationType, SpritePoi } from '@anov/3d-ability'\nimport type Factory3D from '../3d'\nimport { usePath } from '../3d'\nimport { regionMap } from '../regionData'\nimport type WallManage from './wall'\nimport { walllMaterial } from './wall'\n\nclass PoiManage {\n  private gobal: Factory3D\n  private scene: Scene\n  private dialogPoi: Object3D\n  readonly poiMesh: Map<string, Object3D> = new Map()\n  readonly poiEventListener: Set<Function> = new Set()\n  private wallManage: WallManage\n  private interactionManager\n  private poiWidth: number\n  private poiHeight = 262\n\n  constructor(gobal) {\n    this.gobal = gobal\n    this.scene = gobal.scene.scene\n    this.wallManage = gobal.wall\n    this.interactionManager = utils.storeManagement.get<InteractionManager>('interactionManager')\n  }\n\n  async generatePoi() {\n    let wordLength, ratio\n    Object.keys(regionMap).forEach(async (key: string) => {\n      const region = regionMap[key]\n      wordLength = region.title.length\n      ratio = Math.max(wordLength * (wordLength > 6 ? 34 : 40), 180) / this.poiHeight\n      const option = {\n        animation: [{\n          type: EAnimationType.grow,\n          duration: 1,\n        }, {\n          type: EAnimationType.fadeIn,\n          duration: 0.2,\n        }],\n      }\n      const sprite = new SpritePoi(this.getDom(region), option)\n      sprite.position.copy(new Vector3().fromArray(region.poi.position))\n      this.scene.add(sprite)\n      this.updateScale(sprite, ratio)\n      this.poiMesh.set(region.poi.id, sprite)\n\n      // @ts-ignore\n      const target = this.gobal.regionPlane.planeMesh.get(region.id)\n\n      // 绑定事件\n      this.interactionManager.add(sprite)\n      const changeWallState = (show) => {\n        if (this.dialogPoi?.visible)\n          return\n        // 光墙\n        const wall = this.wallManage.wallMesh.get(region.id)\n        wall.visible = show\n        walllMaterial.uniforms.grow.value = 0\n\n        if (show) {\n          let wallGrowFrame\n\n          if (wallGrowFrame)\n            wallGrowFrame()\n\n          wallGrowFrame = use.useframe(() => {\n            walllMaterial.uniforms.grow.value += 3\n\n            if (walllMaterial.uniforms.grow.value > 50)\n              wallGrowFrame()\n          })\n        }\n      }\n\n      target.addEventListener('mouseover', () => {\n        if (!sprite.visible)\n          return\n        changeWallState(true)\n      })\n\n      sprite.addEventListener('mouseover', () => {\n        if (!sprite.visible)\n          return\n        changeWallState(true)\n      })\n\n      target.addEventListener('mouseout', () => {\n        changeWallState(false)\n      })\n\n      sprite.addEventListener('mouseout', () => {\n        changeWallState(false)\n      })\n\n      const unClick = sprite.addEventListener('click', (event) => {\n        if (!sprite.visible)\n          return\n        this.reset()\n\n        // 光墙\n        const wall = this.wallManage.wallMesh.get(region.id)\n        wall.visible = true\n        // 隐藏当前POI点\n        sprite.visible = false\n\n        // let wallGrowFrame\n\n        // if (wallGrowFrame)\n        //   wallGrowFrame()\n\n        // walllMaterial.uniforms.grow.value = 0\n\n        // wallGrowFrame = use.useframe(() => {\n        //   walllMaterial.uniforms.grow.value += 3\n        // })\n\n        this.addDialogPanel(region, event.point)\n      }) as Function\n      this.poiEventListener.add(unClick)\n    })\n\n    const fn = () => {\n      this.poiMesh.forEach((poi: SpritePoi) => {\n        this.updateScale(poi)\n      })\n    }\n    // 控制POI始终是一个大小\n    const orbitControls = use.useScene().orbitControls\n    orbitControls?.addEventListener('change', fn)\n    this.poiEventListener.add(() => orbitControls?.removeEventListener('change', fn))\n  }\n\n  /// <summary>\n  /// 按照距离缩放，距离越远，缩放越大\n  /// </summary>\n  updateScale(poi: SpritePoi, ratio = 0) {\n    // 距离限制范围的值，用于计算缩放比例\n    const minDistance = 0.1\n    const maxDistance = 1000000\n    const { camera } = use.useScene()\n\n    // 计算相机和物体之间的距离\n    const distance = camera.position?.distanceTo(poi.position) || 0.1\n\n    const clampedDistance = Math.max(minDistance, Math.min(maxDistance, distance))\n\n    const scaleValue = clampedDistance * 0.1\n    if (!ratio && poi.scale)\n      ratio = poi.scale.x / poi.scale.y\n\n    // 按照缩放系数和距离进行缩放，缩放系数应该约定好一个固定值\n    poi.scale.copy(new Vector3(scaleValue * ratio, scaleValue, 1))\n  }\n\n  getDom(data) {\n    const dom = document.createElement('div')\n    const wordLength = data.title.length\n    Object.assign(dom.style, {\n      fontSize: '18px',\n      backgroundImage: `url(${usePath}poi.png)`,\n      backgroundSize: '100% 100%',\n      backgroundRepeat: 'no-repeat',\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'flex-start',\n      textAlign: 'center',\n      color: '#fff',\n      pointerEvents: 'auto',\n      cursor: 'pointer',\n      height: `${this.poiHeight}px`,\n      minWidth: '180px',\n      width: `${wordLength * (wordLength > 6 ? 34 : 40)}px`,\n      padding: '12px 0 0 25px',\n      position: 'relative',\n    })\n    const img = document.createElement('img')\n    img.src = `${usePath}icon.png`\n    img.style.position = 'absolute'\n    img.style.left = '25px'\n    img.style.top = '5px'\n    dom.appendChild(img)\n    const label = document.createElement('label')\n    label.innerText = data.title\n    label.style.fontWeight = 'bold'\n    dom.appendChild(label)\n    return dom\n  }\n\n  remove() {\n    // 控制POI点的隐藏、显示\n    this.poiMesh.forEach((poi) => {\n      this.interactionManager.remove(poi)\n      poi.removeFromParent()\n      poi.remove()\n    })\n    // 取消事件监听\n    this.poiEventListener.forEach((f) => {\n      f()\n    })\n    // 移除面板\n    if (this.dialogPoi)\n      this.dialogPoi.removeFromParent()\n    this.poiMesh.clear()\n    this.poiEventListener.clear()\n  }\n\n  reset() {\n    // 控制POI点的隐藏、显示\n    // 控制POI点的隐藏、显示\n    this.poiMesh.forEach((poi) => {\n      poi.visible = true\n    })\n    // 移除面板\n    if (this.dialogPoi)\n      this.dialogPoi.removeFromParent()\n    // 控制光墙的隐藏、显示\n    this.wallManage?.wallMesh.forEach((wall) => {\n      wall.visible = false\n    })\n  }\n\n  private addDialogPanel(data, position) {\n    // 添加面板\n    this.dialogPoi = new Css2DPoi({ title: data.title, content: data.poi.content }, {\n      animation: [{\n        type: EAnimationType.grow,\n        duration: 1,\n      }, {\n        type: EAnimationType.fadeIn,\n        duration: 0.3,\n      }, {\n        type: EAnimationType.print,\n        duration: 0.02,\n      }],\n    })\n    this.dialogPoi.position.copy(position.clone().add(new Vector3(-30, 30, 0)))\n    this.scene.add(this.dialogPoi)\n\n    this.interactionManager.add(this.dialogPoi)\n    this.dialogPoi.addEventListener('click', () => {\n      this.dialogPoi.remove()\n      this.dialogPoi.removeFromParent()\n      this.dialogPoi = null\n      this.reset()\n    })\n  }\n}\n\nexport default PoiManage"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anov/3d",
-  "version": "0.0.73",
+  "version": "0.0.75",
   "description": "",
   "author": "",
   "license": "MIT",
@@ -22,8 +22,8 @@
     "localforage": "^1.10.0",
     "resize-observer-polyfill": "^1.5.1",
     "uuid": "^9.0.1",
-    "@anov/3d-core": "^0.0.13",
-    "@anov/3d-ability": "^0.0.13"
+    "@anov/3d-ability": "^0.0.13",
+    "@anov/3d-core": "^0.0.13"
   },
   "devDependencies": {
     "@types/uuid": "^9.0.7"