坦克大战详细设计说明书.docVIP

RIA编程技术 课程大作业 11软工2班 傅佳杰 目录 1绪论………………………………………………………………………………… 1.1开发背景……………………………………………………………………… 1.2开发工具……………………………………………………………………… 2程序设计…………………………………………………………………………… 2.1主要设计思路…………………………………………………………………… 3程序简介……………………………………………………………………… 3.1程序一些类的介绍…………………………………………………………… 4程序运行与测试…………………………………………………………………… 4.1程序开始……………………………………………………………………… 4.2程序界面……………………………………………………………………… 4.3系统启动测试……………………………………………………………… 4.4子弹发射测试……………………………………………………………… 4.5玩家移动测试 ……………………………………………………………… 1绪论 1.1开发背景 随着信息社会的迅猛发展，人们对游戏的要求也越来越 1.2开发工具 记事本 2程序设计 2.1主要设计思路 用Canvas进行图形或图像绘制；支持图形或图像移动；支持键盘控制；应实现功能基本完整的单机游戏系统。 3程序类的介绍 3.1有关类的介绍 Tank类 1、Tank类的主要属性有： function Tank(x,y,direct,color){ this.x=x; this.y=y; this.speed=1; this.isLive=true; this.direct=direct; this.color=color; drawTank ()方法 drawTank()方法根据坦克的类型不同可以画出不同类型的坦克和不同方向的坦克 fire()方法 fire()方法的功能是实现打出一颗子弹，fire()方法调用了画坦克的颜色变量 c ，画出与坦克一样颜色的子弹，以区别子弹是那一方发出来的。 isHitEnemyTank方法 该方法是用来判断Tank判断我的子弹，是否击中了某个敌人坦克 function isHitEnemyTank(){ for(var i=0;iheroBullets.length;i++){ var heroBullet=heroBullets[i]; if(heroBullet.isLive) for(var j=0;jenemyTanks.length;j++){ var enemyTank=enemyTanks[j]; if(enemyTank.isLive){ switch(enemyTank.direct){ case 0: //敌人坦克向上 case 2://敌人坦克向下 if(heroBullet.x=enemyTank.xheroBullet.x=enemyTank.x+20 heroBullet.y=enemyTank.yheroBullet.y=enemyTank.y+30){ //把坦克isLive 设为false ,表示死亡 enemyTank.isLive=false heroBullet.isLive=false; var bomb=new Bomb(enemyTank.x,enemyTank.y); bombs.push(bomb); } break; case 1: //敌人坦克向右 case 3://敌人坦克向左 if(heroBullet.x=enemyTank.xheroBullet.x=enemyTank.x+30 heroBullet.y=enemyTank.yheroBullet.y=enemyTank.y+20){ enemyTank.isLive=false; heroBullet.isLive=false; Hero类继承Tank类 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+9,this.y,this.direct