地图是一款游戏中的必备元素,我们的角色都是在地图中进行移动的.漂亮的角色和地图是一款游戏给人的第一印象。因此，地图显得非常重要。

D5Power DOTK网页游戏引擎采用了比较流行的A*寻路算法,可以自动绕开地图上的障碍物移动到目的点。由于JS的运算效率有限,所以目前地图限制在640*480这个尺寸上，全地图有40*30(即1200)个地图区块.

下面说明一下地图的显示结构：

--------------------------------
上层
--------------------------------
背景层
--------------------------------
下层
--------------------------------

地图的显示由这3层组成，最下面一层一般是海洋的背景，这样在背景层的透明位置可以显现出水面的效果。上面的背景层则是角色移动所在的地面，一般命名为 地图名_ground.gif，保存于maps/目录下。而上层则是覆盖角色用的层。可以想象一下，当角色移动到树下，那么树叶会盖住角色。当角色移动到房子后面，房子会挡住角色。上层就是实现这样的效果的。

地图制作完成后，必须告诉角色哪些地方可以走，哪些地方不可以走。D5Power DOTK引擎采用0和1来标志地图上的区块。0是可以通过的位置，1是不能通过的位置。大家在map表里可以看到collisionpoints字段。这就是保存这个地图的可移动位置的数据。下图是D5Power DOTK第一张地图的一部分（上面的数字在实际显示的时候是不会出现的，这里只是标记出来供大家参考）

 

大家可以根据这个原理来编写一个自己使用的地图编辑器，来方便地图的编辑。