2. 程式人生 > >A*尋路

A*尋路

阿新 • • 發佈：2018-12-26
/* * 1.佈局 * 2.估計函式 f(n) = g(n) + h(n); * 3.open佇列和close佇列 * 4.掛載估算值和父節點 * 5.繪製路線 * */ var oUl1 = document.getElementById('ul1'); var aLi = oUl1.getElementsByTagName('li'); var oInput1 = document.getElementById('input1'); // open佇列，裡面存放的是可以走的值 var openArr = []; // close佇列，裡面存放的是不可以走的值，走過的 + 障礙物
var closeArr = []; // 定義地圖 // 1 代表出發點 // 2 代表終點 // 3 代表障礙物 var map = [ 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,3,3,3,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,3,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,1,0,0,3,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,3,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,3,0,0,0,0,0,0,0,0,0,0,0,0,0, 3,3,3,3,3,3,3,0,0,0,0,0,0,0,0,0
,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,2,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0
,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0 ]; // 開方求正方形的邊長 var length = Math.sqrt(map.length); // 設定格子的寬高 var wide = 20; init(); // 起點和終點的查詢一定要放在init()之後，不然可能找不到 // 起點 var startLi = document.getElementsByClassName('sty1')[0]; // 終點 var endLi = document.getElementsByClassName('sty2')[0]; // 初始化 function init() { createGrid(); // 當點選按鈕時，開始尋路 oInput1.onclick = function () { openFn(); } } // 建立格子 function createGrid() { // 設定oUl1的width // 20個格子 * （格子的邊長 + 右側1px的邊框） + oUl1左側1px的邊框 oUl1.style.width = 20 * ( wide + 1 ) + 1 + 'px'; // 設定格子的樣式 for ( var i = 0; i < map.length; i++ ) { var oGrid = document.createElement('li'); oGrid.style.width = wide + 'px'; oGrid.style.height = wide + 'px'; if(map[i] === 1){ oGrid.className = 'sty1'; // 把起始點放入open佇列中 openArr.push(oGrid); } else if ( map[i] === 2 ) { oGrid.className = 'sty2'; } else if ( map[i] === 3 ) { oGrid.className = 'sty3'; // 把障礙物放入close佇列中 closeArr.push(oGrid); } oUl1.appendChild(oGrid); } } // 估價函式 function f(nodeLi){ return g(nodeLi) + h(nodeLi); } // 起始點到n節點的距離 function g(nodeLi) { var a = startLi.offsetLeft - nodeLi.offsetLeft; var b = startLi.offsetTop - nodeLi.offsetTop; return Math.sqrt( a*a + b*b ); } // n節點到終點的距離 function h(nodeLi) { var a = endLi.offsetLeft - nodeLi.offsetLeft; var b = endLi.offsetTop - nodeLi.offsetTop; return Math.sqrt( a*a + b*b ); } // open佇列函式 function openFn(){ // 剔除open佇列陣列中的第一個值，將它新增到close佇列陣列中去 var nowLi = openArr.shift(); // 當nowLi等於終點的時候，停止遞迴 if( nowLi === endLi ){ // 顯示路線 showLine(); return; } closeFn(nowLi); // 找到當前元素，周圍可以走的路 findLi(nowLi); // 找出最小值 openArr.sort(function (li1, li2){ return li1.num - li2.num; }); // 遞迴 arguments.callee(); } // close佇列函式 function closeFn(nowLi){ closeArr.push(nowLi); } // 找到當前元素，周圍可以走的路，然後新增到open佇列陣列中去 /* * 過濾條件 * 1.不能是close佇列陣列中的元素（障礙物+走過的路） * 2.不能是open佇列陣列中已經存在的值 * 3.只能是當前元素鄰居（只相差一個單元格） * */ function findLi(nowLi){ var result = []; // 1.不能是close佇列陣列中的元素（障礙物+走過的路） // 2.不能是open佇列陣列中已經存在的值 for ( var i = 0; i < aLi.length; i++ ) { if( filter(closeArr, aLi[i]) && filter(openArr, aLi[i]) ) { result.push(aLi[i]); } } function filter(arr, li){ // 剔除open佇列陣列或者close佇列陣列有的值 for ( var i = 0; i < arr.length; i++ ) { if ( arr[i] === li ){ return false; } } return true; } // 3.只能是當前元素鄰居（只相差一個單元格） for ( var i = 0; i < result.length; i++ ) { if(Math.abs(nowLi.offsetLeft - result[i].offsetLeft) <= (wide + 1) && Math.abs(nowLi.offsetTop - result[i].offsetTop) <= (wide + 1)){ // 將估價值掛載到元素 result[i].num = f(result[i]); // 掛載父節點，以便之後查詢 result[i].parent = nowLi; openArr.push(result[i]); //result[i].style.background = 'yellow'; } } } // 展示最短的路徑 function showLine(){ // 其實close佇列裡就有最短的路徑 var result = []; // 找到close佇列陣列最後一個值 var lastLi = closeArr.pop(); var iNow = 0; findParent(lastLi); /* * 通過找父節點，當父節點等於起點的時候就停止遞迴 * */ function findParent(nodeLi){ result.unshift(nodeLi); // 如果當前節點的父節點為起點，那麼停止遞迴 if(nodeLi === startLi ) { return; } findParent(nodeLi.parent); } var timer = setInterval(function (){ result[iNow++].style.background = 'red'; if(iNow === result.length){ clearInterval(timer); } }, 500); }

