JS微信打飞机游戏（四）

等朋友微信打飞机游戏图片，不然判断碰撞，擦除等写的不规范，后期难维护。

这个版本里更新了如下功能：

1.修复子弹移除但没有在canvas里擦除的bug.

2.随机生成敌人飞机，并下降

3.判断是否击中敌机，击中的话，移除子弹和敌机，同时显示爆炸图片

点击下载源码  建议用Chrome运行。

1.判断是否击中敌机，由于图片素材没有拿到，碰撞时子弹的中点和飞机中点不一定在一条直线上，也就是x坐标相等。这相当恶心。

循环敌机数组和子弹数组，判断两个的位置。如果碰撞，移除子弹。敌机生命值减1，如果敌机生命值为0，移走，且爆炸。

2.

//判断是否击中敌机
function isHitEnemyFlyer(){
	for ( var i = 0; i < bulletList.length; i++) {
		var b=bulletList[i];
		for ( var j= 0; j < enemyFlyerList.length; j++) {
			var e=enemyFlyerList[j];
			if(Math.abs(b.x-e.x)<b.width&&b.y<(e.y+e.height)){
				//hit
				e.life--;
				if(e.life<=0){
					//哥在等图片，看着这个eggache.额
					ctx.drawImage(explode, b.x,b.y);
					e.miss();
					b.miss();
					enemyFlyerList.remove(e);
					bulletList.remove(b);
				}
			}
		}
	}
}




// 随机生成敌机，当然在微信里面很可能不是随机生成敌机的,"有棋局"。
function randomNewEnemyFlyer(){
	// 按200:4:1的比例生成小中大飞机
	
	var r=parseInt(Math.random()*205*5);
	var type=undefined;
	if(r===204){
		type=2;
	}else if(r<=203&&r>=200){
		type=1
	}else if(r>=0&&r<=199){
		type=0;
	}
	if(type==undefined)
		return;
	var e  = new EnemyFlyer(type);
	var x=parseInt(Math.random()*(canWidth/e.width))*e.width;
	// 如果敌机越界，重新再生成
	if(x+e.width>canWidth){
		return randomNewEnemyFlyer();
	}
	e.display(x,0);
	enemyFlyerList.push(e);
	
}

setInterval(function(){
	// 随机生成敌机
	randomNewEnemyFlyer();
	// 敌机下落
	for ( var j= 0; j < enemyFlyerList.length; j++) {
		enemyFlyerList[j].move();
		console.log(enemyFlyerList.length);
	}
},500);