hj-gis-sdk 1.0.0 → 1.0.1

package/README.md

@@ -194,6 +194,8 @@ const heatmap = await world.tools.heatMap.create({
 })
 ```
 
+[在线地址](https://codesandbox.io/p/sandbox/base-kjj5dn)
+
 ## 5. 详细使用示例
 
 ### 5.1 地图管理
@@ -316,6 +318,8 @@ hoverHandle()
 // 世界坐标可以通过屏幕拾取回调获取
 ```
 
+[5.1-5.5 在线地址](https://codesandbox.io/p/sandbox/base-kjj5dn)
+
 ### 5.6 视觉虚化
 
 视觉虚化功能用于将场景中的对象设置为半透明状态，便于查看复杂场景。
@@ -330,6 +334,8 @@ if (ghostHandle) {
 }
 ```
 
+[5.6 在线地址](https://codesandbox.io/p/sandbox/ghost-tz49vl)
+
 ### 5.7 建筑分解
 
 建筑分解功能用于将建筑模型按照楼层或部分进行展开和折叠，便于查看内部结构。
@@ -355,6 +361,8 @@ await expandHandler.expandFloor({
 })
 ```
 
+[5.7 在线地址](https://codesandbox.io/p/sandbox/building-s5qg58)
+
 ### 5.8 动画系统
 
 动画系统支持骨骼动画播放和基于关键帧的动画控制。
@@ -369,7 +377,9 @@ const skeletalMesh = await world.spawnSkeletalMesh({
 const animationMixer = new Animation.AnimationMixer(world.rpc)
 
 // 创建动画片段
-const animateClip = new Animation.PresetAnimateClip('/Game/Mesh/Human/Jog_In_Circle_Anim.Jog_In_Circle_Anim')
+const animateClip = new Animation.PresetAnimateClip(
+  '/Game/Mesh/Human/Jog_In_Circle_Anim.Jog_In_Circle_Anim'
+)
 
 // 创建动画动作
 const animateAction = animationMixer.clipAction(animateClip, skeletalMesh)
@@ -409,6 +419,9 @@ keyframeAction.duration = 3.0 // 动画时长
 keyframeAction.play()
 ```
 
+[5.8 骨骼动画在线地址](https://codesandbox.io/p/sandbox/animation-42ljhx)
+[5.8 帧动画在线地址](https://codesandbox.io/p/sandbox/keyframe-nvh8s3)
+
 ### 5.9 热力图
 
 热力图功能用于基于数据创建可视化的热力分布效果。
@@ -424,20 +437,12 @@ const heatmapFromImage = await world.tools.heatMap.create({
   transform: transform
 })
 
-// 从点集创建热力图
-const heatmapFromPoints = await world.tools.heatMap.create({
-  transform: transform,
-  points: [
-    { x: 0, y: 0, count: 100 },
-    { x: 10, y: 10, count: 200 },
-    { x: 20, y: 20, count: 150 }
-  ]
-})
-
 // 销毁热力图
 heatmapFromImage.remove()
 ```
 
+[5.9 在线地址](https://codesandbox.io/p/sandbox/heatmap-5rdgp4)
+
 ### 5.10 电子围栏
 
 电子围栏功能用于创建和管理多边形的虚拟围栏。
@@ -459,6 +464,8 @@ const fence = await world.tools.fence.create({
 await fence.remove()
 ```
 
+[5.10 在线地址](https://codesandbox.io/p/sandbox/fence-9cpswg?file=%2Fsrc%2Findex.ts)
+
 ### 5.11 天气系统
 
 天气系统用于控制场景中的天气效果，如晴天、雨天、雪天等。
@@ -475,6 +482,8 @@ await world.tools.weather.setDayTime({
 })
 ```
 
+[5.11 在线地址](https://codesandbox.io/p/sandbox/weather-x2mdw2?file=%2Fsrc%2Findex.ts%3A59%2C25)
+
 ### 5.12 散点图
 
 散点图功能用于在场景中创建和管理标记点。
@@ -500,6 +509,8 @@ const scatter = await world.tools.scatter.create({
 await scatter.removeAll()
 ```
 
+[5.12 在线地址](https://codesandbox.io/p/sandbox/scatter-69vjmh?file=%2Fsrc%2Findex.ts%3A52%2C19)
+
 ### 5.13 测量工具
 
 测量工具用于测量场景中的距离、面积和高度。
@@ -518,6 +529,8 @@ await world.tools.measurement.draw(MeasurementType.Height)
 await world.tools.measurement.clean()
 ```
 
+[5.13 在线地址](https://codesandbox.io/p/sandbox/measurement-3z44xn?file=%2Fsrc%2Findex.ts)
+
 ## 6. 核心功能实现代码
 
 以下是从 GUI 示例中提取的核心功能实现代码（不包含 GUI 部分）：
@@ -543,7 +556,8 @@ let map: InstanceType<typeof UERPCNode> | undefined = undefined
  * 初始化应用
  */
 async function initializeApp() {
-  const url = `ws://120.27.198.158:9001/player`
+  // const url = `ws://120.27.198.158:9001/player`
+  const url = `wss://kdyjs-proxy.metamaker.cn/proxy_gis_sdk`
   const config = new Config({
     initialSettings: {
       ss: url,
@@ -720,77 +734,62 @@ if (document.readyState === 'loading') {
 ### 7.1 连接失败
 
 - 确保 Pixel Streaming 服务器正在运行
-- 检查 URL 是否正确，格式应为 `ws://your-server-url:9001/player`
+- 检查 URL 是否正确，格式应为 `ws://your-server-url`
 - 确保服务器端口未被防火墙阻止
 - 检查网络连接是否正常
 
 ### 7.2 对象不显示
 
-- 确保对象的资源路径正确，格式应为 `/Game/Path/To/Asset`
+- 确保对象的资源路径正确
 - 检查对象的位置是否在相机的可见范围内
 - 确保对象的缩放比例合适，避免过大或过小
 - 检查对象的材质和渲染设置是否正确
 
-### 7.3 性能问题
-
-- 优化 RPC 调用频率，避免频繁的远程操作
-- 减少同时显示的对象数量，特别是复杂模型
-- 合理设置相机的视锥体和渲染距离
-- 避免在短时间内创建和销毁大量对象
-- 使用批量操作代替单个操作
-
-### 7.4 动画不播放
+### 7.3 动画不播放
 
 - 确保骨骼动画资源路径正确
 - 检查动画名称是否与 Unreal Engine 中的动画名称一致
 - 确保动画组件已正确配置在蓝图中
 - 检查是否有其他动画正在播放并冲突
 
-### 7.5 屏幕拾取不工作
-
-- 确保鼠标坐标转换正确，考虑画布的缩放和偏移
-- 检查拾取的最大距离设置是否足够
-- 确保场景中有可拾取的对象
-- 检查 Unreal Engine 中的碰撞设置是否正确
-
-### 7.6 建筑分解失败
+### 7.5 建筑分解失败
 
 - 确保建筑蓝图支持分解功能
 - 检查 BuildingID 是否正确
 - 确保建筑模型的楼层数据已正确配置
 - 检查展开参数是否在合理范围内
 
-### 7.7 热力图显示异常
+### 7.6 热力图显示异常
 
 - 确保灰度图 URL 可访问且格式正确
 - 检查 MeshSize 和 MeshSegment 参数设置是否合理
 - 调整 Opacity 和 EmissiveStrength 参数以获得更好的视觉效果
 - 确保热力图的位置和缩放设置正确
 
-## 8. 底层API参考
+## 7.7. 底层 API 参考
 
-本GIS SDK是对底层UERPC功能的封装，旨在为开发者提供更便捷、更友好的调用接口。
+本 GIS SDK 是对底层 UERPC 功能的封装，旨在为开发者提供更便捷、更友好的调用接口。
 
-### 8.1 UERPC文档链接
+### 8.1 UERPC 文档链接
 
-如果您需要了解更多底层功能或希望构建更灵活的架构，可以参考完整的UERPC文档：
+如果您需要了解更多底层功能或希望构建更灵活的架构，可以参考完整的 UERPC 文档：
 
-[UERPC前端API使用指南](./README_UERPC.md)
+[UERPC 前端 API 使用指南](./README_UERPC.md)
 
 ### 8.2 关于封装说明
 
-GIS SDK的所有接口调用均基于UERPC文档中提供的功能进行封装。这些封装旨在简化开发流程，提供更直观的API设计和更强大的类型支持。
+GIS SDK 的所有接口调用均基于 UERPC 文档中提供的功能进行封装。这些封装旨在简化开发流程，提供更直观的 API 设计和更强大的类型支持。
 
-如果您对当前架构不满意，或需要实现更复杂的功能，可以直接基于`README_UERPC.md`文档中提供的UERPC核心功能进行自定义封装，以满足您的特定需求。
+如果您对当前架构不满意，或需要实现更复杂的功能，可以直接基于`README_UERPC.md`文档中提供的 UERPC 核心功能进行自定义封装，以满足您的特定需求。
 
-### 8.3 封装与原生API的关系
+### 8.3 封装与原生 API 的关系
 
-- **便捷性**：GIS SDK将复杂的UERPC调用封装为简单的对象方法
-- **类型安全**：提供完整的TypeScript类型定义，减少开发错误
+- **便捷性**：GIS SDK 将复杂的 UERPC 调用封装为简单的对象方法
+- **类型安全**：提供完整的 TypeScript 类型定义，减少开发错误
 - **架构优化**：采用面向对象的设计，使代码更易于维护和扩展
-- **灵活性**：保留了UERPC的核心功能，同时提供了更高级的抽象
+- **灵活性**：保留了 UERPC 的核心功能，同时提供了更高级的抽象
 
-无论您选择使用GIS SDK的封装接口还是直接使用UERPC原生API，都可以实现与Unreal Engine的高效通信和交互。
+无论您选择使用 GIS SDK 的封装接口还是直接使用 UERPC 原生 API，都可以实现与 Unreal Engine 的高效通信和交互。
 
 ## 9. 更新日志
 
@@ -801,24 +800,16 @@ GIS SDK的所有接口调用均基于UERPC文档中提供的功能进行封装
 - 支持静态网格体和蓝图对象管理
 - 支持相机控制
 - 支持屏幕拾取
-
-### 1.1.0
-
-- 新增建筑分解功能
-- 新增动画系统（骨骼动画和关键帧动画）
-- 新增热力图功能
-- 新增电子围栏功能
-
-### 1.2.0
-
 - 新增天气系统
 - 新增散点图功能
 - 新增测量工具
 - 新增视觉虚化功能
+- 新增建筑分解功能
+- 新增动画系统（骨骼动画和关键帧动画）
+- 新增热力图功能
+- 新增电子围栏功能
 
-### 1.3.0
+### 1.0.1
 
-- 优化 RPC 通信性能
-- 改进文档和示例
-- 修复已知 bug
-- 增强跨浏览器兼容性
+- 已知 Bugfix
+- README 文档更新

package/dev-dist/animation.esm.js

@@ -0,0 +1,152 @@
+
+(function(l, r) { if (!l || l.getElementById('livereloadscript')) return; r = l.createElement('script'); r.async = 1; r.src = '//' + (self.location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1'; r.id = 'livereloadscript'; l.getElementsByTagName('head')[0].appendChild(r) })(self.document);
+import { G as GUI, A as Addons, i as initializeApp } from './common.esm.js';
+import { L as Logger, c as LogLevel } from './index.esm2.js';
+
+Logger.InitLogging(LogLevel.Info, false);
+const { UERPCNode, Animation } = Addons;
+let world;
+let camera;
+let skeletalNode = null;
+let animationMixer = 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');
+    let result = await initializeApp(url, AppElement);
+    world = result.world;
+    camera = result.camera;
+    animationMixer = new Animation.AnimationMixer(world.rpc);
+    // 可以在此处加载动画相关的蓝图对象
+    skeletalNode = await world.spawnSkeletalMesh({
+        assetPath: '/Game/Mesh/Human/Jog_In_Circle.Jog_In_Circle'
+    });
+    // 模型太大， 调整到适合的大小
+    skeletalNode.transform.scale.set(0.3, 0.3, 0.3);
+    camera.transform.position.x = -180;
+    camera.transform.position.z = 5;
+}
+// 判断 window 是否初始化完成
+if (document.readyState === 'loading') {
+    // 文档正在加载，等待DOMContentLoaded事件
+    document.addEventListener('DOMContentLoaded', _initializeApp);
+}
+else {
+    // 文档已经加载完成，直接初始化应用
+    _initializeApp();
+}
+// 动画控制配置
+const animationConfig = {
+    speed: 1.0,
+    loop: true,
+    playing: false
+};
+// 动画列表（示例）
+const animationList = {
+    跑步动画: '/Game/Mesh/Human/Jog_In_Circle_Anim.Jog_In_Circle_Anim'
+};
+const selectedAnimation = {
+    current: ''
+};
+// 创建GUI控制面板
+const gui = new GUI();
+let animateAction;
+let animateClip;
+// 添加动画选择下拉菜单
+const animationFolder = gui.addFolder('动画控制');
+animationFolder
+    .add(selectedAnimation, 'current', animationList)
+    .name('选择动画')
+    .onChange(async (value) => {
+    animateClip = new Animation.PresetAnimateClip(value);
+    animateAction = animationMixer.clipAction(animateClip, skeletalNode);
+});
+// 添加动画播放控制
+// 保存按钮引用
+let playButton, pauseButton;
+const animationControls = {
+    play: async () => {
+        if (!animateAction) {
+            return;
+        }
+        if (animationConfig.loop) {
+            animateAction.type = 'loop';
+        }
+        else {
+            animateAction.type = 'once';
+        }
+        animateAction.rate = animationConfig.speed;
+        animateAction.play();
+        animationConfig.playing = true;
+        // 更新按钮状态
+        updateButtonStates();
+    },
+    pause: async () => {
+        if (!animateAction) {
+            alert('动画未准备好');
+            return;
+        }
+        animateAction.pause();
+        animationConfig.playing = false;
+        // 更新按钮状态
+        updateButtonStates();
+    },
+    stop: async () => {
+        if (!animateAction) {
+            alert('动画未准备好');
+            return;
+        }
+        // animateAction.stop()
+        animationConfig.playing = false;
+        // 更新按钮状态
+        updateButtonStates();
+    }
+};
+// 创建按钮并保存引用
+playButton = animationFolder
+    .add(animationControls, 'play')
+    .name('播放')
+    .disable(animationConfig.playing);
+pauseButton = animationFolder
+    .add(animationControls, 'pause')
+    .name('暂停')
+    .enable(animationConfig.playing);
+// 添加停止按钮
+animationFolder
+    .add(animationControls, 'stop')
+    .name('停止');
+// 更新按钮状态的函数
+function updateButtonStates() {
+    if (playButton) {
+        if (animationConfig.playing) {
+            playButton.disable();
+            pauseButton.enable();
+        }
+        else {
+            playButton.enable();
+            pauseButton.disable();
+        }
+    }
+}
+// 添加动画参数控制
+animationFolder
+    .add(animationConfig, 'speed', 0.1, 3.0, 0.1)
+    .name('动画速度')
+    .onChange(async (value) => {
+    console.log('设置动画速度:', value);
+    // await world.tools.animation.setSpeed(value)
+    // animateAction?.rate = value
+    if (!animateAction) {
+        alert('请先选择动画');
+        return;
+    }
+});
+animationFolder
+    .add(animationConfig, 'loop')
+    .name('循环播放')
+    .onChange(async (value) => {
+    console.log('设置循环播放:', value);
+});
+// 打开默认的文件夹
+animationFolder.open();
+//# sourceMappingURL=animation.esm.js.map

package/dev-dist/animation.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.esm.js","sources":["../src/animation.ts"],"sourcesContent":["import { Addons } from 'hj-gis-sdk'\n\n/// 动画效果示例\n\nimport { PerspectiveCamera } from 'hj-gis-sdk/addons/camera'\nimport { initializeApp } from './common'\n\nimport GUI from 'lil-gui'\nimport { Logger, LogLevel } from '@epicgames-ps/lib-pixelstreamingcommon-ue5.5'\n\nLogger.InitLogging(LogLevel.Info, false)\nconst { UERPCNode, Animation } = Addons\n\nlet world: InstanceType<typeof Addons.World>\nlet camera: InstanceType<typeof PerspectiveCamera>\n\nlet skeletalNode: InstanceType<typeof UERPCNode> | null = null\nlet animationMixer: InstanceType<typeof Animation.AnimationMixer> | null = null\n\nasync function _initializeApp() {\n  // const url = `ws://120.27.198.158:9001/player`\n  const url = `wss://kdyjs-proxy.metamaker.cn/proxy_gis_sdk`\n  const AppElement = document.querySelector('#ue')! as HTMLElement\n  let result = await initializeApp(url, AppElement)\n  world = result.world\n  camera = result.camera\n  animationMixer = new Animation.AnimationMixer(world.rpc)\n\n  // 可以在此处加载动画相关的蓝图对象\n  skeletalNode = await world.spawnSkeletalMesh({\n    assetPath: '/Game/Mesh/Human/Jog_In_Circle.Jog_In_Circle'\n  })\n\n  // 模型太大， 调整到适合的大小\n  skeletalNode.transform.scale.set(0.3, 0.3, 0.3)\n\n  camera.transform.position.x = -180\n  camera.transform.position.z = 5\n}\n\n// 判断 window 是否初始化完成\nif (document.readyState === 'loading') {\n  // 文档正在加载，等待DOMContentLoaded事件\n  document.addEventListener('DOMContentLoaded', _initializeApp)\n} else {\n  // 文档已经加载完成，直接初始化应用\n  _initializeApp()\n}\n\n// 动画控制配置\nconst animationConfig = {\n  speed: 1.0,\n  loop: true,\n  playing: false\n}\n\n// 动画列表（示例）\nconst animationList = {\n  跑步动画: '/Game/Mesh/Human/Jog_In_Circle_Anim.Jog_In_Circle_Anim'\n}\n\nconst selectedAnimation = {\n  current: ''\n}\n\n// 创建GUI控制面板\nconst gui = new GUI()\n\nlet animateAction: InstanceType<typeof Animation.AnimationAction> | undefined\nlet animateClip: InstanceType<typeof Animation.PresetAnimateClip>\n// 添加动画选择下拉菜单\nconst animationFolder = gui.addFolder('动画控制')\nanimationFolder\n  .add(selectedAnimation, 'current', animationList)\n  .name('选择动画')\n  .onChange(async (value: string) => {\n    animateClip = new Animation.PresetAnimateClip(value)\n\n    animateAction = animationMixer!.clipAction(animateClip, skeletalNode!)\n  })\n\n// 添加动画播放控制\n// 保存按钮引用\nlet playButton: any, pauseButton: any\n\nconst animationControls = {\n  play: async () => {\n    if (!animateAction) {\n      return\n    }\n    if (animationConfig.loop) {\n      animateAction.type = 'loop'\n    } else {\n      animateAction.type = 'once'\n    }\n    animateAction.rate = animationConfig.speed\n    animateAction.play()\n    animationConfig.playing = true\n    // 更新按钮状态\n    updateButtonStates()\n  },\n  pause: async () => {\n    if (!animateAction) {\n      alert('动画未准备好')\n      return\n    }\n    animateAction.pause()\n    animationConfig.playing = false\n    // 更新按钮状态\n    updateButtonStates()\n  },\n  stop: async () => {\n    if (!animateAction) {\n      alert('动画未准备好')\n      return\n    }\n    // animateAction.stop()\n    animationConfig.playing = false\n    // 更新按钮状态\n    updateButtonStates()\n  }\n}\n\n// 创建按钮并保存引用\nplayButton = animationFolder\n  .add(animationControls, 'play')\n  .name('播放')\n  .disable(animationConfig.playing)\n\npauseButton = animationFolder\n  .add(animationControls, 'pause')\n  .name('暂停')\n  .enable(animationConfig.playing)\n\n// 添加停止按钮\nconst stopButton = animationFolder\n  .add(animationControls, 'stop')\n  .name('停止')\n\n// 更新按钮状态的函数\nfunction updateButtonStates() {\n  if (playButton) {\n    if (animationConfig.playing) {\n      playButton.disable()\n      pauseButton.enable()\n    } else {\n      playButton.enable()\n      pauseButton.disable()\n    }\n  }\n}\n\n// 添加动画参数控制\nanimationFolder\n  .add(animationConfig, 'speed', 0.1, 3.0, 0.1)\n  .name('动画速度')\n  .onChange(async (value: number) => {\n    console.log('设置动画速度:', value)\n    // await world.tools.animation.setSpeed(value)\n    // animateAction?.rate = value\n    if (!animateAction) {\n      alert('请先选择动画')\n      return\n    }\n  })\n\nanimationFolder\n  .add(animationConfig, 'loop')\n  .name('循环播放')\n  .onChange(async (value: boolean) => {\n    console.log('设置循环播放:', value)\n  })\n\n// 打开默认的文件夹\nanimationFolder.open()\n"],"names":[],"mappings":"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"}

package/dev-dist/animation.js

@@ -0,0 +1,154 @@
+
+(function(l, r) { if (!l || l.getElementById('livereloadscript')) return; r = l.createElement('script'); r.async = 1; r.src = '//' + (self.location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1'; r.id = 'livereloadscript'; l.getElementsByTagName('head')[0].appendChild(r) })(self.document);
+'use strict';
+
+var common = require('./common.js');
+var index = require('./index2.js');
+
+index.Logger.InitLogging(index.LogLevel.Info, false);
+const { UERPCNode, Animation } = common.Addons;
+let world;
+let camera;
+let skeletalNode = null;
+let animationMixer = 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');
+    let result = await common.initializeApp(url, AppElement);
+    world = result.world;
+    camera = result.camera;
+    animationMixer = new Animation.AnimationMixer(world.rpc);
+    // 可以在此处加载动画相关的蓝图对象
+    skeletalNode = await world.spawnSkeletalMesh({
+        assetPath: '/Game/Mesh/Human/Jog_In_Circle.Jog_In_Circle'
+    });
+    // 模型太大， 调整到适合的大小
+    skeletalNode.transform.scale.set(0.3, 0.3, 0.3);
+    camera.transform.position.x = -180;
+    camera.transform.position.z = 5;
+}
+// 判断 window 是否初始化完成
+if (document.readyState === 'loading') {
+    // 文档正在加载，等待DOMContentLoaded事件
+    document.addEventListener('DOMContentLoaded', _initializeApp);
+}
+else {
+    // 文档已经加载完成，直接初始化应用
+    _initializeApp();
+}
+// 动画控制配置
+const animationConfig = {
+    speed: 1.0,
+    loop: true,
+    playing: false
+};
+// 动画列表（示例）
+const animationList = {
+    跑步动画: '/Game/Mesh/Human/Jog_In_Circle_Anim.Jog_In_Circle_Anim'
+};
+const selectedAnimation = {
+    current: ''
+};
+// 创建GUI控制面板
+const gui = new common.GUI();
+let animateAction;
+let animateClip;
+// 添加动画选择下拉菜单
+const animationFolder = gui.addFolder('动画控制');
+animationFolder
+    .add(selectedAnimation, 'current', animationList)
+    .name('选择动画')
+    .onChange(async (value) => {
+    animateClip = new Animation.PresetAnimateClip(value);
+    animateAction = animationMixer.clipAction(animateClip, skeletalNode);
+});
+// 添加动画播放控制
+// 保存按钮引用
+let playButton, pauseButton;
+const animationControls = {
+    play: async () => {
+        if (!animateAction) {
+            return;
+        }
+        if (animationConfig.loop) {
+            animateAction.type = 'loop';
+        }
+        else {
+            animateAction.type = 'once';
+        }
+        animateAction.rate = animationConfig.speed;
+        animateAction.play();
+        animationConfig.playing = true;
+        // 更新按钮状态
+        updateButtonStates();
+    },
+    pause: async () => {
+        if (!animateAction) {
+            alert('动画未准备好');
+            return;
+        }
+        animateAction.pause();
+        animationConfig.playing = false;
+        // 更新按钮状态
+        updateButtonStates();
+    },
+    stop: async () => {
+        if (!animateAction) {
+            alert('动画未准备好');
+            return;
+        }
+        // animateAction.stop()
+        animationConfig.playing = false;
+        // 更新按钮状态
+        updateButtonStates();
+    }
+};
+// 创建按钮并保存引用
+playButton = animationFolder
+    .add(animationControls, 'play')
+    .name('播放')
+    .disable(animationConfig.playing);
+pauseButton = animationFolder
+    .add(animationControls, 'pause')
+    .name('暂停')
+    .enable(animationConfig.playing);
+// 添加停止按钮
+animationFolder
+    .add(animationControls, 'stop')
+    .name('停止');
+// 更新按钮状态的函数
+function updateButtonStates() {
+    if (playButton) {
+        if (animationConfig.playing) {
+            playButton.disable();
+            pauseButton.enable();
+        }
+        else {
+            playButton.enable();
+            pauseButton.disable();
+        }
+    }
+}
+// 添加动画参数控制
+animationFolder
+    .add(animationConfig, 'speed', 0.1, 3.0, 0.1)
+    .name('动画速度')
+    .onChange(async (value) => {
+    console.log('设置动画速度:', value);
+    // await world.tools.animation.setSpeed(value)
+    // animateAction?.rate = value
+    if (!animateAction) {
+        alert('请先选择动画');
+        return;
+    }
+});
+animationFolder
+    .add(animationConfig, 'loop')
+    .name('循环播放')
+    .onChange(async (value) => {
+    console.log('设置循环播放:', value);
+});
+// 打开默认的文件夹
+animationFolder.open();
+//# sourceMappingURL=animation.js.map

package/dev-dist/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.js","sources":["../src/animation.ts"],"sourcesContent":["import { Addons } from 'hj-gis-sdk'\n\n/// 动画效果示例\n\nimport { PerspectiveCamera } from 'hj-gis-sdk/addons/camera'\nimport { initializeApp } from './common'\n\nimport GUI from 'lil-gui'\nimport { Logger, LogLevel } from '@epicgames-ps/lib-pixelstreamingcommon-ue5.5'\n\nLogger.InitLogging(LogLevel.Info, false)\nconst { UERPCNode, Animation } = Addons\n\nlet world: InstanceType<typeof Addons.World>\nlet camera: InstanceType<typeof PerspectiveCamera>\n\nlet skeletalNode: InstanceType<typeof UERPCNode> | null = null\nlet animationMixer: InstanceType<typeof Animation.AnimationMixer> | null = null\n\nasync function _initializeApp() {\n  // const url = `ws://120.27.198.158:9001/player`\n  const url = `wss://kdyjs-proxy.metamaker.cn/proxy_gis_sdk`\n  const AppElement = document.querySelector('#ue')! as HTMLElement\n  let result = await initializeApp(url, AppElement)\n  world = result.world\n  camera = result.camera\n  animationMixer = new Animation.AnimationMixer(world.rpc)\n\n  // 可以在此处加载动画相关的蓝图对象\n  skeletalNode = await world.spawnSkeletalMesh({\n    assetPath: '/Game/Mesh/Human/Jog_In_Circle.Jog_In_Circle'\n  })\n\n  // 模型太大， 调整到适合的大小\n  skeletalNode.transform.scale.set(0.3, 0.3, 0.3)\n\n  camera.transform.position.x = -180\n  camera.transform.position.z = 5\n}\n\n// 判断 window 是否初始化完成\nif (document.readyState === 'loading') {\n  // 文档正在加载，等待DOMContentLoaded事件\n  document.addEventListener('DOMContentLoaded', _initializeApp)\n} else {\n  // 文档已经加载完成，直接初始化应用\n  _initializeApp()\n}\n\n// 动画控制配置\nconst animationConfig = {\n  speed: 1.0,\n  loop: true,\n  playing: false\n}\n\n// 动画列表（示例）\nconst animationList = {\n  跑步动画: '/Game/Mesh/Human/Jog_In_Circle_Anim.Jog_In_Circle_Anim'\n}\n\nconst selectedAnimation = {\n  current: ''\n}\n\n// 创建GUI控制面板\nconst gui = new GUI()\n\nlet animateAction: InstanceType<typeof Animation.AnimationAction> | undefined\nlet animateClip: InstanceType<typeof Animation.PresetAnimateClip>\n// 添加动画选择下拉菜单\nconst animationFolder = gui.addFolder('动画控制')\nanimationFolder\n  .add(selectedAnimation, 'current', animationList)\n  .name('选择动画')\n  .onChange(async (value: string) => {\n    animateClip = new Animation.PresetAnimateClip(value)\n\n    animateAction = animationMixer!.clipAction(animateClip, skeletalNode!)\n  })\n\n// 添加动画播放控制\n// 保存按钮引用\nlet playButton: any, pauseButton: any\n\nconst animationControls = {\n  play: async () => {\n    if (!animateAction) {\n      return\n    }\n    if (animationConfig.loop) {\n      animateAction.type = 'loop'\n    } else {\n      animateAction.type = 'once'\n    }\n    animateAction.rate = animationConfig.speed\n    animateAction.play()\n    animationConfig.playing = true\n    // 更新按钮状态\n    updateButtonStates()\n  },\n  pause: async () => {\n    if (!animateAction) {\n      alert('动画未准备好')\n      return\n    }\n    animateAction.pause()\n    animationConfig.playing = false\n    // 更新按钮状态\n    updateButtonStates()\n  },\n  stop: async () => {\n    if (!animateAction) {\n      alert('动画未准备好')\n      return\n    }\n    // animateAction.stop()\n    animationConfig.playing = false\n    // 更新按钮状态\n    updateButtonStates()\n  }\n}\n\n// 创建按钮并保存引用\nplayButton = animationFolder\n  .add(animationControls, 'play')\n  .name('播放')\n  .disable(animationConfig.playing)\n\npauseButton = animationFolder\n  .add(animationControls, 'pause')\n  .name('暂停')\n  .enable(animationConfig.playing)\n\n// 添加停止按钮\nconst stopButton = animationFolder\n  .add(animationControls, 'stop')\n  .name('停止')\n\n// 更新按钮状态的函数\nfunction updateButtonStates() {\n  if (playButton) {\n    if (animationConfig.playing) {\n      playButton.disable()\n      pauseButton.enable()\n    } else {\n      playButton.enable()\n      pauseButton.disable()\n    }\n  }\n}\n\n// 添加动画参数控制\nanimationFolder\n  .add(animationConfig, 'speed', 0.1, 3.0, 0.1)\n  .name('动画速度')\n  .onChange(async (value: number) => {\n    console.log('设置动画速度:', value)\n    // await world.tools.animation.setSpeed(value)\n    // animateAction?.rate = value\n    if (!animateAction) {\n      alert('请先选择动画')\n      return\n    }\n  })\n\nanimationFolder\n  .add(animationConfig, 'loop')\n  .name('循环播放')\n  .onChange(async (value: boolean) => {\n    console.log('设置循环播放:', value)\n  })\n\n// 打开默认的文件夹\nanimationFolder.open()\n"],"names":["Logger","LogLevel","Addons","initializeApp","GUI"],"mappings":"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"}

package/dev-dist/building.esm.js

@@ -0,0 +1,85 @@
+
+(function(l, r) { if (!l || l.getElementById('livereloadscript')) return; r = l.createElement('script'); r.async = 1; r.src = '//' + (self.location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1'; r.id = 'livereloadscript'; l.getElementsByTagName('head')[0].appendChild(r) })(self.document);
+import { G as GUI, i as initializeApp } from './common.esm.js';
+import { L as Logger, c as LogLevel } from './index.esm2.js';
+
+Logger.InitLogging(LogLevel.Info, false);
+let world;
+let camera;
+let bluePrintNode;
+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');
+    let result = await initializeApp(url, AppElement);
+    world = result.world;
+    camera = result.camera;
+    // 设置相机位置
+    camera.transform.position.z = 10;
+    camera.transform.position.x = -80;
+    camera.transform.position.y = 0;
+    // 确保加载了正确的蓝图对象
+    let louNode = await world.spawnLocalBlueprintActor({
+        assetPath: '/Game/Mesh/Lou/Lou.Lou'
+    });
+    bluePrintNode = louNode;
+}
+// 判断 window 是否初始化完成
+if (document.readyState === 'loading') {
+    // 文档正在加载，等待DOMContentLoaded事件
+    document.addEventListener('DOMContentLoaded', _initializeApp);
+}
+else {
+    // 文档已经加载完成，直接初始化应用
+    _initializeApp();
+}
+// 建筑处理器类型
+let handler;
+const gui = new GUI();
+// 生成建筑按钮
+gui
+    .add({
+    async building() {
+        // z
+        handler = await world.tools.building.expand(bluePrintNode.key, {
+            spacing: 5,
+            duration: 1
+        });
+    }
+}, 'building')
+    .name('查看建筑物');
+gui
+    .add({
+    async expandFloor() {
+        if (!handler) {
+            alert('请先查看建筑物');
+            return;
+        }
+        let _dir = camera.transform.position
+            .clone()
+            .subtract(bluePrintNode.transform.position)
+            .normalize();
+        let distance = bluePrintNode.transform.position.distanceTo(camera.transform.position);
+        // 向相机的镜头靠近
+        handler.expandFloor({
+            floorIndex: 2,
+            direction: {
+                X: _dir.x,
+                Y: _dir.y,
+                Z: _dir.z
+            },
+            distance: distance / 3,
+            // expandHeight: 0,
+            duration: 1.2
+        });
+    }
+}, 'expandFloor')
+    .name('展开楼层');
+gui
+    .add({
+    collapse: () => {
+        handler.collapse();
+    }
+}, 'collapse')
+    .name('折叠建筑');
+//# sourceMappingURL=building.esm.js.map