相關推薦

[轉] A*尋路算法C++簡單實現

track pos endpoint 障礙 close math.h 不存在 rec 節點 參考文章： http://www.policyalmanac.org/games/aStarTutorial.htm 這是英文原文《A*入門》，最經典的講解，有demo演示 ht

A*尋路算法

spa tab equal style boolean stat abs get ble java代碼實現： 1 package agstring; 2 3 import java.util.ArrayList; 4 import java.ut

unity A*尋路 （三）A*算法

point mali ddr ans 坐標 cap summary gen 自己 這裏我就不解釋A*算法 如果你還不知道A*算法 網上有很多簡單易懂的例子 我發幾個我看過的鏈接 http://www.cnblogs.com/lipan/archive/2010/07/01/

理解A*尋路演算法過程

   這兩天研究了下 A* 尋路演算法, 主要學習了這篇文章, 但這篇翻譯得不是很好, 我花了很久才看明白文章中的各種指代. 特寫此篇部落格用來總結, 並寫了尋路演算法的程式碼, 覺得有用的同學可以看看. 另外因為圖片製作起來比較麻煩, 所以我用的是原文裡的圖片. &n

Unity 實現簡單 A* 尋路

OK,A*的演算法在網上有很多，當初我書寫A*的時候參考的就是網路文章，下面附上鍊接 http://www.360doc.com/content/16/1201/12/99071_610999046.shtml 根據A*的演算法來看，我們需要將地圖劃分為一個一個格子，然後標記處可行

淺談遊戲中的A*尋路演算法

本文為銳亞教育原創文章，轉載請註明轉載自銳亞教育 A*尋路 A*演算法基本原理 A*(唸作A星)演算法對初學者來說的確有些難度。本文並不試圖對這個話題作權威性的陳述，取而代之的是描述演算法的原理，使你可以在進一步的閱讀中理解其他相關的資

A*尋路演算法補充知識

A*演算法 輔助知識 unity視覺化輔助工具Gizmos Gizmos.color =Color.red;//設定畫筆的顏色 Gizmos.DrawWireCube(位置,Vector3（長寬高）);//畫出一個範圍框： Gizmos.DrawCube(位置,三維屬性長寬高); /

A*尋路演算法之解決目標點不可達問題

在遊戲世界的尋路中，通常會有這樣一種情況：在小地圖上點選目標點時，點選到了障礙物或者建築上，然後遊戲會提示我們目標地點無法到達。玩家必須非常小心的在小地圖上點選目標區域的空白部分，才能移動到目標地點。那麼，有沒有辦法來改進一下這種不友好的體驗呢？ 下面給出兩種方法： 最近

A*尋路

