使用 Phaser 的 2D 打磚塊遊戲
在本分步教程中，我們將使用 Phaser 框架，用 JavaScript 建立一個簡單的移動版MDN Breakout遊戲。
每個步驟都有可編輯的即時示例可供您嘗試，因此您可以直觀地瞭解中間階段應該是什麼樣子。您將學習使用 Phaser 框架的基礎知識，以實現基本的遊戲機制，例如渲染和移動影像、碰撞檢測、控制機制、特定於框架的輔助函式、動畫和補間，以及勝利和失敗狀態。
為了充分利用本系列文章，您應該已經具備 JavaScript 的基礎到中級知識。完成本教程後，您應該能夠使用 Phaser 構建自己的簡單 Web 遊戲。
課程詳情
所有課程以及我們正在一起構建的 MDN Breakout 遊戲 的不同版本都可以在 GitHub 上找到。
關於學習路徑的說明：從純 JavaScript 入門是獲得紮實 Web 遊戲開發知識的最佳途徑。如果您還不熟悉純 JavaScript 遊戲開發，我們建議您先學習本系列文章的對應內容——使用純 JavaScript 的 2D 破壞遊戲。
之後，您可以選擇任何您喜歡的框架並將其用於您的專案；我們選擇 Phaser 是因為它具有良好的瀏覽器支援、活躍的社群和一套不錯的外掛。框架可以加快開發時間並幫助處理繁瑣的部分，讓您可以專注於有趣的內容。但是，框架並非總是完美的，所以如果發生任何意外情況，或者您想編寫框架未提供的某些功能，您將需要一些純 JavaScript 知識。
後續步驟
好的，讓我們開始吧！請轉到本系列的第一個部分——初始化框架。