做一个2D二维地图绘制、人物移动、障碍检测相关的单页面游戏分为以下步骤：准备素材(图片)：草坪、人物(熊猫)、障碍(石头)初始化布局(表格)，边距设置为0，无边框，设置背景图(草坪)平铺拉满标记草坪、熊猫、石头的代码初始化二维地图数据，初始化障碍物围墙，初始化人物位置计算公共变量二维地图的行、列合并二维地图数据、人物位置数据，渲染到页面设置全局键盘事件(在Body上添加)，监听wasd按键事件：w(上) s(下) a(左) d(右)在事件里增加任务移动逻辑、增加边界逻辑在事件里增加障碍检测逻辑