移相器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 s作为其输入，但是ball和ballHome不是sprites。 它们是PIXI.Graphics对象。 您需要从Graphics对象创建精灵，然后将这些精灵传递到collide() 。

要从graphics对象制作精灵，请首先调用Graphics.generateTexture() （ doc ）创建纹理，然后使用刚创建的纹理调用game.add.sprite() （ doc ）。

有关Phaser的更多信息，以及大量有用的教程，请访问Phaser网站 。