HTML>

var c=document.getElementById("myCanvas");

var time = 160 ; //蛇的速度

var cxt=c.getContext("2d");

var x = y = 8;

var a = 0; //食物坐标

var t = 20; //舍身长

var map = []; //记录蛇运行路径

var size = 8; //蛇身单元大小

var direction = 2; // 1 向上 2 向右 0 左 3下

interval = window.setInterval(set_game_speed, time); // 移动蛇

function set_game_speed(){ // 移动蛇

switch(direction){

case 1:y = y-size;break;

case 2:x = x+size;break;

case 0:x = x-size;break;

case 3:y = y+size;break;

}

if(x>400 || y>400 || x<0 || y<0){

alert("你挂了,继续努力吧!失败原因:碰壁了.....");window.location.reload();

}

for(var i=0;i

if( parseInt(map[i].x)==x && parseInt(map[i].y)==y){

alert("你挂了,继续努力吧!失败原因:撞到自己了.....");window.location.reload();

}

}

if (map.length>t) { //保持舍身长度

var cl = map.shift(); //删除数组第一项,并且返回原元素

cxt.clearRect(cl['x'], cl['y'], size, size);

};

map.push({'x':x,'y':y}); //将数据添加到原数组尾部

cxt.fillStyle = "#006699";//内部填充颜色

cxt.strokeStyle = "#006699";//边框颜色

cxt.fillRect(x, y, size, size);//绘制矩形

if((a*8)==x && (a*8)==y){ //吃食物

rand_frog();t++;

}

}

document.onkeydown = function(e) { //改变蛇方向

var code = e.keyCode - 37;

switch(code){

case 1 : direction = 1;break;//上

case 2 : direction = 2;break;//右

case 3 : direction = 3;break;//下

case 0 : direction = 0;break;//左

}

}

// 随机放置食物

function rand_frog(){

a = Math.ceil(Math.random()*50);

cxt.fillStyle = "#000000";//内部填充颜色

cxt.strokeStyle = "#000000";//边框颜色

cxt.fillRect(a*8, a*8, 8, 8);//绘制矩形

}

// 随机放置食物

rand_frog();

贪吃蛇html一维坐标,html贪吃蛇相关推荐

  1. 贪吃蛇java 暂停_Java实现贪吃蛇小游戏

    三月份的时候用Java写了一个贪吃蛇的小游戏,写完的时候颇有成就感,现在在这里做一下总结. 先把需要用到的图片资源放在这里,分别为上.下.左.右方向的蛇头,蛇身,食物,标题,可以通过右击另存为的方式下 ...

  2. 贪吃蛇大作战代码java,贪吃蛇游戏,贪吃蛇java游戏代码讲解

    贪吃蛇游戏,贪吃蛇java游戏代码讲解 来源:互联网 作者:佚名 时间:2020-06-06 贪吃蛇源代码.txt这世界上除了我谁都没资格陪在你身边. 听着,我允许你喜欢我.除了白头偕老,我们... ...

  3. 双人联网贪吃蛇C语言,c语言贪吃蛇-单人模式双人对抗

    一.项目说明 ​ 使用c语言编写,实现了如下功能: ​ 1.较简单的用户界面,提供多种模式供选择 ​ 2.贪吃蛇的四向移动.吃到食物后长度增长.分数增长并实时刷新等基本功能 ​ 3.创新双人模式玩法, ...

  4. c语言贪吃蛇黑方框,[求助][贪吃蛇]源程序,请教其中一个问题。

    [求助][贪吃蛇]源程序,请教其中一个问题. 源程序如下: 我的问题是,调节游戏速度时,数字为什么越大时,有时候竟然越快? #define N 200 #include #include #inclu ...

  5. php 实现贪吃蛇游戏,C++实现简单贪吃蛇游戏

    我大概在一个多月前把自己上学期写的c代码的贪吃蛇游戏push到csdn上,并且说c风格的贪吃蛇写起来有些麻烦(贪吃蛇游戏的c语言实现),准备用面向对象的c++再写一遍.现在我们专业恰好刚教完了c++, ...

  6. 贪吃蛇的c语言程序码,C语言贪吃蛇代码下载_C语言贪吃蛇代码官方下载-太平洋下载中心...

    C语言编写贪吃蛇源代码,简单易懂,文件为VC源代码.如果你正在学习c语言,就来下载吧.很经典的. C语言贪吃蛇代码原理: 产生一个固定大小没有边界的游戏区域,蛇从区域的中心开始,由玩家通过键盘控制蛇的 ...

  7. c语言vc6.0编写贪吃蛇,基于VC6.0的贪吃蛇游戏源码

    //******************************************************* //**************************************** ...

  8. python为什么是蛇的天敌_蛇的天敌有哪些:蛇的天敌排名

    展开全部 乌鞘蛇 因蛇32313133353236313431303231363533e4b893e5b19e31333433636165在很多人眼里都很凶且难以接近甚至还有毒,所以宠物蛇在我国的饲养 ...

  9. 贪吃蛇之一维数组实现

    贪吃蛇设计思想: 1)每一次移动 // 将最后一个快放在数组第一个,这个过程在我的word文档中有解释***** // 这个过程相当于蛇的对象数组前进了. for (int i = LEN - 2; ...

最新文章

  1. Xming+putty操作篇
  2. Tomcat在自定义xml文件中配置虚拟目录
  3. 成本中心、作业中心、工作中心的区别
  4. c# typeof 与 Type.GetType 使用与效率对比
  5. 历届试题 大臣的旅费(树的直径)
  6. 贪吃蛇c语言代码数组,刚学C语言,想写一个贪吃蛇的代码
  7. 工业交换机防护等级介绍
  8. python小数补0,python用零填充小数
  9. html背景颜色白色半透明,HTML – 背景颜色:透明意味着什么?
  10. 白鹭引擎 - 事件机制 ( Event, addEventListener, dispatchEvent )
  11. 高斯09linux教程,Gaussian 09的安装与使用
  12. MFC 程序设计读书体会
  13. Deepfacelab 小白教程
  14. Linux沙箱技术介绍
  15. opencv-3.0.0-beta和opencv2版本的区别
  16. pytorch多卡教程
  17. 月过春枝似带烟的情境里
  18. python在两行中分别输入一个字符串s和整数n,定义一个函数将字符串s循环向右移动n位
  19. JS获取当日起止时间时间戳
  20. 配置管理——配置管理委员会

热门文章

  1. IO流--buffer
  2. Web前端学习笔记:Bootstrap
  3. 判断两个字符串是否由相同的字符组成
  4. CSS浏览器兼容性----Hack
  5. ffmpeg编解码详细过程
  6. linux上安装telnet服务器:linux vmvare虚拟机 安装telnet redhat9
  7. Android中GC的触发时机和条件
  8. 调试,是一件有挑战的事情
  9. 浪漫情人节|C语言画心型
  10. Struts2_2_解决配置文件冗余_动作类对象数据封装_数据类型转换_表单数据信息提示