JS面向对象--打飞机实例解析(5)--子弹与敌方飞机的碰撞-CSDN博客

本文链接：https://blog.csdn.net/weixin_40025586/article/details/83904334

1.碰撞原理及实现
–碰撞范围限定
子弹左边坐标>敌方飞机左边坐标
子弹左边坐标<敌方飞机左边坐标+敌方飞机的宽度
子弹顶部坐标>敌方飞机的顶部坐标
子弹顶部坐标<敌方飞机顶部坐标+敌方飞机的高度

–实例化代码：

function checkBoom()
	{
		for(var i=0;i<smallPlaneArray.length;i++)
		{
			for(var j=0;j<bulletArray.length;j++)
			{
				var bullet_left=parseInt(bulletArray[j].imgNode.offsetLeft);//子弹的左边
				var bullet_top=parseInt(bulletArray[j].imgNode.offsetTop);//子弹的上部
				var smallPlane_left=parseInt(smallPlaneArray[i].imgNode.offsetLeft);//小飞机左边
                var smallPlane_top=parseInt(smallPlaneArray[i].imgNode.offsetTop);//小飞机上边
                var smallPlane_width=parseInt(smallPlaneArray[i].imgNode.offsetWidth);//小飞机宽度
                var smallPlane_height=parseInt(smallPlaneArray[i].imgNode.offsetHeight);//小飞机高度
                //碰撞检测，前提是敌方小飞机还存活着
            if(smallPlaneArray[i].isdie==false)//敌方小飞机还活着
            {
                if(bullet_left>=smallPlane_left&&bullet_left<=smallPlane_left+smallPlane_width&&bullet_top>=smallPlane_top&&bullet_top<=smallPlane_top+smallPlane_height)
                {
                	mainObj.removeChild(bulletArray[j].imgNode);//移除子弹的子节点
                	bulletArray.splice(j,1);//子弹数组中删除元素
                	smallPlaneArray[i].imgNode.src='../img/小飞机爆炸.gif';//此时敌方小飞机的图片路径发生改变
                	smallPlaneArray[i].isdie=true;//碰撞后敌方小飞机死亡

                	//杀敌积分及杀敌数
                	killNum.innerHTML=parseInt(killNum.innerHTML)+1;
                	killScore.innerHTML=parseInt(killScore.innerHTML)+3;
                	
                }
            }
		}
	}

}
	var checkBoom_timer=setInterval(checkBoom,50);