/

Phaser: 添加圖片

Phaser: 添加圖片

本篇文章是 Phaser 系列的一部分。點擊這裡查看系列文章的第一篇。

你可以將圖片添加為 GameObjects，但在遊戲開始時顯示圖片時，需要在 preload() 函數中將它們預加載。我們要為它們分配一個標識符，然後在 create() 函數中使用該資源添加圖片：

1
2
3
4
5
6
7
function preload() {
 this.load.image('apple', 'apple.png')
}

function create() {
 this.add.image(200, 200, 'apple')
}

注意，200, 200 是我們要放置圖片的位置。它指的是圖片的中心點。

如果要將其設置為左上角位置（較易於理解），可以在圖片上調用 setOrigin() 方法：

1
2
const image = this.add.image(200, 200, 'apple')
image.setOrigin(0, 0)

一旦圖片被創建並添加，我們可以對其進行多種操作，包括縮放：

1
image.setScale(2)

翻轉：

1
2
image.flipY = true
image.flipX = true

等等。

tags: [“phaser”, “game development”, “images”]