教程

此頁面包含多個教程系列，重點介紹有效建立不同型別網路遊戲的各種工作流程。

使用純 JavaScript 的 2D 打磚塊遊戲

在本分步教程中，您將使用純 JavaScript 實現一個簡單的打磚塊（breakout）克隆。在此過程中，您將學習使用 <canvas> 元素的基礎知識，以實現基本的遊戲機制，例如渲染和移動影像、碰撞檢測、控制機制以及獲勝和失敗狀態。

使用 Phaser 的 2D 打磚塊遊戲

在本分步教程中，您將實現與上一個教程系列相同的打磚塊克隆，但這次您將使用 Phaser HTML 遊戲框架來實現。此處的想法是教授使用框架的一些基礎知識（和優勢），以及基本的遊戲機制。

帶有裝置方向的 2D 迷宮遊戲

本教程展示瞭如何使用 HTML 建立一個 2D 迷宮遊戲，其中包含碰撞檢測和在 <canvas> 上的精靈放置等基礎知識。這是一款使用 裝置方向和 振動 **API** 來增強遊戲玩法的移動遊戲，並且是使用 Phaser 框架構建的。

帶有 Phaser 的 2D 平臺遊戲

本教程系列展示瞭如何使用 Phaser 建立一個簡單的平臺遊戲，涵蓋精靈、碰撞、物理、可收集物品等基礎知識。