game.physics.arcade.collide()in phaser js

时间:2018-03-22 06:05:47

标签: javascript phaser-framework

我使用框架phaser 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)无效?

感谢您的帮助

1 个答案:

答案 0 :(得分:0)

问题是collide()函数将Phaser.Sprite作为输入,但ballballHome不是精灵;它们是PIXI.Graphics个对象。您需要从Graphics个对象创建精灵,然后将这些精灵传递到collide()

要从graphics对象制作精灵,请先致电Graphics.generateTexture()Tutorial for ASN1 DER Primitive Encoder)创建纹理,然后拨打game.add.sprite()doc)你刚刚创建的纹理。

有关Phaser的更多信息,以及大量非常有用的教程,请参阅doc