工程下载 （如果失效请留言）
这个是HTML页面
<span style="color:#000000;"><!–告诉浏览器这是一个HTML5–><!DOCTYPE html><html><head><!–网页编码–><meta charset="gbk"/></head><body onkeyDown="key_down();" onkeyUp="key_up();" ><!–画布标签，用于绘制图形–><center><canvas id="game" width="256px" height="224px" style="background-color:black" ></canvas></center><div id="div1"></div><!–用于插入背景音乐–><div id="aa"></div><div id="div2"></div><!–落地声音–><div id="div3"></div><!–子弹–><div id="div4"></div><!–小兵死亡–><audio src="title.wav" autoplay="autoplay"></audio><script type="text/javascript" src="drawpeople.js"></script><script type="text/javascript" src="hero.js"></script><script type="text/javascript" src="real.js"></script><script type="text/javascript" src="back_audio.js"></script><script type="text/javascript" src="Bullet.js"></script><script type="text/javascript" src="isonline.js"></script><script type="text/javascript" src="enemy.js"></script><script type="text/javascript" src="addenemy.js"></script><script type="text/javascript" src="Die.js"></script><script type="text/javascript" src="IsDied.js"></script><script type="text/javascript">//var mapx;//var mapy;var leftrunisover=false;var rightrunisover=false;var stoptime1=false;//记录当前是否按下 左var stoptime2=false;//记录当前是否按下右var isone1=true; //临时变量 控制循环次数为1var isone2=true; //临时变量 控制循环次数为1var heroBullets=new Array();//创建一个容器 用来存放子弹// var Bulletspeed=6;var leftorright=false;//判断最后一次左还是右。默认为右边var shang=false;//判断是否按下了Wvar xia=false;//判断是否按下了svar zuo=false;//判断是否按下了avar you=false;//判断是否按下了d//下面为图片资源的加载var youxiexia0=new Image();var youxiexia1=new Image();var youxiexia2=new Image();var zidan=new Image();var xiexia0=new Image();var xiexia1=new Image();var xiexia2=new Image();var downleft=new Image();var downright=new Image();var upleft=new Image();var upright=new Image();var right=new Image();var left=new Image();var sport2right=new Image();var sport2left=new Image();var rightrun0=new Image();var rightrun1=new Image();var rightrun2=new Image();var rightrun3=new Image();var rightrun4=new Image();var leftrun0=new Image();var leftrun1=new Image();var leftrun2=new Image();var leftrun3=new Image();var leftrun4=new Image();var d0=new Image();var d1=new Image();var d2=new Image();var d3=new Image();var d4=new Image();d0.src="people/d0.png";d1.src="people/d1.png";d2.src="people/d2.png";d3.src="people/d3.png";d4.src="people/d4.png";//敌人var e01=new Image();var e02=new Image();var e03=new Image();var e04=new Image();e01.src="enemy/e01.png";e02.src="enemy/e02.png";e03.src="enemy/e03.png";e04.src="enemy/e04.png";var boom1=new Image();var boom2=new Image();boom1.src="boom/boom1.png";boom2.src="boom/boom2.png";//var jump0=new Image();var jump1=new Image();var jump2=new Image();var jump3=new Image();var map=new Image();//var startimage=new Image();jump0.src="people/jump0.png";jump1.src="people/jump1.png";jump2.src="people/jump2.png";jump3.src="people/jump3.png";//sport2right.src="people/sport2right.png";sport2left.src="people/sport2left.png";zidan.src="people/zidan.png";xiexia0.src="people/xiexia0.png";xiexia1.src="people/xiexia1.png";xiexia2.src="people/xiexia2.png";youxiexia0.src="people/youxiexia0.png";youxiexia1.src="people/youxiexia1.png";youxiexia2.src="people/youxiexia2.png";upleft.src="people/upleft.png";upright.src="people/upright.png";downleft.src="people/downleft.png";downright.src="people/downright.png";leftrun0.src="people/leftrun0.png";leftrun1.src="people/leftrun1.png";leftrun2.src="people/leftrun2.png";leftrun3.src="people/leftrun3.png";leftrun4.src="people/leftrun4.png";rightrun0.src="people/rightrun0.png";rightrun1.src="people/rightrun1.png";rightrun2.src="people/rightrun2.png";rightrun3.src="people/rightrun3.png";rightrun4.src="people/rightrun4.png";right.src="people/01right.png";left.src="people/01left.png";map.src="map.png";//定义地图startimage.src="image22.png";//定义开始图片var temp=0;//临时时间 每120毫秒更新一次var temp2=0;//临时时间 每150毫秒更新一次var canvas=document.getElementById("game");//拿到画布var cxt=canvas.getContext("2d");//拿到2D画笔var canvas_height=224;//画布高var canvas_width=256;//画布长度var isok=false;//控制播放游戏进入画面var tempx=0;//临时变量 控制开始动画X坐标var tempy=224;//临时变量 控制开始动画Y坐标var tempspeed=3;//用于控制开始动画图片速度mmp=new Map();//alert("初始化地图完成"); hero=new Hero(40,0,0,1,true,2,false); // isonline(mapx,mapy,x,y,sport) //alert("初始化人物完成");function Map(){this.x=0;this.y=0;this.run=function(){this.x++;}this.draw=function(){cxt.drawImage(map,this.x,this.y,256,224,0,0,256,224);}}function key_down(){ //alert(hero.direct);var code=event.keyCode;//hero.speed=this.speed;//alert(code);switch(code){case 87://上shang=true;//hero.up(7,false);break;case 68://右leftorright=false;you=true;//stoptime1=true;stoptime2=true;//leftorright=false;break;case 83://下xia=true;break;case 65://左zuo=true;stoptime1=true;//stoptime2=true;leftorright=true;break;case 32://点击后开始进入游戏关卡backaudio('1.mp3');time_y();// enemy=new enemy(0);this.isok=true;break;case 74:hero.shotEnemy();break;//case 75:case 75:if(hero.direct!=8&&hero.sport==0){//console.log("进入跳跃"+);hero.jump();}if(hero.direct==8&&hero.sport==0){//alert("ok");hero.y+=9;hero.sport=2;time_y();}//break;//if(hero.sport==0){hero.jump();}break;}//开始if(shang==true&&xia==false&&zuo==false&&you==false)//上{//不再考虑开枪时的动作hero.up(7,false);}else if(shang==false&&xia==false&&zuo==false&&you==true)//右{hero.rightrun(1,false);//if(rightrunisover){ mmp.run();}}else if(shang==false&&xia==true&&zuo==false&&you==false)//下{hero.down(8,false);}else if(shang==false&&xia==false&&zuo==true&&you==false)//左{if(hero.x>0){hero.leftrun(4,false);}else if(hero.x<=0){hero.speed=0;hero.leftrun(4,false);}}else if(shang==true&&xia==false&&zuo==false&&you==true)//右上{hero.rightrun(6,false);}else if(shang==false&&xia==true&&zuo==false&&you==true)//右下{hero.rightrun(2,false);}else if(shang==false&&xia==true&&zuo==true&&you==false)//左下{hero.leftrun(3,false);}else if(shang==true&&xia==false&&zuo==true&&you==false)//左上{hero.leftrun(5,false);}//结束}function key_up(){// alert(hero.direct);var code=event.keyCode;//alert("进入弹起");//alert(code);hero.speed=1;//弹起后重置人物速度switch(code){case 87:shang=false;//alert(shang);break;case 68://stoptime1=false;stoptime2=false;isone1=true;you=false;//alert(you);break;case 83:xia=false;//alert(xia);break;case 65:zuo=false;isone2=true;stoptime1=false;//alert(zuo);break;/*case 74:hero.shotEnemy();break;*//*case 75:if(hero.direct!=8&&hero.sport==0){//console.log("进入跳跃"+);hero.jump();}else if(hero.direct==8&&hero.sport==0){//alert("ok");/* if(hero.sport==0){hero.x-=5;}*//*hero.sport=2;time_y();}break;*/}if(shang==false&&xia==false&&zuo==false&&you==false)//什么都不点{hero.direct=0;//下面为开始}else if(shang==true&&xia==false&&zuo==false&&you==false)//上{//不再考虑开枪时的动作hero.up(7,false);}else if(shang==false&&xia==false&&zuo==false&&you==true)//右{hero.rightrun(1,false);//if(rightrunisover){ mmp.run();}}else if(shang==false&&xia==true&&zuo==false&&you==false)//下{hero.down(8,false);}else if(shang==false&&xia==false&&zuo==true&&you==false)//左{if(hero.x>0){hero.leftrun(4,false);}else if(hero.x<=0){hero.speed=0;hero.leftrun(4,false);}}else if(shang==true&&xia==false&&zuo==false&&you==true)//右上{hero.rightrun(6,false);}else if(shang==false&&xia==true&&zuo==false&&you==true)//右下{hero.rightrun(2,false);}else if(shang==false&&xia==true&&zuo==true&&you==false)//左下{hero.leftrun(3,false);}else if(shang==true&&xia==false&&zuo==true&&you==false)//左上{hero.leftrun(5,false);}//结束} function DrawGame()//绘制所有内容 {//如果开始动画结束绘制地图if(isok){cxt.clearRect(0,0,256,224);mmp.draw();DrawHero(hero);drawHeroBullet();//addenemy(hero.x);drawenemy();//Console.log(enemy.x)//console.log(enemys[0].x);document.getElementById("aa").innerText="x="+mmp.x +" "+"y=" +mmp.y+"人物x="+hero.x+" 人物Y="+hero.y+" 人物方向"+hero.direct+" 动作"+hero.sport+" 速度"+hero.speed+" 路的左边"+s[0]+" 路的右边"+s[1]+" 路的Y"+s[2];}}//英雄的坐标准确度要求较高，速度的变化不能放在键盘监听内window.setInterval("DrawGame()",30);//定时器用于刷新游戏画面var stop=window.setInterval("real()",40);//此定时器用于播放开始动画window.setInterval("temptime()",160);//临时时间计数器function temptime()//临时时间方法 计算0-4q；通过此定时器来切换图片达到动画的目的 后面会改写{ this.temp++;if(temp==5) { this.temp=0; }}window.setInterval("temptime2()",150);function temptime2()//临时时间方法 计算0-2q；通过此定时器来切换图片达到动画的目的 后面会改写{ this.temp2++; if(temp2==3) { this.temp2=0; }}var temp3=0;function temptime3()//临时时间方法 计算0-3q；通过此定时器来切换图片达到动画的目的 后面会改写{ this.temp3++; if(temp3==4) { this.temp3=0; }}window.setInterval("temptime3()",120);//xilou();// //下面两个方法 负责结局按键点击后的延迟//用这个也可以//setTimeout(xilou,1000); </script></body></html></span>
这个是判断玩家是否在路上
你能给的也只有这么多，在这个狭小的圈子里，
