迷宫游戏就像盒子一样，在一端有一个洞在phaser Js

Question

我需要在里面建一个有迷宫的盒子，一边有一个洞。盒子里还会包含一些颗粒。我们需要旋转盒子并将颗粒从孔中掉出来。我尝试通过连接边创建一个矩形，并考虑将其添加为一个组，但它不起作用。下面是我想要生成的图像。请帮忙。

var side1 = new Phaser.Physics.Box2D.Body(this.game, null, game.world.centerX - 80, 150, 0); 
side1.setRectangle(350, 15, 0, 0,Math.PI /1.3);
.
.
etc...

这样建造的是双方并试图将它们分组。

一定不能在Box2D中，你也可以使用P2JS。

Answer 1

用Box2d得到了结果。现在我只需要在其中添加粒子，我就可以了。

var game = new Phaser.Game(1400, 800, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });       
var gameTable;
var polyFrame=[3,0,340,1,341,230,326,234,325,21,183,20,182,47,166,48,164,20,20,21,19,340,165,339,163,195,67,196,68,179,165,177,164,96,182,96,181,178,276,178,277,195,183,196,183,340,326,339,324,281,342,280,341,356,2,357];

function preload(){
    game.load.image('frame', 'assets/frame.png');
}
function create() {    
    game.physics.startSystem(Phaser.Physics.BOX2D);
    gameTable = game.add.sprite(100,100, 'frame');    
    game.physics.box2d.enable(gameTable);
    gameTable.body.setPolygon(polyFrame);    
    gameTable.anchor.setTo(0,0);    
}

function update() {
     gameTable.body.rotateRight(50); 
}

function render() {    
   game.debug.body(gameTable);

}