Question

我正在使用Phaser框架进行简单的平铺游戏，但不幸的是我偶然发现了一个＆＃34;错误＆＃34;使用Arcade碰撞方法时。我希望所有的瓷砖完美地堆叠在一起，但顶部的瓷砖总是穿过它们下方的瓷砖。

这是代码：

＆＃13;

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

＆＃13;

<script src="https://github.com/photonstorm/phaser/releases/download/v2.6.2/phaser.min.js"></script>

＆＃13;

在Chrome上看起来似乎更糟糕。重要的是要注意，只有在使用4x4或更多的磁贴时才会出现问题。

Answer 1

由于当前版本的限制，
Phaser Arcade Physics 无法很好地处理多体接触

或者考虑改为使用 P2 physics 和/或参见下面的讨论。

https://github.com/photonstorm/phaser/issues/1513
http://www.html5gamedevs.com/topic/8191-vertical-sprite-collision-overlapfallthrough/
http://www.html5gamedevs.com/topic/7810-how-to-increase-rigidity-of-arcade-sprite-bodies/

是的，这是Arcade Physics分离代码的一个缺点，它不是为这种多体接触而设计的。堆叠在一起的东西越多，它就越奇怪。 @ lewster32

Phaser - Arcade碰撞物理学

1 个答案: