javascript - Phaser Js 中一端有孔的盒子迷宫游戏

Question

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

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);

}