阶段一：玩游戏的操作步骤 1. 点击游戏开始 2. 蛇出现 食物出现 3. 开始控制蛇头方向去撞击食物 4. 碰撞到食物，食物消失，蛇身拉长。如果撞墙，游戏结束。 5. 继续下一轮 场景搭建 放一个容器盛放游戏场景 div#map，设置样式 #map { 800px; height: 600px; background-color: #ccc; position: relative; } 阶段二：分析对象 依据游戏的演示来看，我们应该其实可以得出几个对象，我们回忆下对象的定义，有属性，有操作，那我们回忆刚才玩游戏的步骤，哪些应该是对象 l 游戏对象 l 蛇对象 l 食物对象 对象分析 每个对象应该具备什么属性和方法呢？ 食物对象Food 属性 水平坐标X 垂直坐标Y 宽度 width 高度 height 颜色 color 方法 食物随机显示 l render() （渲染、提交） l 作用: render 随机创建一个食物对象，并输出到map上 蛇对象 snake 属性 蛇节的宽度 width,默认是20 蛇节的高度 height，默认是20 身体 数组，蛇的头部和身体，第一个位置是蛇头 方向 direction 蛇运动的方向 默认right 可以是 left top bottom 方法 render方法 render 把蛇渲染到map上 游戏对象 Game 属性 Food 食物 Snake 蛇 Map 场景 阶段三：对象实现 食物对象Food 代码实现步骤 创建Food构造函数