教程

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

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

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

使用 Phaser 的 2D 打砖块游戏

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

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

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

使用 Phaser 的 2D 平台游戏

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