html5实现贪吃蛇源代码
8页1、 Insert title here#myCanvasborder:1px solid #f00;var canvas = document.getElementById(myCanvas);var ctx = canvas.getContext(2d);var w = 15;/ 格子宽、高var snaLen = 6; / 初始长度var snake = ; / 身体长度for(var i = 0; i snaLen; i+)snakei = new cell(i , 0 , 39);var head = snakesnaLen - 1; / 头部初始食物var foodx = Math.ceil(Math.random() * 28 + 1);var foody = Math.ceil(Math.random() * 28 + 1);var food = new Food(foodx , foody);食物function Food(x , y)this.x = x;this.y = y;return this;身体function cell(x , y , d)this.x =
2、x;this.y = y;this.d = d;return this;动作function draw()ctx.clearRect(0,0,450,450);画布局for(var i = 0; i 30; i+)ctx.strokeStyle = #ccc; 线条颜色ctx.beginPath();ctx.moveTo(0,i*w);ctx.lineTo(450,i*w);/ctx.moveTo(i*w,0);/ctx.lineTo(i*w,450);/ctx.closePath();/ctx.stroke();/画蛇身for(var j = 0; j snake.length; j+)ctx.fillStyle = black;if(j = snake.length - 1)ctx.fillStyle = red;ctx.beginPath();ctx.rect(snakej.x*w , snakej.y*w , w , w);ctx.closePath();ctx.fill();ctx.stroke();出现食物drawFood();吃到食物if(head.x = food.x
3、& head.y = food.y)initFood();food = new Food(foodx , foody);重新出现食物drawFood();增加蛇的长度有些小瑕疵,蛇身增长时应该是身体增长,而不是在蛇头上增长var newCell = new cell(head.x , head.y , head.d); switch(head.d)case 40 : newCell.y+ ; break;/ 下case 39 : newCell.x+ ; break;/ 右case 38 : newCell.y- ; break;/ 上case 37 : newCell.x- ; break;/ 左snakesnake.length = newCell;head = newCell;/head =/ 随机初始化食物function initFood()foodx = Math.ceil(Math.random() * 28 + 1);foody = Math.ceil(Math.random() * 28 + 1);for(var i = 0; i =37 & keyCode =40)moveSnake(keyCode);/ 控制蛇移动方向function moveSnake(keyCode)var newSnake = ;var newCell = new cell(head.x , head.y , head.d);/ 头/ 身体for(var i = 1; i = 30 | head.y= 30 | head.x 0 | head.y 0) alert(Game over!);window.location.reload();/ 咬到自己for(var i = 0 ; i snake.length - 1 ; i+)if(head.x = snakei.x & head.y = snakei.y)alert(Game over!);window.location.reload();/ 蛇自动走function moveClock()moveSnake(head.d);function beginGame()setInterval(moveClock,600);
《html5实现贪吃蛇源代码》由会员hs****ma分享,可在线阅读,更多相关《html5实现贪吃蛇源代码》请在金锄头文库上搜索。
2023中小学骨干教师帮扶计划范本(4篇)
《电气控制项目一体化》学习手册
2023年细节演讲稿
最新有关《老人与海》读后感热门范文三篇
南昌家用杀虫用品项目可行性研究报告
工程工艺设计
人教版语文二年级上册5-8单元按课文填空
机房防雷产品
酸芥菜加工技术规程编制说明
【名校精品】高三数学文题组训练 921
湖北新华医院体检中心管理岗位说明书
国旗下端午节讲话稿范文
消防工程施工技术要点
网络信息安全总题库及答案
计算机类文献综述范文
股份公司增资扩股协议(参考文本1)
2023年度个人工作总结及来年工作计划(二篇).doc
教师培优辅差工作计划范文(二篇).doc
关于欢乐日记作文300字5篇
生产过程控制程序
2024-01-12 7页
2023-09-22 20页
2023-06-25 10页
2023-11-23 19页
2022-08-15 5页
2024-01-22 8页
2022-12-02 8页
2023-11-07 5页
2023-04-21 52页
2023-08-18 10页