创建并添加到屏幕

首先必须在 Phaser 中创建一个游戏对象。

var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create });

在预加载回调函数中加载图像。

function preload() {

    game.load.image('thing', 'assets/thing-image.png');

}
参数 细节(Game.add.image)
名称 用于在 game.add.image 方法中引用图像的名称。
文件 资产文件的路径(相对于项目的根目录)。

然后在 create 函数中使用游戏对象的 add 方法创建 Image 对象并将其创建到屏幕上。

function create() {

  var image = game.add.image(100, 100, 'thing');

}
参数 细节(Game.add.image)
X 应该添加图像的 x 坐标。
ÿ 应添加图像的 y 坐标。
名称 game.load.image 方法中指定的图像名称。