继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

使用js实现贪吃蛇游戏(上)

Lemon156
关注TA
已关注
手记 2
粉丝 18
获赞 42

之前在猿问上有人问过js实现贪吃蛇的问题,所以就想试一下,这里有段代码是参照@黑冰客的,也正是这段代码让我扩展了一些功能,修改了代码中的一些小bug。
下图是游戏需求
游戏需求
下图是实现过程的关键思路
思路
在实现的过程中尽量将代码封装成函数,不仅为了可以重复使用,也是为了使自己的思路更加清晰,清楚下一步要完成什么。
经过多次修修改改,基本完成了需求里的大部分功能,排行榜那块还没动手开始做,不过我打算使用自增表格来实现,具体怎样做接下来再做规划
下图是打开界面的效果,通过数组查表实现游戏开始、暂停、游戏结束的提示
开始界面开始结束
完整的代码可以点这里进行下载
经过多次测试还是找到了一些bug,比如使用字母方向键时,按相反键就会结束游戏
这个游戏的部分功能还没完成,所以接下来会完成剩下的功能以及完善这个游戏,加油!
代码有点长,放在下篇展示

打开App,阅读手记
5人推荐
发表评论
随时随地看视频慕课网APP