Phaser: GameObjects

本文是 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.x 和 text.y 來訪問 2D 空間中的 x 和 y 軸位置。

Phaser: 場景

此篇文章是 Pharser 系列的一部分。點選這裡 查看這個系列的第一篇文章。 場景是我們定義遊戲的地方,在配置中將它們作為屬性傳遞給 scene 物件。 特別是,我們可以定義 preload 是我們載入外部資源的函式 create 在遊戲剛剛建立時被呼叫,在這裡我們可以定義遊戲開始時所需的 GameObjects update 是遊戲事件迴圈,用於定義遊戲的運作方式 GameObjects 是 Phaser 物件的一種特殊類型 以下是上述提到的兩個事件的範例: function preload() {} function create() {} new Phaser.Game({ width: 450, height: 600, scene: { preload: preload, create: create } }) 或者,因為在這種情況下每個屬性都與函式具有相同的名稱: new Phaser.Game({ width: 450, height: 600, scene: { preload, create } })