hj-gis-sdk 1.0.0 → 1.0.2

package/src/ghost.ts

@@ -0,0 +1,70 @@
+import { Addons } from 'hj-gis-sdk'
+
+/// 幽灵效果示例
+
+import { PerspectiveCamera } from 'hj-gis-sdk/addons/camera'
+import { initializeApp } from './common'
+
+import GUI from 'lil-gui'
+import { Logger, LogLevel } from '@epicgames-ps/lib-pixelstreamingcommon-ue5.5'
+
+Logger.InitLogging(LogLevel.Info, false)
+const { UERPCNode } = Addons
+
+let world: InstanceType<typeof Addons.World>
+let camera: InstanceType<typeof PerspectiveCamera>
+
+let ghostNode: InstanceType<typeof UERPCNode>
+
+async function _initializeApp() {
+  // const url = `ws://120.27.198.158:9001/player`
+  const url = `wss://kdyjs-proxy.metamaker.cn/proxy_gis_sdk`
+  const AppElement = document.querySelector('#ue')! as HTMLElement
+  let result = await initializeApp(url, AppElement)
+  world = result.world
+  camera = result.camera
+
+  // 确保加载了正确的蓝图对象
+  ghostNode = await world.spawnLocalBlueprintActor({
+    assetPath: '/Game/Mesh/Lou/Lou.Lou'
+  })
+  camera.transform.position.x = -80
+}
+
+// 判断 window 是否初始化完成
+if (document.readyState === 'loading') {
+  // 文档正在加载，等待DOMContentLoaded事件
+  document.addEventListener('DOMContentLoaded', _initializeApp)
+} else {
+  // 文档已经加载完成，直接初始化应用
+  _initializeApp()
+}
+
+// 创建GUI控制面板
+const gui = new GUI()
+let handle: Awaited<ReturnType<typeof world.tools.ghost.ghost>>
+gui
+  .add(
+    {
+      ghost: async () => {
+        handle = await world.tools.ghost.ghost(ghostNode)
+      }
+    },
+    'ghost'
+  )
+  .name('虚化')
+
+gui
+  .add(
+    {
+      restore: async () => {
+        if (!handle) {
+          alert('请先虚化')
+          return
+        }
+        handle.restore()
+      }
+    },
+    'restore'
+  )
+  .name('还原')

package/src/heatmap.ts

@@ -0,0 +1,125 @@
+/// 热力图
+
+import { PerspectiveCamera } from 'hj-gis-sdk/addons/camera'
+import { initializeApp } from './common'
+import { Addons } from 'hj-gis-sdk'
+import GUI from 'lil-gui'
+import { Logger, LogLevel } from '@epicgames-ps/lib-pixelstreamingcommon-ue5.5'
+import UERPCNode from 'hj-gis-sdk/addons/node/ue-node'
+
+const { World, Transform } = Addons
+
+Logger.InitLogging(LogLevel.Info, false)
+let world: InstanceType<typeof World>
+let camera: InstanceType<typeof PerspectiveCamera>
+async function _initializeApp() {
+  // const url = `ws://192.168.14.186`
+  const url = `wss://kdyjs-proxy.metamaker.cn/proxy_gis_sdk`
+  const AppElement = document.querySelector('#ue')! as HTMLElement
+  let result = await initializeApp(url, AppElement)
+  world = result.world
+  camera = result.camera
+
+  // 加载地图 并 调整 camera 的站位
+  await world!.loadLevelByName('plgz')
+
+  camera!.transform.position.z = 60
+  camera!.transform.position.x = -80
+  // camera!.transform.position.y = 000
+
+  // camera!.transform.rotation.pitch = -24.621778868125325
+  // camera!.transform.rotation.yaw = -105.8061416023954
+  // camera!.transform.rotation.roll = -0.000008784850083129122
+  // camera!.transform.position.set(
+  //   -237278.78546608693,
+  //   -3452.7198396154936,
+  //   18918.349286794506
+  // )
+}
+
+// 判断 window 是否初始化完成
+if (document.readyState === 'loading') {
+  // 文档正在加载，等待DOMContentLoaded事件
+  document.addEventListener('DOMContentLoaded', _initializeApp)
+} else {
+  // 文档已经加载完成，直接初始化应用
+  _initializeApp()
+}
+
+let handler: UERPCNode | undefined
+const gui = new GUI()
+
+// GUI 配置参数
+const heatmapConfig = {
+  // 可以根据需要添加热力图的配置参数
+}
+
+// 添加基本的 GUI 控制
+// 这里可以根据热力图的具体功能添加相应的控制项
+
+// 生成热力图按钮
+gui
+  .add(
+    {
+      generate: async () => {
+        // 热力图生成逻辑
+        if (handler) {
+          await handler.remove()
+          handler = undefined
+        }
+        let transform = Transform.default()
+        transform.scale.scale(5)
+        // world.tools.heatMap.create()
+        handler = await world.tools.heatMap.create({
+          url: `https://img.metamaker.cn/resources/e9ac18042d969b607917e6b378867c83c80294d7.TGA`,
+          transform: transform
+        })
+      }
+    },
+    'generate'
+  )
+  .name('生成图像热力图')
+
+// gui
+//   .add(
+//     {
+//       generate2: async () => {
+//         // 热力图生成逻辑
+//         if (handler) {
+//           await handler.remove()
+//           handler = undefined
+//         }
+//         // 热力图（点集）
+//         const points = [
+//           { x: 10, y: 20, count: 5 },
+//           { x: 30, y: 40, count: 15 }
+//         ]
+//         let transform = Transform.default()
+//         transform.scale.scale(5)
+//         // world.tools.heatMap.create()
+//         handler = await world.tools.heatMap.create({
+//           // url: `https://img.metamaker.cn/resources/e9ac18042d969b607917e6b378867c83c80294d7.TGA`,
+//           transform: transform,
+//           heatMapPoints: points
+//         })
+//       }
+//     },
+//     'generate2'
+//   )
+//   .name('生成点热力图')
+
+// 销毁热力图按钮
+gui
+  .add(
+    {
+      destroy: async () => {
+        if (handler) {
+          await handler.remove()
+          handler = undefined
+          console.log('热力图已销毁')
+        }
+      }
+    },
+    'destroy'
+  )
+  .name('销毁热力图')

