HTML5移动开发之路坦克大战游戏3.docxVIP

上一篇我们创建了敌人的坦克和自己的坦克，接下来就应该让坦克发子弹了，我们下面来看一下如何让我们的坦克发出子弹。前面我们用面向对象的思想对Tank进行了封装，又利用对象冒充实现了我们的坦克和敌人的坦克，仿照这种方式我们是不是也应该封装一个Bullet，答案是肯定的。好吧，那么我们再想想这个Bullet类“都应该封装什么东西呢？位置应该有吧、子弹飞行的方向应该有吧、飞行的速度也应该有吧、自己飞出去的动作应该有吧。好啦，大概就这些，封装后的Bulle”t类“如下：[html]?view plain?copy?print?//子弹类??function?Bullet(x,y,direct,speed){??????this.x=x;??????this.y=y;??????this.speed=speed;??????this.direct=direct;??????this.timer=null;??????this.run=function(){??????????switch(this.direct){??????????????case?0:??????????????????this.y-=this.speed;??????????????????break;??????????????case?1:??????????????????this.x+=this.speed;??????????????????break;??????????????case?2:??????????????????this.y+=this.speed;??????????????????break;??????????????case?3:??????????????????this.x-=this.speed;??????????????????break;????????????}????????????????}??}??我们已经创建好子弹的模型了，下面就用我们的坦克创造子弹将子弹发出去，在Hero类中添加shotEnemy方法。[html]?view plain?copy?print?//定义一个Hero类??function?Hero(x,y,direct,color){??????//下面两句话的作用是通过对象冒充达到继承的效果??????this.tank=Tank;??????this.tank(x,y,direct,color);??????//射击敌人函数??????this.shotEnemy=function(){??????????switch(this.direct){??????????????case?0:??????????????????heroBullet=new?Bullet(this.x+10,this.y,this.direct,1);??????????????????break;??????????????case?1:??????????????????heroBullet=new?Bullet(this.x+30-4,this.y+10+4,this.direct,1);??????????????????break;??????????????case?2:??????????????????heroBullet=new?Bullet(this.x+10,this.y+30,this.direct,1);??????????????????break;??????????????case?3:??????????????????heroBullet=new?Bullet(this.x-4,this.y+10+4,this.direct,1);??????????????????break;??????????}??????????//把这个子弹放入数组中——》push函数??????????//调用我们子弹的run??????????//var?timer=window.setInterval(heroBullet.run(),50);??????????//heroBullet.timer=timer;??????????heroBullets.push(heroBullet);??????????var?timer=window.setInterval(heroBullets[+(heroBullets.length-1)+].run(),50);??????????heroBullets[heroBullets.length-1].timer=timer;????????????????}??}??再在按键监听函数中添加一个监听发射子弹的键“J[html]?view plain?co