课程简介

课程简介

本课程面向已具备一定编程基础、希望学习游戏开发与 JavaScript 的学习者。课程将作为逐步指导，带你构建一个受俄罗斯方块（Tetris）启发的完整功能 HTML Canvas 游戏。

在本课程中，你将学习 HTML Canvas 的基础知识以及游戏机制，包括碰撞检测、用户交互和游戏循环。课程第一部分讲解现代 JavaScript 特性，第二部分则聚焦于实际游戏开发，最终完成一个可运行的游戏。

为了从本课程中获得最大收获，建议你具备基本到中级的编程知识。即使你没有编程经验，也可以通过本课程受益，只需在入门 JavaScript 的部分投入更多注意力即可。

完成本课程后，你将能够独立创建自己的简单网页游戏。

为什么选择俄罗斯方块？

俄罗斯方块由阿列克谢·帕吉特诺夫于 1984 年创作。玩家需要旋转并移动下落的方块，通过填满水平行来消除线条，且每行不能有空格。当方块堆叠到顶部时，游戏结束。

俄罗斯方块是开启游戏开发之旅的理想起点。它包含了游戏的核心要素，同时实现起来相对简单。每个四连方块（tetromino）由四个小方块组成，图形设计简洁，便于专注于游戏逻辑部分的实现。

请注意：俄罗斯方块受版权保护，这意味着如果你打算使用本系列内容开发自己的游戏，请确保在发布时遵守相关法律法规。

什么是“现代”？

你可能听过“现代 JavaScript”这个说法，甚至本课程也命名为《用现代 JavaScript 实现俄罗斯方块》。那么，“现代”到底意味着什么？

长期以来，JavaScript 语言几乎没有更新，直到 2015 年迎来一次重大更新——ES6，也称为 ECMAScript 2015。此后，ECMAScript 每年都会推出新版本，这些更新统称为“现代 JavaScript”。

一个小趣闻：JavaScript 诞生于 1996 年，随后于 1997 年提交给 ECMA 国际组织进行标准化，由此诞生了 ECMAScript。自此，JavaScript 基于 ECMAScript 标准不断发展。

本课程将讲解 ECMAScript 2015 及之后版本带来的各项更新，以及语言的发展演变过程。换句话说，我们正在编写的俄罗斯方块游戏，采用了当前 JavaScript 最佳实践。

你将学到什么？

一般来说，要开发一个 JavaScript 游戏，你需要两个核心组件：HTML5 Canvas 和 JavaScript。

虽然我们将重点讲解游戏编程的基础知识，但这也是一个绝佳机会，让你接触现代 JavaScript 的关键概念，例如：

• let 和 const
• 箭头函数
• 类（Classes）
• 解构赋值
• Proxy
• Async/await

因此，你不仅会学会如何制作游戏，还将掌握一系列实用的 JavaScript 技巧，丰富你的编程工具箱！

课程结构

在开始构建游戏之前，我们会先学习一些重要的 JavaScript 概念。如果你已经熟悉 JavaScript，希望直接进入游戏开发，可以跳过这些基础内容，稍后再回看。

我们将一步步搭建游戏。每个步骤都配有可实时编辑和运行的示例，方便你查看每节课结束后游戏应有的效果。

为了最大化学习效果，建议你在阅读课程内容的同时动手编写代码。我鼓励你随着课程进展不断调整和改进游戏。最终，你可以自由添加功能，让游戏变成你理想中的样子！