大数据培训,云培训,数据挖掘培训,云计算培训,高端软件开发培训,项目经理培训

大数据培训,云培训,数据挖掘培训,云计算培训,高端软件开发培训,项目经理培训

  好了不扯,接着上一篇H5坦克大战之【玩家控制坦克移动】(http://www.cnblogs.com/zhouhuan/p/H5_tankgame2.html),今天我们来继续看玩家怎么控制坦克,今天主要修复两处bug,第一个bug,玩家按下方向键时,坦克的炮筒应该指向相应的方向,并向该方向移动,第二,坦克不能开出边界,上一节的代码坦克是可以开出边界的,这样显然不行,会让坦克没有安全感,我们造出了它,就要给它安全感。

 

  1. 修复第一个bug

  我们的思路是,给造坦克的函数里再传一个方向的参数,我们让"u", "d", "l", "r"分别表示上下左右,封装这样一个可以传方向的函数之后,我们在用户按下不同的键时传不同的参数进去,由于整个地板每隔100毫秒会刷新一次,那么这个函数就能以肉眼分辨不出来的速度,在用户按下键的一瞬间相应地生产出不同方向的坦克了。

  如下:

大数据培训,云培训,数据挖掘培训,云计算培训,高端软件开发培训,项目经理培训

//封装一个画坦克的函数,传两个参数x,y,分别代表左上角的横纵坐标//再增加一个参数dir来表示方向 上下左右分别传"u" "d" "l" "r"function drawTank(x,y,dir){    var cxt = getCxt();    switch(dir){        case "u":                             //此时造一个向上的坦克
            cxt.fillStyle = "#542174";
            cxt.fillRect(x,y,20,65);                
            cxt.fillRect(x+70,y,20,65);                
         
        
		

网友评论