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

上海市超飘网络科技有限公司 2026/09/09 18:26:33
// 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] → 坐标转换

继续移动…

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

网站建设学习湖州网站建设

终极资源下载神器:一键捕获全网视频图片的智能助手【免费下载链接】res-downloader资源下载器、网络资源嗅探,支持微信视频号下载、网页抖音无水印下载、网页快手无水印

2026/06/30 13:59:08

中国建设银行网站随州网站建设

简介GitHub上发现近乎完美的免费大语言模型课程,提供科学家和工程师双路径学习路线。科学家路径涵盖模型训练全流程,工程师路径专注于应用开发。课程包含8个开箱即用的Goog

2026/06/30 10:22:19

陕西网站建设吉林网站建设

React Icons终极指南:快速构建优雅的SVG图标系统【免费下载链接】react-iconssvg react icons of popular icon packs项目地址: h

2026/06/30 12:22:00

云南网站建设松江网站建设

Formula-Editor:免费开源的终极公式编辑解决方案【免费下载链接】Formula-Editor基于百度kityformula-editor的公式编辑器项目地址: https:/

2026/06/30 11:15:54

建设银行网站网站建设中

还在为无法离线保存B站精彩视频而困扰吗?BiliDownloader作为一款专为B站用户打造的下载工具,凭借其智能解析、多线程下载和现代化界面三大核心优势,让

2026/06/30 12:57:34

衡水网站建设黑龙江网站建设

😩还在对着论文选题抓耳挠腮?还在被几百篇文献淹没到崩溃?还在为写作卡顿熬夜秃头?相信每一位经历过论文写作的人,都有过这样的 “至

2026/06/30 10:25:20

网站建设方案书网站建设学习

穿越生死之恋:暮光之城全集沉浸式阅读体验【免费下载链接】Twilight-暮光之城中英文全集PDF下载介绍探索《暮光之城》的奇幻世界,体验贝拉与爱德华跨越生死的唯美爱情。本

2026/06/30 12:57:34

六安网站建设省建设厅网站

3步搞定图像批量处理:Jimp实战指南与效率提升方案【免费下载链接】jimp项目地址: https://gitcode.com/gh_mirrors/jim/jimp在Web开发和游戏制

2026/06/30 11:47:27

中山网站建设陕西网站建设

智能家居视频集成终极方案:为什么Scrypted能成为你的首选?【免费下载链接】scryptedScrypted is a high performance home vi

2026/06/30 10:53:52