Move the ball

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

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

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

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

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

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

比较你的代码

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