23-定义拼板地图

4.6.1　定义拼板地图

本节将使用拼板地图这个概念来制作游戏层或从拼图建立起的背景。回头看一下例4-7——本章前面讲的4行8列的拼图，如果要创建一个如同Pac-Man（食豆游戏）那样的迷宫追逐游戏，可以使用拼图中的拼板来定义迷宫。而游戏迷宫的拼板顺序就称为拼板地图。

第一个拼板是一个灰色方块，可以用作“墙壁”拼板之间的“道路”。游戏素材可以移动到上面的拼板都被称为可行走的。第9章将应用这些概念创建一个小游戏，但是现在，请读者将注意力先集中到定义一个拼板地图上来，并将它显示到画布上。

拼板地图是一个拼板id数字的二维数组。拼图id的数字是一维的，从0到31。这里将要创建的一个非常小的游戏屏幕，它的高和宽都为10个拼板。这就需要定义一个有100（10 × 10）个独立拼板的拼板地图。如果拼板是32像素 × 32像素，就意味着将要定义一个210 × 210的游戏屏幕。

有很多方法可以定义拼板地图。一种简单的方式是使用拼板地图编辑器程序来布局一个拼板网格，然后导出数据，以在JavaScript中重建这个拼板地图。这也是本书将采用的拼板地图创建方法。