js算法之寻路
A*寻路算法
算法流程说明:
说明:起始节点记作S,目标节点记作E,对于任意节点P,从S到当前节点P的总移动消耗记作GP,节点P到目标E的曼哈顿距离记作HP,从节点P到相邻节点N的移动消耗记作DPN,用于优先级排序的值F(N)记作FP
- 选择起始节点S和目标节点E,将(S,0)(节点,节点F(N)值)放入openList,openList是一个优先队列,节点F(N)值越小,优先级越高。
- 判断openList是否为空,若为空,则搜索失败,目标节点不可达;否则,取出openList中优先级最高的节点P;
- 遍历P的上下左右四个相邻接点N1-N4,对每个节点N,如果N已经在closeList中,忽略;否则有两种情况;
- 如果N不在openList中,令GN=GP+DPN,计算N到E的曼哈顿距离HN,令FN=GN+HN,令N的父节点为P,将(N,FN)放入openList;
- 如果N已经在openList中,计算GN1= GP+DPN,如果GN1小于GN,那么用新的GN1替换GN,重新计算FN,用新的(N,FN)替换openList中旧的(N,FN),令N的父节点为P;如果GN1不小于GN,不作处理。
- 将节点P放入closeList中。判断节点P是不是目标节点E,如果是,搜索成功,获取节点P的父节点,并递归这一过程(继续获得父节点的父节点),直至找到初始节点S,从而获得从P到S的一条路径;否则,重复步骤2;
效果如下:

