html+js 实现别踩白块小游戏

首先创建一个 HTML 文件，编写游戏的基本结构。 这部就很简单了 代码如下 效果如图

本步骤开始使用 JavaScript 创建游戏方块，实现每行四个方块，并随机生成一个黑块。

获取页面中 ID 为 board 的元素，后续创建的方块都会添加到这个区域中。 然后就是循环创建 代码如下 效果如图

第三部添加了开始和向下移动的功能 原理就是 通过不断增加 topPos，改变方块区域距离顶部的位置，实现向下移动。 当方块区域移动到指定位置时，检查最底部的一行。

这部添加了一个倒计时的效果 不然用户是反应不过来的 倒计时就方便理解了 就是一个定时器 然后改变遮罩层的效果 效果看视频

现在就相当于是我们给每个随机生成的黑块 都添加一个点击事件，然后点击黑块之后会增加积分并把黑块改变成灰的 完整代码如下 效果看视频

最后添加一个速度递增的功能 可以越点越快增加难度每获得 5 分，方块移动速度增加 完整代码如下 效果看视频