翻译正在进行中。

这是Gamedev Phaser教程 16 第4步Gamedev-Phaser-Content-Kit / demos / lesson04.html完成本课后,您可以找到源代码

我们在屏幕上打印了我们的蓝色球,但它什么都不做,这样做会很酷。本文介绍如何做到这一点。

在每个框架上更新球的位置

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

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

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

比较你的代码

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

下一步

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

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

文档标签和贡献者

 此页面的贡献者: j787701730
 最后编辑者: j787701730,