package/src/index.ts

@@ -0,0 +1,350 @@
+// 测试重新构建 - 第三次修改
+import {
+  Config,
+  PixelStreaming,
+  Logger,
+  LogLevel,
+  Flags
+} from '@epicgames-ps/lib-pixelstreamingfrontend-ue5.5'
+import { Addons } from 'hj-gis-sdk'
+import GUI from 'lil-gui'
+const { World, PerspectiveCamera, UERPCNode } = Addons
+import { initializeApp } from './common'
+Logger.InitLogging(LogLevel.Info, false)
+const AppElement = document.querySelector('#ue')! as HTMLElement
+
+let world: InstanceType<typeof World> | undefined = undefined
+let camera: InstanceType<typeof PerspectiveCamera> | undefined = undefined
+let blueprint: InstanceType<typeof UERPCNode> | undefined = undefined
+let staticmesh: InstanceType<typeof UERPCNode> | undefined = undefined
+let map: InstanceType<typeof UERPCNode> | undefined = undefined
+
+/**
+ * 初始化应用
+ */
+async function _initializeApp() {
+  // const url = `ws://120.27.198.158:9001/player`
+  const url = `wss://kdyjs-proxy.metamaker.cn/proxy_gis_sdk`
+  let result = await initializeApp(url, AppElement)
+  world = result.world
+  camera = result.camera
+}
+
+// 创建GUI实例
+const gui = new GUI()
+
+// 创建测试数据用于演示GUI控制器
+const cameraParams = {
+  position: { x: 0, y: 0, z: 0 },
+  rotation: { pitch: 0, yaw: 0, roll: 0 }
+}
+
+const meshParams = {
+  position: { x: 0, y: 0, z: 0 },
+  rotation: { pitch: 0, yaw: 0, roll: 0 },
+  scale: { x: 1, y: 1, z: 1 }
+}
+
+// 创建选择配置
+const selectConfigs = {
+  // 地图选择
+  selectedMap: 'plgz',
+  // 蓝图对象选择
+  selectedBlueprint: '/Game/levels/smith/SHQPXJ_Blueprint',
+  // 静态网格体选择
+  selectedStaticMesh: '/Game/Mesh/test/63'
+}
+
+// 添加地图选择下拉菜单
+const mapSelectController = gui
+  .add(selectConfigs, 'selectedMap', ['plgz', 'zjj'])
+  .name('1. 选择地图')
+
+// 添加加载地图按钮
+gui
+  .add(
+    {
+      loadMap: async () => {
+        map = await world!.loadLevelByName(selectConfigs.selectedMap)
+
+        camera!.transform.rotation.pitch = -12.259792797845645
+        camera!.transform.rotation.yaw = 126.9423080594274
+        camera!.transform.rotation.roll = 0.00003001662846458654
+        camera!.transform.position.set(
+          -234809.24784008358,
+          -74593.71088085348,
+          13755.085257765979
+        )
+
+        //同步调整 UI 相机参数
+        cameraParams.position.x = -234809.24784008358
+        cameraParams.position.y = -74593.71088085348
+        cameraParams.position.z = 13755.085257765979
+        cameraParams.rotation.pitch = -12.259792797845645
+        cameraParams.rotation.yaw = 126.9423080594274
+        cameraParams.rotation.roll = 0.00003001662846458654
+
+        // 强制更新相机参数控制器显示
+        cameraPositionXController.updateDisplay()
+        cameraPositionYController.updateDisplay()
+        cameraPositionZController.updateDisplay()
+        cameraRotationPitchController.updateDisplay()
+        cameraRotationYawController.updateDisplay()
+        cameraRotationRollController.updateDisplay()
+      }
+    },
+    'loadMap'
+  )
+  .name('1.1 加载地图')
+
+// 添加蓝图对象选择下拉菜单
+const blueprintSelectController = gui
+  .add(selectConfigs, 'selectedBlueprint', [
+    '/Game/levels/smith/SHQPXJ_Blueprint'
+  ])
+  .name('2. 选择蓝图')
+
+// 添加加载蓝图按钮
+gui
+  .add(
+    {
+      loadBlueprint: async () => {
+        blueprint = await world!.spawnLocalBlueprintActor({
+          assetPath: selectConfigs.selectedBlueprint
+        })
+      }
+    },
+    'loadBlueprint'
+  )
+  .name('2.1 加载蓝图')
+
+// 添加静态网格体选择下拉菜单
+const staticMeshSelectController = gui
+  .add(selectConfigs, 'selectedStaticMesh', [
+    '/Game/Mesh/test/63',
+    '/Game/Mesh/test3/49'
+  ])
+  .name('3. 选择静态网格')
+
+// 添加加载静态网格按钮
+gui
+  .add(
+    {
+      loadStaticMesh: async () => {
+        staticmesh = await world!.spawnStaticMeshActor({
+          assetPath: selectConfigs.selectedStaticMesh
+        })
+      }
+    },
+    'loadStaticMesh'
+  )
+  .name('3.1 加载静态网格')
+
+// 添加调整相机参数的控制器
+const cameraFolder = gui.addFolder('4. 相机参数')
+let positionFolder = cameraFolder.addFolder('Position')
+const cameraPositionXController = positionFolder
+  .add(cameraParams.position, 'x', -1000000, 1000000)
+  .name('X')
+  .onChange(() => {
+    camera!.transform.position.x = cameraParams.position.x
+  })
+const cameraPositionYController = positionFolder
+  .add(cameraParams.position, 'y', -1000000, 1000000)
+  .name('Y')
+  .onChange(() => {
+    camera!.transform.position.y = cameraParams.position.y
+  })
+const cameraPositionZController = positionFolder
+  .add(cameraParams.position, 'z', -1000000, 1000000)
+  .name('Z')
+  .onChange(() => {
+    camera!.transform.position.z = cameraParams.position.z
+  })
+
+let rotationFolder = cameraFolder.addFolder('Rotation')
+const cameraRotationPitchController = rotationFolder
+  .add(cameraParams.rotation, 'pitch', -180, 180)
+  .name('Pitch')
+  .onChange(() => {
+    camera!.transform.rotation.pitch = cameraParams.rotation.pitch
+  })
+const cameraRotationYawController = rotationFolder
+  .add(cameraParams.rotation, 'yaw', -180, 180)
+  .name('Yaw')
+  .onChange(() => {
+    camera!.transform.rotation.yaw = cameraParams.rotation.yaw
+  })
+const cameraRotationRollController = rotationFolder
+  .add(cameraParams.rotation, 'roll', -180, 180)
+  .name('Roll')
+  .onChange(() => {
+    camera!.transform.rotation.roll = cameraParams.rotation.roll
+  })
+cameraFolder.open()
+
+// 添加调整静态网格参数的控制器
+const meshFolder = gui.addFolder('5. 静态网格参数')
+var folder = meshFolder.addFolder('Position')
+const meshPositionXController = folder
+  .add(meshParams.position, 'x', -1000000, 1000000)
+  .name('X')
+  .onChange(() => {
+    staticmesh!.transform.position.x = meshParams.position.x
+  })
+const meshPositionYController = folder
+  .add(meshParams.position, 'y', -1000000, 1000000)
+  .name('Y')
+  .onChange(() => {
+    staticmesh!.transform.position.y = meshParams.position.y
+  })
+const meshPositionZController = folder
+  .add(meshParams.position, 'z', -1000000, 1000000)
+  .name('Z')
+  .onChange(() => {
+    staticmesh!.transform.position.z = meshParams.position.z
+  })
+var folder = meshFolder.addFolder('Rotation')
+const meshRotationPitchController = folder
+  .add(meshParams.rotation, 'pitch', -180, 180)
+  .name('Pitch')
+  .onChange(() => {
+    staticmesh!.transform.rotation.pitch = meshParams.rotation.pitch
+  })
+const meshRotationYawController = folder
+  .add(meshParams.rotation, 'yaw', -180, 180)
+  .name('Yaw')
+  .onChange(() => {
+    staticmesh!.transform.rotation.yaw = meshParams.rotation.yaw
+  })
+const meshRotationRollController = folder
+  .add(meshParams.rotation, 'roll', -180, 180)
+  .name('Roll')
+  .onChange(() => {
+    staticmesh!.transform.rotation.roll = meshParams.rotation.roll
+  })
+
+var folder = meshFolder.addFolder('Scale')
+const meshScaleXController = folder
+  .add(meshParams.scale, 'x', 0.1, 5)
+  .name('X')
+  .onChange(() => {
+    staticmesh!.transform.scale.x = meshParams.scale.x
+  })
+const meshScaleYController = folder
+  .add(meshParams.scale, 'y', 0.1, 5)
+  .name('Y')
+  .onChange(() => {
+    staticmesh!.transform.scale.y = meshParams.scale.y
+  })
+const meshScaleZController = folder
+  .add(meshParams.scale, 'z', 0.1, 5)
+  .name('Z')
+  .onChange(() => {
+    staticmesh!.transform.scale.z = meshParams.scale.z
+  })
+meshFolder.open()
+
+// 添加销毁地图按钮
+gui
+  .add(
+    {
+      destroyMap: () => {
+        map!.remove()
+      }
+    },
+    'destroyMap'
+  )
+  .name('6. 销毁地图')
+
+// 添加销毁蓝图按钮
+gui
+  .add(
+    {
+      destroyBlueprint: () => {
+        blueprint!.remove()
+      }
+    },
+    'destroyBlueprint'
+  )
+  .name('7. 销毁蓝图')
+
+// 添加销毁静态网格按钮
+gui
+  .add(
+    {
+      destroyStaticMesh: () => {
+        staticmesh!.remove()
+      }
+    },
+    'destroyStaticMesh'
+  )
+  .name('8. 销毁静态网格')
+
+let hoverHandle: any
+gui
+  .add(
+    {
+      hover: () => {
+        console.log(`pick`)
+        hoverHandle = world!.tools.pickCast.hover((data) => {
+          console.log(`hover data`, data)
+        })
+      }
+    },
+    'hover'
+  )
+  .name('屏幕拾取')
+
+gui
+  .add(
+    {
+      pickEnd: () => {
+        if (hoverHandle) {
+          hoverHandle()
+        }
+      }
+    },
+    'pickEnd'
+  )
+  .name('结束屏幕拾取')
+
+// 添加强制刷新GUI按钮
+gui
+  .add(
+    {
+      refreshGUI: () => {
+        // 强制更新所有控制器显示
+        mapSelectController.updateDisplay()
+        blueprintSelectController.updateDisplay()
+        staticMeshSelectController.updateDisplay()
+        cameraPositionXController.updateDisplay()
+        cameraPositionYController.updateDisplay()
+        cameraPositionZController.updateDisplay()
+        cameraRotationPitchController.updateDisplay()
+        cameraRotationYawController.updateDisplay()
+        cameraRotationRollController.updateDisplay()
+        meshPositionXController.updateDisplay()
+        meshPositionYController.updateDisplay()
+        meshPositionZController.updateDisplay()
+        meshRotationPitchController.updateDisplay()
+        meshRotationYawController.updateDisplay()
+        meshRotationRollController.updateDisplay()
+        meshScaleXController.updateDisplay()
+        meshScaleYController.updateDisplay()
+        meshScaleZController.updateDisplay()
+        console.log('GUI已强制刷新')
+      }
+    },
+    'refreshGUI'
+  )
+  .name('9. 刷新GUI')
+
+// 判断 window 是否初始化完成
+if (document.readyState === 'loading') {
+  // 文档正在加载，等待DOMContentLoaded事件
+  document.addEventListener('DOMContentLoaded', _initializeApp)
+} else {
+  // 文档已经加载完成，直接初始化应用
+  _initializeApp()
+}

