教程

此页面包含多个教程系列，重点介绍有效创建不同类型网络游戏的各种工作流程。

使用纯 JavaScript 的 2D 打砖块游戏

在本分步教程中，您将使用纯 JavaScript 实现一个简单的打砖块（breakout）克隆。在此过程中，您将学习使用 <canvas> 元素的基础知识，以实现基本的游戏机制，例如渲染和移动图像、碰撞检测、控制机制以及获胜和失败状态。

使用 Phaser 的 2D 打砖块游戏

在本分步教程中，您将实现与上一个教程系列相同的打砖块克隆，但这次您将使用 Phaser HTML 游戏框架来实现。此处的想法是教授使用框架的一些基础知识（和优势），以及基本的游戏机制。

带有设备方向的 2D 迷宫游戏

本教程展示了如何使用 HTML 创建一个 2D 迷宫游戏，其中包含碰撞检测和在 <canvas> 上的精灵放置等基础知识。这是一款使用 设备方向和 振动 **API** 来增强游戏玩法的移动游戏，并且是使用 Phaser 框架构建的。

带有 Phaser 的 2D 平台游戏

本教程系列展示了如何使用 Phaser 创建一个简单的平台游戏，涵盖精灵、碰撞、物理、可收集物品等基础知识。