地面。 为了确保我们的游戏设置工作，我们需要添加`preload()`，`create()`和`update()`功能。创建游戏实例后，向其中添加以下空白函数： ``` function preload() { } function create() { } function update() { } ``` 在Web服务器运行的情况下，导航到运行游戏的页面。您应该看到一个空白屏幕，如下所示： ![游戏设定]() #### 加载资产 该游戏中的资产包括5张图片。在您可能创建的其他游戏中，您的资产可能非常庞大。高清晰图像，音频和视频文件可能会占用兆字节的空间。资产越大，负担越长。因此，Phaser具有一项`preload()`功能，我们可以在开始运行游戏之前加载所有资产。 将`preload()`函数更改为以下内容，以便我们可以在游戏循环开始之前加载图像： ``` function preload() { this.load.image('ball', 'assets/images/ball_32_32.png'); this.load.image('paddle', 'assets/images/paddle_128_32.png'); this.load.image('brick1', 'assets/images/brick1_64_32.png'); this.load.image('brick2', 'assets/images/brick2_64_32.png'); this.load.image('brick3', 'assets/images/brick3_64_32.png'); } ``` 第一个参数是稍后将用来引用图像的键，第二个参数是图像的位置。 **注：** -当我们用`this`我们的`preload()`，`create()`和`update()`功能，我们指的是由之前创建的游戏实例game。 加载图像后，我们想在屏幕上放置精灵。在的顶部`breakout.js`，添加以下将包含我们的精灵数据的变量： ``` let p