贪吃蛇网页游戏免费版

HTML5贪吃蛇游戏介绍

贪吃蛇是以前我们经常在手机里玩的一个小游戏，现在要是把它搬到网页上也会让人更回味。这是一款非常有趣的HTML5响应式网页贪吃蛇小游戏。在游戏中你可以使用键盘的上下左右来控制蛇的运动方向。

HTML5贪吃蛇中文版规则：

1、撞到墙壁或撞到自己。判输。

2、撞到幸运点，自身长大一格。

3、每长大一格，分数增加10。分数每增加100，速度提升一个级别。

HTML5贪吃蛇玩法逻辑

1.首先要理解蛇的运动。很容易发现蛇每往前走一步。本质就是增加一个头部点，去掉原来的尾巴点。中间的所有点都是不动的。用程序化的表达，整条贪吃蛇可以是一个类似这样[[1,2],[1,3]]的带位置信息的数组，每移动一步，我们往数组推入一个新的坐标点，并移除第一个坐标点。

2.如何获取下一个点的坐标。我们的蛇理论上可以往上下左右四个方向移动。可以根据现在蛇头的坐标和方向计算出合适的x,y坐标。就是新的蛇头坐标。比如[1,2]往右边移动一下就变成[2,2]，往右边移动的本质是x坐标增加1。

3.控制方向。 监控键盘事件。注意：当前是向右的时候，下一步只可能是往上或往下或往右，不会出现倒退的情况。

4.生成幸运点。一要随机。二不能生成在贪吃蛇身上。 也就是幸运点坐标不能在贪吃蛇身体的坐标组中就可以。

5.吃掉幸运点。贪吃蛇坐标数组中添加幸运点到数组尾部。并且不移除蛇尾。

6.判断输。如果新生成的头部的坐标，是蛇身坐标组是的一个值。说明撞到自己了。如果新生成的头部坐标的x,y值超出了边界值。判输。

7.分数和速度。速度就是控制蛇运动的 timer执行的时间间隔而已。