Javascript 在Phaser中检测精灵和位图之间的冲突

Javascript 在Phaser中检测精灵和位图之间的冲突,javascript,bitmap,collision-detection,collision,phaser-framework,Javascript,Bitmap,Collision Detection,Collision,Phaser Framework,如何检测精灵和位图创建的形状之间的冲突 在示例中,我有雪碧: this.player = this.add.sprite(0, 0, 'player') this.player.anchor.setTo(0.5) this.player.scale.setTo(0.1) 和位图: this.bmd = this.game.add.bitmapData(2000, 2000) this.bmd.addToWorld() 然后我使用bmd对象绘制形状: this.bmd.rect(px, py

如何检测精灵和位图创建的形状之间的冲突

在示例中,我有雪碧:

this.player = this.add.sprite(0, 0, 'player')
this.player.anchor.setTo(0.5)
this.player.scale.setTo(0.1)
和位图:

this.bmd = this.game.add.bitmapData(2000, 2000)
this.bmd.addToWorld()
然后我使用bmd对象绘制形状:

this.bmd.rect(px, py + 15, 5, 500, 'rgba(255, 255, 255, 1)')
然后我把这个方法叫做:

this.bmd.update()
它看起来或多或少像是在 . 黄色的球是我的精灵。 白色曲线是我从bitmapdata创建的形状。
我想检测黄色物体和白线之间的碰撞。

我解决了这个问题-这些例子非常有用,而且

当我有两个精灵(播放器和位图)时,碰撞检测非常简单

var bmd = game.add.bitmapData(128,128);

bmd.ctx.beginPath();
bmd.ctx.rect(0,0,128,128);
bmd.ctx.fillStyle = '#ff0000';
bmd.ctx.fill();

var sprite = game.add.sprite(200, 200, bmd);