index.md

title	slug
教程	Games/Tutorials

{{GamesSidebar}}

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

• 使用纯 JavaScript 实现 2D 打砖块游戏
  • : 在该手把手教程中，你将使用纯 JavaScript 来实现一个简单的打砖块游戏。在这个过程中，你将学习使用 {{htmlelement("canvas")}} 元素来实现基本的游戏机制，如渲染和移动图像、碰撞检测、控制机制以及获胜和失败状态。
• 使用 Phaser 实现 2D 打砖块游戏
  • : 在该手把手教程中，你将实现与之前的教程系列中相同的打砖块游戏，只不过这次你将使用 Phaser HTML 游戏框架来实现。这里的想法是教授一些使用框架的基础知识（及优势），以及基本的游戏机制。
• 使用设备方向的 2D 迷宫游戏
  • : 该教程展示如何使用 HTML，结合碰撞检测及在 {{htmlelement("canvas")}} 中放置精灵的基础知识来创建一个 2D 迷宫游戏。这是一个移动端游戏，它使用设备方向和振动 API 来增强游戏体验，并使用 Phaser 框架构建。
• 使用 Phaser 构建 2D 平台游戏
  • : 本教程系列展示了如何使用 Phaser 创建一个简单的平台游戏，涵盖了精灵、碰撞、物理、收集物品等基础知识。