52 |
Tremaux Algorithm
53 |
The Tremaux algorithm is similar to actually walking through the maze. Only the immediate tiles visible to you can be followed.
54 |
It begins in a random direction and continues until it hits a wall. It then turns right, until a path is available to walk. Each time the algorithm takes a step, it marks the tile as visited.
55 |
The algorithm always tries to first visit an un-visited tile. However, if no new tiles are found, it will backtrack over a visited tile.
56 |
It will never visit the same tile more than twice (with the only exception being if the algorithm is stuck in a dead-end, in which case it will re-visit a tile it's already backtracked over, in order to exit the trap).
57 |
The maze solution is all tiles that have been visited once.
58 |
59 |
A* Search Algorithm
60 |
A* search is similar to having an aerial view of the maze before walking through it. It uses the maze end point to calculate a score from each neighboring tile. It intelligently walks down multiple paths, seemingly at the same time, until it reaches the end.
61 |
You would not be able to use this algorithm if you were physically traversing the maze. At least, not easily.
62 |
65 |
66 |
79 |
|
80 |
93 |
|
94 |
117 |
|
118 |
174 |
|
175 |
199 |
|
200 |
203 |
|
204 |
207 |
208 |
209 |
Build your own maze! This app supports query string url parameters! That means, with a little whizbang JSON, you can change the url and provide your very own maze for the algorithm to run through! Cool?
210 |
Examine the urls of the above example mazes to see how it works. Read below for the details.
211 |
Edit the url and append a string similar to the following:
212 |
213 |
214 | ?maze={"start": {"x": 1, "y": 0}, "end": {"x": 3, "y": 0}, "width": 5, "height": 6, "map": "*.*.**.*.**.*.**...******"}
215 |
216 |
217 |
218 |
219 |
220 | | Property |
221 | Description |
222 |
223 |
224 |
225 |
226 | | start (x, y) |
227 | Starting x,y coordinate to begin traversing the map |
228 |
229 |
230 | | end (x, y) |
231 | Exit x,y coordinate to indicate when you have exited the map |
232 |
233 |
234 | | width |
235 | Width of the map (dependent on the height). For example: *** equals a width of 3 |
236 |
237 |
238 | | height |
239 | Height of the map (dependent on the width). For example: **.*** with a width of 3, has a height of 2 |
240 |
241 |
242 | | map |
243 | Content of the maze. Use an asterik * to denote a wall. Use any other character to denote a walkable tile. |
244 |
245 |
246 |
247 |
248 |
Remove all linebreaks from the map when sending in url
249 |
250 | {"start": {"x": 3, "y": 0},
251 | "end": {"x": 6, "y": 0},
252 | "width": 20,
253 | "height": 10,
254 | "map": "
255 | ***.**.*************
256 | ***....*************
257 | **..****.........***
258 | *..****..*******.***
259 | *.****..********...*
260 | *.****.***********.*
261 | *.****........***..*
262 | *.**************..**
263 | *................***
264 | ********************"}
265 |
266 |
267 |