相位js中的game.physics.arcade.collide()

Question

我使用框架位移器js。我使用graphics创建了两个圆圈

var graphics;
var ball;

var graphics1;
var ballHome;

function create(){
  game.physics.startSystem(Phaser.Physics.ARCADE);  

    graphics=game.add.graphics(500,500);    //first circle
    game.physics.arcade.enable(graphics);
    graphics.enableBody=true;
    graphics.beginFill(0xFFFFFF,1);
    ball=graphics.drawCircle(10,10,15);
    graphics.endFill();


    graphics1=game.add.graphics(500,500);   //second circle
    game.physics.arcade.enable(graphics1);
    graphics1.enableBody = true;
    graphics1.beginFill(0xFFF55F,1);
    ballHome=graphics1.drawCircle(300,300,500);
    graphics1.endFill();

}

function update() {
     game.physics.arcade.collide(ball,ballHome); 
}

我要他们碰撞

为什么game.physics.arcade.collide(ball,ballHome)不能工作？

谢谢你的帮助

Answer 1

问题是collide()函数以Phaser.Sprite作为输入，但是ball和ballHome不是精灵；它们是PIXI.Graphics对象。您需要从您的Graphics对象创建精灵，然后将这些精灵传递到collide()中。

要从graphics对象中创建一个sprite，首先调用Graphics.generateTexture() (文档)来创建纹理，然后用您刚刚创建的纹理调用game.add.sprite() (文档)。

有关Phaser的更多信息，以及大量非常有用的教程，请参阅Phaser网站。