简单的贪吃蛇

仿照贪吃蛇大作战

技术

采用html5+css3实现功能。

方法介绍

init 方法，初始化界面,创建canvas，初始化蛇的数据，食物的数据，墙的数据。并将该数据画到canvas上面。

思路

1. 配置参数
2. 蛇
   蛇的初始化（分为数据的初始化，蛇图案的初始化），方向。 包含蛇的长度，蛇头的位置，蛇头的方向。
3. 食物
   食物的定义，食物的出现，食物的显示，食物的吃。
4. 障碍物
   障碍物的定义，障碍物的出现，障碍的碰撞
5. 操作
   通过触摸改变蛇的运行方向。
6. 运行

步骤

1. 初始化 init 方法，定义整个地图的大小和位置信息。定义蛇首次出现的位置，与长度和方向。定义食物和障碍物出现的位置的数量。定义canvas，画出整个的游戏界面在图案上面。
2. 开始游戏，点击开始游戏进入运行阶段
3. 蛇开始移动。（根据蛇的移动方向，确定下一步是否会吃到食物或者碰到障碍物或者墙壁）
4. 控制蛇移动的方向。
5. 蛇吃到食物。增加蛇的长度。
6. 蛇碰到边界。结束游戏
7. 蛇吃到障碍物，结束游戏。

开始游戏

1. 明确下一个位置是什么?
2. 确定下一个位置是否会吃食物
3. 确定下一个位置是否会吃到障碍物
4. 确定下一个位置是否到了结尾
5. 将蛇的数据按照角度获得x,y 并

蛇的运行轨迹

1. 初始的蛇的运行方向。
2. 点击进入，