PIXI_碰撞检测

PIXI_碰撞检测

理论

【碰撞判断】
	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<
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值