我正在使用Phaser框架進行簡單的平鋪遊戲,但不幸的是,我在使用Arcade碰撞方法時偶然發現了一個「bug」。我希望所有的瓷磚能夠完美地堆疊在一起,但頂部的瓷磚總是穿過它們下面的瓷磚。Phaser - 街機碰撞物理
這是代碼:
var game = new Phaser.Game(700, 700, Phaser.AUTO, 'phaser-demo', {
create: create,
update: update
});
var tiles, textureRegistry = {};
function create() {
game.physics.startSystem(Phaser.Physics.ARCADE);
game.physics.arcade.gravity.y = 500;
tiles = game.add.group();
tiles.physicsBodyType = Phaser.Physics.ARCADE;
tiles.enableBody = true;
for (var i = 0; i < 10; i++) {
for (var j = 0; j < 10; j++) {
tiles.add(game.add.sprite(i * 70, j * 70, createBlock(64, 'red')));
}
}
tiles.setAll('body.collideWorldBounds', true);
tiles.setAll('body.bounce', new Phaser.Point(0.5, 0.5));
}
function update() {
game.physics.arcade.collide(tiles);
}
function createBlock(size, color) {
var name = size + '_' + color;
if (textureRegistry[name]) {
return textureRegistry[name];
}
var bmd = game.add.bitmapData(size, size);
bmd.ctx.fillStyle = color;
bmd.ctx.fillRect(0, 0, size, size);
textureRegistry[name] = bmd;
return bmd;
}
<script src="https://github.com/photonstorm/phaser/releases/download/v2.6.2/phaser.min.js"></script>
這似乎看起來更糟在Chrome。請注意,只有在使用4x4或更多瓦片時纔會出現問題。