首页 相关文章 JAVASCRIPT 贪吃蛇

JAVASCRIPT 贪吃蛇

在很早学 QuickBasic 的时候,就有一个蛇吃食物的游戏,当时是作为 Basic 的一个示例提供的。当时只顾得玩了,竟没想到要把那些高人写的代码好好分析一下。现在做 Web 开发的培训,有一个用 Javascript 写的类似的小游戏,就花了大半天好好看了一下代码,觉得写的不错。

功能:蛇吃食物有三种情况:走到的地方有食物;走到的地方没有食物;走到的地方是墙壁。吃到食物后,蛇的身体会变长;碰到墙壁后 Game Over,询问是否重新开始。

整个游戏是在一个div框子(地图)里展开的,蛇有地图里的一系列div构成,初始状态(刚刚打开页面)蛇是一个div框,蛇头和蛇尾是在一起的,就是这个div框,以后吃了食物后div个数会变多,蛇就会长长。食物用一个span框表示,初始时和蛇一样其位置是随机产生的。蛇和食物的坐标用div和span的绝对位置表示。

算法的关键是当蛇移动到新的位置后,判断前述的三种情况,做出相应的处理。而二维数组 Map[][] 就是判断的依据。二维数组 Map[][]通过其元素的值来表示蛇身、食物和空地。蛇身、食物和空地的值分别为'S'、'F'和'0...[ 查看全文 ]

2016-02-19 标签:

JAVASCRIPT 贪吃蛇的相关文章

手机页面
收藏网站 回到头部