package/src/keyframe.ts

@@ -0,0 +1,113 @@
+import { Addons } from 'hj-gis-sdk'
+
+/// 关键帧动画效果示例
+
+import { PerspectiveCamera } from 'hj-gis-sdk/addons/camera'
+import { initializeApp } from './common'
+
+import GUI from 'lil-gui'
+import { Logger, LogLevel } from '@epicgames-ps/lib-pixelstreamingcommon-ue5.5'
+
+Logger.InitLogging(LogLevel.Info, false)
+const { UERPCNode, Animation, Transform } = Addons
+
+let world: InstanceType<typeof Addons.World>
+let camera: InstanceType<typeof PerspectiveCamera>
+let animationMixer: InstanceType<typeof Animation.AnimationMixer> | null = null
+
+let animatedObject: InstanceType<typeof UERPCNode> | null = null
+
+async function _initializeApp() {
+  // const url = `ws://120.27.198.158:9001/player`
+  const url = `wss://kdyjs-proxy.metamaker.cn/proxy_gis_sdk`
+  const AppElement = document.querySelector('#ue')! as HTMLElement
+  let result = await initializeApp(url, AppElement)
+  world = result.world
+  camera = result.camera
+
+  animationMixer = new Animation.AnimationMixer(world.rpc)
+
+  // 可以在此处加载需要进行关键帧动画的对象
+  // 示例：加载一个简单的静态网格对象
+  animatedObject = await world.spawnStaticMeshActor({
+    assetPath: '/Game/Mesh/test/63'
+  })
+
+  // 设置相机位置以便观察动画
+  camera.transform.position.x = -180
+  camera.transform.position.y = -10
+  camera.transform.position.z = 10
+}
+
+// 判断 window 是否初始化完成
+if (document.readyState === 'loading') {
+  // 文档正在加载，等待DOMContentLoaded事件
+  document.addEventListener('DOMContentLoaded', _initializeApp)
+} else {
+  // 文档已经加载完成，直接初始化应用
+  _initializeApp()
+}
+
+const gui = new GUI()
+
+let animateAction: InstanceType<typeof Animation.AnimationAction> | undefined
+let animateClip: InstanceType<typeof Animation.KeyFrameAnimateClip> | undefined
+
+animateClip = new Animation.KeyFrameAnimateClip({
+  startTransform: Transform.default(),
+  endTransform: Transform.fromRPCObject({
+    Location: {
+      X: 800,
+      Y: 0,
+      Z: 0
+    }
+  })
+})
+
+const animationConfig = {
+  playing: false
+}
+const animationControls = {
+  play: async () => {
+    if (!animateAction) {
+      animateAction = animationMixer!.clipAction(animateClip, animatedObject!)
+      animateAction.duration = 3
+    }
+    animateAction.play()
+    animationConfig.playing = true
+    updateButtonStates()
+  },
+  pause: async () => {
+    animateAction!.pause()
+    animationConfig.playing = false
+    updateButtonStates()
+  }
+}
+
+const animationFolder = gui.addFolder('动画控制')
+
+let playButton: any, pauseButton: any
+
+playButton = animationFolder
+  .add(animationControls, 'play')
+  .name('播放')
+  .disable(animationConfig.playing)
+pauseButton = animationFolder
+  .add(animationControls, 'pause')
+  .name('暂停')
+  .enable(animationConfig.playing)
+
+// 更新按钮状态的函数
+function updateButtonStates() {
+  if (playButton) {
+    if (animationConfig.playing) {
+      playButton.disable()
+      pauseButton.enable()
+    } else {
+      playButton.enable()
+      pauseButton.disable()
+    }
+  }
+}
+
+animationFolder.open()