阶段一：玩游戏的操作步骤
1. 点击游戏开始
2. 蛇出现 食物出现
3. 开始控制蛇头方向去撞击食物
4. 碰撞到食物，食物消失，蛇身拉长。如果撞墙，游戏结束。
5. 继续下一轮
场景搭建
放一个容器盛放游戏场景 div#map，设置样式
#map {
width: 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构造函数
