js+jQuery实现贪吃蛇小游戏
这是我第一次这么认真的去写一个程序。今天老师布置的编程任务是实现一个贪吃蛇的小游戏,一开始感觉很茫然的,因为以前都没有这么系统的去做过一个编程任务。后来理清思路去做,感觉问题也并不是那么的难。 首先,第一步肯定是要编写出我们的的静态页面。 第二步,让我们的贪吃蛇先从一个开始动起来。 第三步,让我们通过键盘去控制他的运动方向。 第四步,让我们去判断我们的贪吃蛇有没有撞墙,有没有吃到自己,因为这已经犯规了。 第五步,给我们的贪吃蛇随机生成一个‘食物’。 第六步,实现每当我们的贪吃蛇吃了一个食物,他都能长个。 下面就是我所写的代码,我为每一行代码都添加上了我个人的理解,可能有一些理解偏差,请多多包涵,另外代码也异常的臃肿,但是作为初学者的我来说,能实现就已经很满足了,在以后慢慢的去实现代码的精简吧~ <!DOCTYPE html> <html> <head> <title>贪吃蛇</title> <meta charset="utf-8"> <script type="text/javascript" src='js/jquery-3.1.0.js'></script> <!-- 复制粘贴时记得引用Jquery库哟! --> <style type="text/css"> div { width: 18px; height: 18px; float: left; border: 1px