Blog_Cat_2019

使用 HTML + CSS + JS 实现横向的俄罗斯方块游戏，解压后在浏览器里打开 index.html 文件即可运行。 对于学习前端的同学们来说，俄罗斯方块是一个很好的练习项目。为了方便阅读，我在代码中添加了注释。为了提高对不同浏览器的兼容性，本项目没有使用 canvas 控件，而是采用 div 元素实现。 与普通的俄罗斯方块不同的是，横向俄罗斯方块的砖块从左侧开始运动，使用上下方向键调整位置，使用向左的方向键旋转砖块，使用向右的方向键加速下落。有问题可以点击页面右侧的"帮助"按钮，或者按键盘的 F1 键。 砖块包括 C形，T形，Z形，L形，1x1正方形，2x2正方形，4x1长方形，其中，1x1 的砖块是为了降低难度而存在的，如果不需要则可以去掉。

自制的俄罗斯方块游戏的源码，用于学习HTML，CSS 和 JavaScript 的知识； 将压缩包解压之后，用浏览器打开 HTML 文件即可运行； JS部分采用模块化风格，包含6个模块：brick, game, hint, notice, score, square； 为提高兼容性，采用 div 元素 + CSS实现方块，不使用canvas控件； 为了减少体积，我把每个文件的代码都压缩成了一行，大家在阅读前需要恢复代码的格式，操作方法在我写的文章里，题目叫："源代码的压缩与恢复"；另外，为了方便压缩代码和打包，我把6个JS文件合并成1个文件，大家需要自己拆分。