教程

本页面包含多个教程系列，重点介绍高效创建不同类型的 Web 游戏的不同工作流程。

使用纯 JavaScript 实现 2D 打砖块游戏

在该手把手教程中，你将使用纯 JavaScript 来实现一个简单的打砖块游戏。在这个过程中，你将学习使用 <canvas> 元素来实现基本的游戏机制，如渲染和移动图像、碰撞检测、控制机制以及获胜和失败状态。

使用 Phaser 实现 2D 打砖块游戏

在该手把手教程中，你将实现与之前的教程系列中相同的打砖块游戏，只不过这次你将使用 Phaser HTML 游戏框架来实现。这里的想法是教授一些使用框架的基础知识（及优势），以及基本的游戏机制。

使用设备方向的 2D 迷宫游戏 (en-US)

该教程展示如何使用 HTML，结合碰撞检测及在 <canvas> 中放置精灵的基础知识来创建一个 2D 迷宫游戏。这是一个移动端游戏，它使用设备方向 (en-US)和振动 API 来增强游戏体验，并使用 Phaser 框架构建。

使用 Phaser 构建 2D 平台游戏

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