Move the ball

记住update()功能及其定义？其中的代码在每个框架上执行，所以它是一个完美的地方，将代码更新球的位置在屏幕上。在里面添加以下新行代码update()，如下所示：

function update() {
  ball.x += 1;
  ball.y += 1;
}

上面的代码在每个框架上为表示画布上的球坐标的属性x和y属性添加了一个。重新加载 index.html，你应该看到球在屏幕上滚动。

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

下一步是添加一些基本的碰撞检测，所以我们的球可以从墙壁反弹。这将需要几行代码 - 一个比我们迄今为止看到的更复杂的步骤，特别是如果我们也想添加桨和砖碰撞 - 但是幸运的是 Phaser 使我们比我们想要使用纯粹的方法更容易做到这一点 JavaScript 的。

无论如何，在我们做所有的事情之前，我们将首先介绍 Phaser 的物理引擎，并做一些设置工作。

io error: No such file or directory (os error 2) (/home/runner/work/yari/yari/mdn/content/files/en-us/games/workflows/2d_breakout_game_phaser/load_the_assets_and_print_them_on_screen/index.md)