Question

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

感谢您的帮助

Answer 1

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

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

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

game.physics.arcade.collide（）in phaser js

1 个答案: