js贪吃蛇游戏实现思路和源码_javascript技巧
程序员文章站
2022-04-16 20:18:17
...
本文实例为大家分享了js贪吃蛇游戏的相关代码,供大家参考,具体内容如下
贪吃蛇小游戏 贪吃蛇小游戏
New Gamescore:0
效果图:
思路:
function newgame(){ 重置蛇和分数的数据; 清除interval; 初始化画布; 画一条蛇; 放置食物; 使用定时器(setInterval)使蛇移动(move函数); } function move(){ 根据方向改变蛇头下一格将要到达的位置; 判断游戏是否结束,以及显示结束的原因(包含输赢); 蛇移动一格(moveIn函数); } 对键盘的方向键作监控,当改变方向时,修改全局变量DIR的值(用于存储方向); function moveIn(){ 在蛇头的前一格增加一格作为新的蛇头,并将蛇头的坐标作为第一个元素加入到代表蛇的数组中; if(没吃到食物){ 删除一格蛇尾,在画布中做相应改变; } }
需要注意的是,如果需要在JS中设定canvas中的宽度和高度,和设置其他CSS属性略有不同。
CANVAS.width = MAXWIDTH;CANVAS.height = MAXHEIGHT;
小编还为大家准备了精彩的专题:javascript经典小游戏汇总
以上就是本文的全部内容,希望对大家学习javascript程序设计有所帮助。
上一篇: javascript动态加载二_javascript技巧
下一篇: copyWithin方法怎么使用
推荐阅读
-
JS操作CSS随机改变网页背景实现思路_javascript技巧
-
js history对象简单实现返回和前进_javascript技巧
-
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)_javascript技巧
-
JS禁用浏览器退格键实现思路及代码_javascript技巧
-
js根据给定的日期计算当月有多少天实现思路及代码_javascript技巧
-
JS图片自动轮换效果实现思路附截图_javascript技巧
-
js购物车实现思路及代码(个人感觉不错)_javascript技巧
-
js购物车实现思路及代码(个人感觉不错)_javascript技巧
-
JS Map 和 List 的简单实现代码_javascript技巧
-
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例_javascript技巧