理论
【碰撞判断】
1、根据元素的特点划定假想圆大小,将元素的锚点设置为中心作为假想圆的圆心
元素宽度的一半作为假想圆的半径
设置轴心点.anchor.set(0.5,0.5)
2、计算碰撞距离:碰撞距离==两个元素假想圆半径之和
3、计算两个元素的X轴距离,Y轴距离
x轴距离(元素1.x - 元素2.x)
var xl = zd.x - enemy.x;
y轴距离(元素1.y - 元素2.y)
4、将x轴距离与y轴距离作为直角三角形的两条边,利用勾股定理计算斜边长度。
xl*xl+yl*yl = 间距的平方
5、碰撞判断:如果两个元素的距离<=碰撞距离,视为发生碰撞
代码
//设置舞台
var app = new PIXI.Application(500, 700);
document.body.appendChild(app.view);
//添加敌机
var<