广州网站建设山东网站建设

北京淞争子青科技有限公司 2026/09/09 17:44:20
// endnode是终点(目标格子)while(currentNode){// 只要还有父节点,就继续回溯path.unshift({x:currentNode.x,y:currentNode.y});// 从头部插入currentNode=currentNode.parent;// 指向父节点(上一个格子)}

这个过程:
终点 → 父节点 → 父节点的父节点 → … → 起点

例如路径:起点(0,0) → (1,0) → (2,0) → 终点(3,0)
A*算法链接:终点.parent = (2,0), (2,0).parent = (1,0), (1,0).parent = (0,0)

用 unshift() 插入后得到的 path:

JAVASCRIPT[{x:0,y:0},// 起点(因为unshift,最早插入的最后在数组开头){x:1,y:0},{x:2,y:0},{x:3,y:0}// 终点(第一个插入的)]
  1. 路径存储与初始化
TYPESCRIPT this.path=path;// 存储整个路径数组this.currentPathIndex=1;// 从索引1开始移动

为什么要从1而不是0开始?

索引0:角色的当前起点位置
索引1:要移动到的第一个格子
索引2:第二个格子

最后一个索引:终点

例如:path=[(0,0),(1,0),(2,0),(3,0)]JAVASCRIPT// currentPathIndex = 1 意味着:path[0]=(0,0)← 角色就在这里(跳过) path[1]=(1,0)← 这是第一个要移动到的点 ⭐
  1. 发送路径到网格显示
TYPESCRIPT this.sendPathToGrid(path);// 让gezi组件把路径画出来(显示为9)
  1. 延迟启动移动
TYPESCRIPT this.scheduleOnce(()=>{this.startMoving();// 延迟一帧后调用startMoving},0);

为什么要延迟?

确保路径数据已经完全处理
给gezi组件时间绘制路径
Cocos更新机制需要
后续流程(不在这个代码段中)
5. startMoving() 方法

TYPESCRIPTstartMoving(){if(this.path.length<=1){// 检查路径是否有效console.log("没有找到路径或路径太短");return;}console.log(`开始移动,路径共有 ${this.path.length} 个点`);this.moveToNextPoint();// 调用移动方法}
  1. moveToNextPoint() 方法
    TYPESCRIPT
moveToNextPoint(){if(this.currentPathIndex>=this.path.length){console.log("到达目的地!");return;}consttarget=this.path[this.currentPathIndex];// 获取当前目标点console.log(`移动到第 ${this.currentPathIndex} 个点:[${target.x}, ${target.y}]`);// 转换为世界坐标并移动constworldPos=this.gridComponent.gridToWorldPosition(target.x,target.y);this.moveNodeTo(worldPos);}
  1. moveNodeTo() 方法(执行移动动画)
TYPESCRIPTmoveNodeTo(targetPosition:Vec3){tween(this.node)// 播放Tween动画.to(duration,{worldPosition:targetPosition}).call(()=>{// 动画完成后,继续下一个点this.currentPathIndex++;// ⭐ 关键:增加索引if(this.currentPathIndex<this.path.length){this.moveToNextPoint();// 递归调用}}).start();}

完整移动流程图示
TEXT
fujiedian() → 构建路径回溯

存储路径 this.path = […]

currentPathIndex = 1 // 跳过起点

this.startMoving()

this.moveToNextPoint()

获取目标点 this.path[1] → 坐标转换

this.moveNodeTo(坐标) // 移动动画
↓ ↑
完成回调 |
↓ |
this.currentPathIndex++ (→2)

if (索引 < 路径长度)

再次调用 moveToNextPoint() // 处理第2个点

获取目标点 this.path[2] → 坐标转换

继续移动…

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

网站建设计划书九江网站建设

AI故障预测系统告警策略:架构师如何设计“不吵人的预警”?5个实战技巧一、标题选项《告别告警轰炸!AI故障预测系统的“安静预警”设计指南》《架构师必看

2026/06/30 11:13:54

北京网站建设公司邵阳网站建设

第一章:C++分布式容错机制概述在构建高可用的分布式系统时,容错能力是保障服务稳定性的核心要素。C++凭借其高性能与底层控制能力࿰

2026/06/30 12:38:02

广州企业网站建设蚌埠网站建设

JVM 中一次“完整 GC 流程”详解(从分配到回收)这里的“完整 GC 流程”不是指某个固定的“统一步骤”(不同垃圾回收器实现差异很大)&#x

2026/06/30 14:05:08

徐汇网站建设淮南网站建设

10分钟精通JByteMod-Beta:从零开始的Java字节码编辑实战【免费下载链接】JByteMod-BetaJava bytecode editor项目地址: https://gi

2026/06/30 13:28:06

网站建设项目湖北网站建设

Vue-OrgChart完整教程:快速构建企业级组织架构图【免费下载链接】vue-orgchartIt's a simple and direct organization ch

2026/06/30 12:38:02

网站建设收费齐齐哈尔网站建设

想象一下,在浏览器中直接运行强大的AI模型,无需服务器支持,这就是Transformers.js带来的技术革新!这个JavaScript库让前端

2026/06/30 10:43:51

深圳网站建设网站建设多少钱

掌握WasmEdge调试工具链:从断点调试到性能优化的全流程指南【免费下载链接】WasmEdge项目地址: https://gitcode.com/gh_mirrors/ss/SSVM在

2026/06/30 10:41:51

随州网站建设四平网站建设

IndexTTS 2.0:如何用5秒音频打造千人千面的语音合成体验在短视频剪辑时,你是否曾为一句配音和画面节奏对不上而反复调整?在制作虚拟主播内容时ÿ

2026/06/30 11:56:29

南宁网站建设公司天津网站建设公司

软件发布管理:策略、挑战与应对在软件产品的开发过程中,发布管理是至关重要的一环,它直接关系到产品能否及时、有效地为客户创造价值。下面我们将深入探讨软件发布管理的相关内容。发布前的思考与应对利益相关者压

2026/06/30 13:42:07

南通网站建设遵义网站建设

Android Root隐藏终极指南:Zygisk Assistant使用详解【免费下载链接】Zygisk-AssistantA Zygisk module to hide root f

2026/06/30 14:14:39