基于html5的单机游戏

3、anvas=document.getElementById("canvasOne");varcontext=theCanvas.getContext("2d");vartank=newImage();tank.addEventListener('load',start,false);tank.src="tanks_sheet.png"//Backgroundcontext.fillStyle="#CCCCCC";context.fillRect(0,0,theCanvas.width,theCanvas.height);//Boxcontext.lineWidth=16;context

4、.strokeStyle="#000000";context.strokeRect(8,8,theCanvas.width-16,theCanvas.height-16);//画我方tank和我方炮弹functiondrawtank(){if(gameover){context.save();context.fillStyle="#000000";context.font="normalbold50pxnormal";context.fillText("游戏结束",150,150);context.restore();context.save();context.fillStyle="

5、#000000";context.font="normalbold25pxnormal";context.fillText("按空格键重新开始游戏",125,200);context.restore();update();return;}update();drawScene();render();//画场景functiondrawScene(){for(vari=0;i<=10;i++){for(varj=0;j<=14;j++){colCtr=j*32+16;rowCtr=i*32+16;context.save();sourceX=Math.floor(scene[i][j]%8)

6、*32;sourceY=Math.floor(scene[i][j]/8)*32;context.drawImage(tank,sourceX,sourceY,32,32,colCtr,rowCtr,32,32);context.restore();}}}//坦克更新数据functionupdate(){tankmove.x=tankmove.nextx;tankmove.y=tankmove.nexty;//左if(keyPressList[37]==true){//playermove.play();//playermove.stop();if(gameover){return;}

7、space();tankmove.tankAngle=270;tankmove.nextx-=tankmove.tankspeed;tankmove.tankshape=tankmove.tanknextshape;if(scene[Math.floor((tankmove.nexty-12)/32)][Math.floor((tankmove.nextx-12)/32)]!=0

8、

9、scene[Math.ceil((tankmove.nexty