/* * 1.佈局 * 2.估計函式 f(n) = g(n) + h(n); * 3.open佇列和close佇列 * 4.掛載估算值和父節點 * 5.繪製路線 * */ var oUl1 = document.getElement

A*尋路演算法的優化與改進

提要通過對上一篇A*尋路演算法的學習，我們對A*尋路應該有一定的瞭解了，但實際應用中，需要對演算法進行一些改進和優化。 Iterative Deepening Depth-first search- 迭代深化深度優先搜尋在深度優先搜尋中一個比較坑爹情形就是在搜尋樹的一枝上沒有

第四章 Dijkstra和A*尋路演算法

尋路 尋路希望ai中的角色能夠計算一條從當前位置到目標位置合適的路徑，並且這條路徑能夠儘可能的合理和短。 在我們的ai模型中，尋路在決策和移動之間。遊戲中大多數尋路的實現是基於a星演算法，但是它不能直接使用關卡資料工作，需要轉換成特別的資料結構：有向非負權重

【記錄】批處理實現dfs,bfs,雙向bfs,A*尋路

:: dfs By blackkitty :: 演算法描述：深搜 set xx_0=0 && set yy_0=-1 set xx_1=1 && set yy_1=0

RPG遊戲製作-03-人物行走及A*尋路演算法

在遊戲中，可以控制人物的方法一般有：1.鍵盤 2.虛擬搖桿 3.滑鼠 4.手機觸碰。鍵盤一般是在PC端較為常用，如果在遊戲中使用wasd等操作人物的話，那麼在移植到安卓端時，就需要使用虛擬搖桿或虛擬按鈕來模擬鍵盤，以實現處理的統一性。滑鼠類似於手機的單點觸碰，而手機觸碰一般分

unity中的一個簡單易用的A*尋路演算法類

以前專案中用到了尋路，就寫了個A*尋路的演算法類，感覺還不錯，這裡分享出來。A*演算法的原理網上有很多，這裡只簡單說一下我這個演算法的邏輯：*我的這個演算法裡面沒有關閉列表，因為我會根據地圖資料建立一個對應的節點資料的陣列，每個節點資料記錄自己當前的狀態，是開啟還是關閉的。節

一個高效的a *尋路演算法(八方向)

http://blog.csdn.net/onafioo/article/details/41089579 這種寫法比較垃圾,表現在每次搜尋一個點要遍歷整個地圖那麼大的陣列,如果地圖為256 * 256,每次搜尋都要執行65535次,如果遍歷多個點就是n * 65

A* 尋路演算法

寫在前面 再來填一個坑。之前一直說要寫的A* 終於有空補上了，本篇部落格首先會介紹最基礎的A* 實現，在簡單A* 的基礎上，嘗試實現稍複雜的A* 演算法（帶有高度資訊的地形，允許對角線尋路等）。 A*演算法簡介 本部落格不準備探討A* 演算法的原理，這

A*尋路演算法基於C#實現

 玩過即時戰略，RPG等型別的遊戲的朋友一定會知道，當我們用滑鼠選取某些單位並命令其到達地圖上確定的位置時，這些單位總是可以自動的選擇最短的路徑到達。這個時候我們就會聯想到大名鼎鼎的A*尋路演算法，下文簡略介紹演算法實現原理，並附上C#實現方法。using System; u

A*尋路演算法的C++簡單實現

2007/8/13 17:26:59 #include <iostream> #include <ctime> #include <list> #include <algorithm> #include <cassert&

Html5遊戲框架Craftyjs入門簡單RPG及A*尋路

Crafty.js是一個比較簡單輕量的Html5遊戲框架，個人比較喜歡，是因為它足夠簡便（如果你只需要製作簡單的小遊戲，例如微信h5中的各種遊戲）。 遺憾的是，Crafty.js的社群活躍的人越來越少，文件和新的版本也對不上號，所以有的API只能是從原始碼中獲取使用方法了。

Unity A*尋路演算法（人物移動AI）

最近閒來無事，從網上看了一些大神的心得，再融合自己的體會，寫了一個簡單點的尋路演算法，廢話不多說，直接上程式碼 <Grid> usingUnityEngine; usingSystem.Collections; usingS