如何在 Lightly 用 JavaScript 制作俄罗斯方块游戏

在之前的两篇文章中，我们通过介绍 Web 语言的编程软件与简易的网页编程实例来说明 HTML/CSS 和 JavaScript 的概况及关系。

如果还未了解过 Web 编程的小伙伴可以先参考前两个文章：

新一代的 HTML+CSS+JavaScript IDE - Lightly

HTML / CSS / JS 编程入门 —— 制作可切换主题的简单网页

这一篇文章将进一步深入使用 JavaScript 进行编程，从零开始搭建简易的俄罗斯方块游戏。

目录

1. 俄罗斯方块游戏简介
2. 俄罗斯方块的游戏元素
3. 在 Lightly 进行 HTML 和 CSS 的简要设置
4. 使用 JavaScript 实现俄罗斯方块游戏
5. 扩展作业

俄罗斯方块简介

俄罗斯方块是一款由苏联软件工程师制造的益智游戏。这款游戏诞生于 1984 年，期间曾被任天堂游戏买下版权，在当年的任系掌机 GameBoy 中风靡一时。

俄罗斯方块的游戏逻辑十分简单，只需要将掉落的方块拼凑成完整的一行后，即可消除得分。随着游戏升级，俄罗斯方块掉落的速度也会逐渐增加，提升游戏难度和趣味性。时至今日，俄罗斯方块仍旧是颇受欢迎的游戏，不同的游戏厂家也将俄罗斯方块开发成符合现代化审美、具有多人联机的休闲游戏。

俄罗斯方块的游戏元素

在开始编写俄罗斯方块游戏之前，我们需要理清游戏的元素，以便后期编程参考：

俄罗斯方块的种类

俄罗斯方块根据形状和方向的不同，大致可分为 7 种方块：