Collision detection

物理引擎使一切都变得更容易 - 我们只需要添加两个简单的代码。首先，在你的update()函数中添加一行，检查球和砖之间的碰撞检测，如下所示：

function update() {
  game.physics.arcade.collide(ball, paddle);
  game.physics.arcade.collide(ball, bricks, ballHitBrick);
  paddle.x = game.input.x || game.world.width * 0.5;
}

球的位置是根据组中所有砖的位置计算的。第三个可选参数是发生冲突时执行的功能ballHitBrick()。创建这个新功能作为代码的底部，就在结束</script>标签之前，如下所示：

function ballHitBrick(ball, brick) {
  brick.kill();
}

就是这样！重新加载你的代码，你应该看到新的碰撞检测工作正常。

感谢 Phaser，有两个参数传递给函数 - 第一个是球，我们在碰撞方法中明确定义，第二个是球碰撞的砖组中的单个砖。在功能内部，我们从屏幕上删除所讨论的砖块，只需运行其kill()上的方法即可。

你将期望在使用纯 JavaScript时编写更多自己的计算机来实现碰撞检测。这是使用框架的好处 - 你可以为 Phaser 留下大量无聊的代码，并专注于制作游戏中最有趣和最有趣的部分。

你可以在下面的现场演示中查看本课程的完成代码，并使用它来更好地了解它的工作原理：

我们可以打砖块并删除它们，这已经是游戏的一个很好的补充。结果，更好地计算被毁砖增加得分。

page(Doc) not found /zh-CN/docs/Games/Workflows/2D_Breakout_game_Phaser/Build_the_brick_field