creator游戏《Protecive goddess》（三）--- A星寻路 + tiledMap

最新推荐文章于 2026-01-01 23:28:28 发布
原创 最新推荐文章于 2026-01-01 23:28:28 发布 · 1.5k 阅读 · 8
标签
#游戏开发 #A星寻路 #tilemap
本文介绍了如何结合TiledMap工具创建带有碰撞检测的游戏地图，并利用A星寻路算法实现角色在地图上的路径规划。首先，详细讲述了在TiledMap中设置图块碰撞属性和创建碰撞图层的方法。接着，阐述了A星寻路的基本原理，并展示了如何通过ANode、Grid和AStar类来实现寻路功能。最后，提供了一个演示示例，当点击非红色图块时，能够自动规划并显示可达路径。核心代码展示了如何根据图块的'Collidable'属性判断障碍物。

一、tiledMap使用

1.创建新地图 各版本下载地址
2.导入图块集，两种选择方式 ①提前打好的图集 ②多图片合集（散图），我们这里是第二种
在这里插入图片描述
3.给图块添加碰撞属性
在这里插入图片描述
在这里插入图片描述

4.添加碰撞图层，在右上角图层的位置鼠标右键–新建–图块层，此处 的meta便是我们的碰撞层，用上一步我们设置好的具有碰撞属性的图块在这个图块层上绘制。
一般项目中这个meta层都会隐藏掉，它只是起到标记的作用，方便直观的看到标记区域
在这里插入图片描述

二、A星寻路

A星的简单介绍请看这里：用简单直白的方式讲解A星寻路算法原理

三、两者如何配合使用

① 首先创建一个ANode类来记录tilemap每个格子的数据，比如所在

最低0.47元/天 解锁文章
用cocos实现A星寻路算法
02-25
在学校的课程作业，用cocos实现A星寻路算法。做的太基础了。
CocosCreator A*自动寻路demo
09-29
CocosCreator A*自动寻路，使用js实现的，可以点击地图寻路，并实现了中途转变终点位置的cocos项目
手把手教你用Tiled Map制作游戏地图（适配Cocos Creator 3.8）
最新发布
Code Captain的专栏
01-01 810
本文详细介绍了使用Tiledmap制作游戏地图的完整流程。首先需要准备Tiled工具和统一尺寸的瓦片素材，了解瓦片、瓦片集、图层等核心概念。具体步骤包括：创建瓦片集作为素材库，新建正交地图，通过分层编辑（背景层、障碍层、装饰层）绘制地图，并可选添加对象层标记特殊位置。最后进行地图优化，包括调整尺寸、对齐瓦片、批量编辑等操作，最终保存为TMX格式文件。整个过程采用分层管理，便于后续游戏开发中的交互处理。
CocosCreator之A星寻路
Nick_Li_的博客
08-03 2624
源码地址： https://github.com/NickMonkeys/AStar
【cocos creator】A*寻路，根据多边形碰撞体范围划定障碍范围，躲避障碍，点击屏幕移动
烧仙草奶茶的博客
12-09 1413
根据多边形碰撞体范围划定障碍范围，躲避障碍，点击屏幕移动，每次点击更新寻路路径 移动用tween实现。
如何在Cocos2D游戏中实现A*寻路算法(一)
weixin_34107955的博客
11-22 264
大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请告诉我,如果觉得不错请多多支持点赞.谢谢! hopy ;) 免责申明：本博客提供的所有翻译文章原稿均来自互联网，仅供学习交流之用，请勿进行商业用途。同时，转载时不要移除本申明。如产生任何纠纷，均与本博客所有人、发表该翻译稿之人无任何关系。...
cocos creator 实现 A* 算法
weixin_41316824的博客
01-24 3295
效果如下   整个项目下载地址 ：https://download.csdn.net/download/weixin_41316824/10935583 算法分析 理解A*寻路算法具体过程 这两天研究了下 A* 寻路算法, 主要学习了这篇文章, 但这篇翻译得不是很好, 我花了很久才看明白文章中的各种指代. 特写此篇博客用来总结, 并写了寻路算法的代码, 觉得有用的同学可以看看. 另外因为图...
自己用cocoscreator写的寻路算法
u012897554的博客
11-29 4882
看了网上的A*算法的教程后，自己尝试着写了一个，也不知道正不正宗哈哈，A*算法的原理我就不说了，下面是具体代码实现。 首先 我在场景上平铺了100个格子，然后随机生成了障碍物，这样地图就完成了， 接下来就是具体的寻路算法。 //寻路 foundBestMove:function(){ this.blocknow.setColor(cc.Color.YELLOW);
LazyAn-—Creator | A*（A-Star）寻路实现及优化浅析
qq_39014369的博客
03-27 685
​ 关注公众号“懒惰的An”，回复：A*简装版 -------获取源码 演示 技术摘要 A* 四方向和八方向 二叉堆（最小堆）及位运算 返回最近目的地 穿越障碍物拐角 双向A* 多层A* 多单元分帧寻路 多单元间相互碰撞 IDA*/最佳优先搜索/跳点搜索 A* 首先请拜读各路神仙的文章和代码，...
如何在Cocos2D游戏中实现A*寻路算法(二)
weixin_34268169的博客
11-22 193
大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请告诉我,如果觉得不错请多多支持点赞.谢谢! hopy ;) 免责申明：本博客提供的所有翻译文章原稿均来自互联网，仅供学习交流之用，请勿进行商业用途。同时，转载时不要移除本申明。如产生任何纠纷，均与本博客所有人、发表该翻译稿之人无任何关系。...
A星智能寻路（cocos cteator 2D 版本2.4.3）
04-16
在网上找的基本上都不太齐全，需要自己再去兼容版本（作为初学者的我来说深有体会），而且有些版本也比较老，所以我自己也兼容了cocoscreator2.4.3版本的A星智能寻路 可以配合TiledMap进行地图编辑并生成寻路算法，因为本附件还附带我修复好的gen_navmesh插件，在编辑好地图后，可以选择“扩展->gen_navmesh->gen”来更新AI寻路的地图数据！ 注意：本版本为TS版本！
Cocos Creator中使用TiledMap教程资源
05-11
我特别喜欢瓦片类的游戏，正好在学习Cocos Creator，所以想自己做几个。可是官方文档关于TiledMap组件的介绍太少了。网上一搜，我滴天，全是cocos2d的，就让我来填补一下这个空白吧。里面包括了TiledMap编辑器，还有练习资源文件和相关Cocos Creator的工程文件，教程可以参见我的博客blog.csdn.net/potato47
cocoscreator A* 寻路算法
04-17 1493
let Grid = cc.Class({ ctor(){ this.x = 0; this.y = 0; this.f = 0; this.g = 0; this.h = 0; this.parent = null; this.type = 0; // -1障碍物， 0正常...
TiledMap 地图有哪些优化方法？Cocos Creator 带你从这4个方面入手，实现深度优化...
Cocos的博客
07-06 1211
引言：如何进行 TiledMap 地图优化？开发者Bool Chen 将分享一套行之有效的 TiledMap 地图优化方案，其中包括了渲染、解析、寻路方面。当项目里的地图越来越庞大和复杂，一些性能上的问题也开始逐渐出现。本文将从裁剪区域共享、Sprite 颜色数据去除、多图集渲染合批和分帧寻路四个方面，分享关于 TiledMap 地图的优化以及实现。测试用例本次的测试用例是这样的一张地图，有6个...
cocos creator基础-(二十八)creator网格导航寻路
weixin_30764137的博客
03-19 1126
1、插件或者TileMap工具生成地图json文件 2、astar寻路算法（终点 详情请看JS学习内的文章） 3、将json文件与寻路算法结合，获得路径坐标，并转化为游戏内的实际坐标 // astar算法 模仿blake老师的写法，用来熟悉算法 var map_maze = []; // 场景节点顺序保存数组 var open_table = []; // 开启列表 ...
Cocos2D 地图制作，并让小人沿着路行走
热门推荐
lovoo的博客
04-30 1万+
1.使用工具Tiled，并打开 2.拖入一张图片到图块区 3.打开网格 4.从右侧的图块区拖入一张绿色的图片绘制背景 5. 然后再拖入一张灰色的图片绘制路 6.生成后保存为”map.tmx” 7.使用editplus打开，然后编辑里面的内容，不能出现中文 把 改成 8.把map.tmx与原图bk1.jpg拷贝的工程的assert目录下 9.加载地图 C
cocos2dx A* + tiledMap
w18767104183的专栏
09-30 5566
前面一章讲了cocos2dx 中使用A星算法 这章中讲 A*结合tiledmap 先看下效果图 图有点丑,忍受下 绿色的块 表示人物的行走的路线(A*算法的结果) 红色部分 表示A*算法搜寻过的点(越少,速度越快) 黑色的部分(其实是无色块,因为背景是黑色的) 表示障碍物 这张图是用tiledmap做出来的, 看看里面的内容 可以看到 我把不能通过的地区的图
4个方面入手 TiledMap 地图优化！W字干货分享
奎特尔星球
12-27 1510
引言：如何进行 TiledMap 地图优化？开发者Bool Chen 将分享一套行之有效的 TiledMap 地图优化方案，其中包括了渲染、解析、寻路方面。当项目里的地图越来越庞大和复杂，一些性能上的问题也开始逐渐出现。本文将从裁剪区域共享、Sprite 颜色数据去除、多图集渲染合批和分帧寻路四个方面，分享关于 TiledMap 地图的优化以及实现。测试用例本次的测试用例是这样的一张地图，有6个...
游戏开发日志8（自动寻路系统）
qq_29172391的博客
05-23 545
如果要让敌人绕过某个物体来追击主角，可以在物体上添加Navigation Modifier，把Area Type改为not walkable，然后重新Bake。但由于TileMap的一些collider和背景重叠了，分离起来比较麻烦，所以我暂不处理，应该有多张TileMap，分为背景层和碰撞层。回到刚刚创建的NavMesh物体上点击 Navigation Surface的Bake，这样就会依据TileMap自动生成导航网格。综上，自动寻路系统还很不完善，以后再慢慢改进，下回我将会为敌人制作血条。
Cocos Creator 随笔（2）-- 不规则碰撞组件polygonCollider
醉翁亭
07-15 4276
监测鼠标点击不规则区域 /** * 多边形点击响应区域 */ private collider: cc.PolygonCollider; //不规则碰撞组件 let monitor = this.node.getChildByName("monitor"); //图片 this.collider = monitor.getComponent(cc.PolygonCollider); //获去...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值