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

create 函式內,我們可以將 GameObjects 加到遊戲中。

例如我們可以畫出形狀,像是一個圓形:

function create() {
    const circle = this.add.circle(100, 100, 90, 0xffffff)
}

這會在座標 (100, 100) 上加入一個直徑為 90 的白色圓形。這些數字都是以像素為單位。

circle 變數包含了新增的圓形的參考。

this 在函式的上下文中是指場景物件。

另一個例子是 this.add.text(),這會在遊戲中加入文字:

const text = this.add.text(130, 100, 'test')

你可以通過傳遞一組選項來自訂文字的外觀:

const text = this.add.text(50, 100, 'Test', {
    font: '20px Arial',
    fill: '#FFFFFF'
})

任何 GameObject 都有一組屬性。例如,我們可以使用 text.xtext.y 來訪問 2D 空間中的 x 和 y 軸位置。