主要代码
// 寻路
function findWay(mapArr, oStart, oEnd) {
let curPoint = null,
bFind = true; // 是否检索
curPointArr = []; // 当前指针
let n = 0;
let startX = oStart.x,
startY = oStart.y,
endX = oEnd.x,
endY = oEnd.y;
curPoint = oStart;
//起始和结束相邻,直接结束
if ((Math.abs(startX - endY) == 1 && Math.abs(startY - endY) == 1) || (Math.abs(startX - endX) == 0 && Math.abs(startY - endY) == 1) || (Math.abs(startX - endX) == 1 && Math.abs(startY - endY) == 0)) {
bFind = false;
setTimeout(function () {
alert('起始和结束位置相邻');
}, 300)
}
// 递归寻路
while (bFind) {
opens = getRound(curPoint);
if (opens.length == 0) {
alert('无路可走');
return;
}
// 选取最近的路线
opens.sort(function (a, b) {
return a.num - b.num;
});
curPoint = opens.shift();
curPointArr.push(curPoint);
// 关闭其他路线
closes = closes.concat(opens);
closes.push(curPoint);
opens = [];
// 结束
if (curPoint == oEnd) {
bFind = false;
}
}
if (!bFind) {
showLine()
}
}
// 获取打开的opensList
function getRound(curPoint) {
let opens = [];
let curX=curPoint.x,
curY=curPoint.y;
for (let i = 0; i < mapArr.length; i++) {
for (let j = 0; j < mapArr[0].length; j++) {
// 选取可以走的可能
//走斜线
if ((Math.abs(curX - i) == 0 && Math.abs(curY - j) == 1) || (Math.abs(curX - i) == 1 && Math.abs(curY - j) == 0) || (Math.abs(curX - i) == 1 && Math.abs(curY - j) == 1)) {
if (closes.indexOf(mapArr[i][j]) == -1 && mapArr[i][j].val != 3 && mapArr[i][j] != oStart) {
if (curX<mapArr.length-1 && mapArr[curX + 1][curY].val == 3) {
if (j<mapArr[0].length-1 && mapArr[curX][curY+1].val == 3 && curX + 1 == i && curY + 1 == j) {
continue;
}else if(curY>0 && mapArr[curX][curY-1].val==3 && curX + 1 == i && curY - 1 == j) {
continue;
}
}else if (curX>0 && mapArr[curX - 1][curY].val == 3) {
if (curY<mapArr[0].length-1 && mapArr[curX][curY+1].val == 3 && curX - 1 == i && curY + 1 == j) {
continue;
}else if(curY>0 && mapArr[curX][curY-1].val==3 && curX - 1 == i && curY - 1 == j) {
continue;
}
}
mapArr[i][j].num = h(mapArr[i][j]);
opens.push(mapArr[i][j]);
}
}
}
}
return opens
}
源代码下载:https://github.com/LianJianQiang/algorithm.git
参考文章:
JS算法之A*寻路
js算法之寻路的更多相关文章
- js算法集合(一) 水仙花数 及拓展(自幂数的判断)
js算法集合(一) ★ 最近有些朋友跟我说对js中的一些算法感到很迷惑,知道这个算法到底是怎么回事,但是就是不会用代码把它写出来,这里我跟大家分享一下做水仙花数的算法的思路,并对其扩展到自幂数的算法, ...
- js算法集合(二) javascript实现斐波那契数列 (兔子数列)
js算法集合(二) 斐波那契数列 ★ 上一次我跟大家分享一下做水仙花数的算法的思路,并对其扩展到自幂数的算法,这次,我们来对斐波那契数列进行研究,来加深对循环的理解. Javascript实 ...
- js算法初窥03(简单搜索及去重算法)
前面我们了解了一些常用的排序算法,那么这篇文章我们来看看搜索算法的一些简单实现,我们先来介绍一个我们在实际工作中一定用到过的搜索算法--顺序搜索. 1.顺序搜索 其实顺序搜索十分简单,我们还是以第一篇 ...
- JS算法练习四
JS算法练习 1.将使用空格分隔单词使用驼峰命名连接起来: var str="HELLO world welcome to my hometown"; /*--先输入一个有空格分隔 ...
- JS算法练习三
JS算法练习 1.生成一个长度为10的随机数组,使用冒泡法给数组排序 var arr=new Array(10); for (var i = 0; i <arr.length ; i++) { ...
- JS算法练习二
JS算法练习 1.生成4位的随机验证码,可取大小写字母和数字 ? var validateCode = "", /*--存放生成好的验证码字符串--*/ count = 0; /* ...
- JS算法练习一
JS算法练习 1.随机生成一个五位以内的数,然后输出该数共有多少位,每位分别是什么? ①.数组添加元素的方式得到位数(数组长度)与值(数组元素) ①.数组添加元素的方式得到位数(数组长度)与值(数组元 ...
- js算法初窥05(算法模式02-动态规划与贪心算法)
在前面的文章中(js算法初窥02(排序算法02-归并.快速以及堆排)我们学习了如何用分治法来实现归并排序,那么动态规划跟分治法有点类似,但是分治法是把问题分解成互相独立的子问题,最后组合它们的结果,而 ...
- js算法初窥03(搜索及去重算法)
前面我们了解了一些常用的排序算法,那么这篇文章我们来看看搜索算法的一些简单实现,我们先来介绍一个我们在实际工作中一定用到过的搜索算法——顺序搜索. 1.顺序搜索 其实顺序搜索十分简单,我们还是以第一篇 ...
随机推荐
- 你没玩过的全新版本!Win10这些骚操作你知多少
你没玩过的全新版本!Win10这些骚操作你知多少 [PConline技巧]不知不觉,Win10与我们相伴已经整整四个年头了,从最开始的组团抗拒到现在的默默接受,个中滋味相信谁心里都有个数.近日微软开始 ...
- postgresql+java数据类型对照
网上搜了很多都不理想,这里总结的一部分是官网的文档,一部分是网上的,大体没问题 PostgreSQL™ Java SE 8 date LocalD ...
- 文本数据增量导入到mysql
实现思路: 实现Java读取TXT文件中的内容并存到内存,将内存中的数据和mysql 数据库里面某张表数据的字段做一个比较,如果比较内存中的数据在mysql 里存在则不做处理,如果不存在则 ...
- Java多线程中提到的原子性和可见性、有序性
1.原子性(Atomicity) 原子性是指在一个操作中就是cpu不可以在中途暂停然后再调度,既不被中断操作,要不执行完成,要不就不执行. 如果一个操作时原子性的,那么多线程并发的情况下,就不会出 ...
- 【牛客挑战赛32E】树上逆序对
题目 数据范围非常奇怪,询问的逆序对个数\(k\leq 30000\),我们应该可以把所有的情况都求出来 发现对于树上两点\(x,y\),如果\(x\)是\(y\)的祖先,那么绝对值较大的点的符号决定 ...
- 【转载】C# 开源库大全非常好
原文地址:http://m.blog.csdn.net/woddle/article/details/37311877 C#开源大全 商业协作和项目管理平台-TeamLab 网络视频会议软件-VMuk ...
- JMeter设置响应数据的编码格式
1.修改配置文件jmeter.properties第974行,默认编码格式为ISO-8859-1,手动修改为UTF-8 2.增加元器件 在线程组右键,添加->后置处理器->BeanShel ...
- JS去重算法
1.遍历数组法 它是最简单的数组去重方法(indexOf方法) 实现思路:新建一个数组,遍历去要重的数组,当值不在新数组的时候(indexOf为-1)就加入该新数组中: var arr=[2,8,5, ...
- Docker 尝试安装rabbitmq实践笔记
docker pull rabbitmq 自定義的rabbitmq Dockerfile # base image FROM rabbitmq:3.7-management # running req ...
- C++和JavaScript脚本的相互调用
脚本调用C++相对比较容易,使用ATL组件只需要抛双接口即可,但在exe里如何做到呢?本文实现了在exe里脚本和C++的相互调用.在EXE里也需要对外抛送一个继承自IDispatch的接口.并需要重载 ...