应用介绍
在 10×20 场地里旋转并堆叠下落方块、凑满整行即消除的经典玩法复刻,纯键盘操作。
它解决什么问题
方块下落这类玩法最讨喜的地方在于规则极少:方块自己往下掉,你只需要决定它落在哪儿、转成什么方向。没有剧情、没有任务列表、不用记住任何数值——不看说明也能直接上手。
这个页面就是这类玩法的前端学习复刻:场地、方块形状、旋转、行消除和等级加速全部在浏览器里计算,不请求后端,也不需要账号。它只是一次玩法练习,与任何早期作品的作者、发行商或权利方无关。
它适合那种"只想安静地消几行"的时刻:一局可长可短,随时合上页面就走,不用担心掉线或坑到队友。
核心功能
- 10×20 场地与 7 种方块:场地 10 列 20 行,方块由 7 种基础形状(长条、方块、T 形、两种 Z 形、两种 L 形)随机出现,每种带自己的颜色。
- 计分规则:一次消除 1 / 2 / 3 / 4 行分别得 100 / 300 / 500 / 800 分,再乘以当前等级;自动下落的速度也会随等级加快。
- 等级与加速:每累计消除 10 行升 1 级;下落的间隔从 800 毫秒起步,每升一级减少 60 毫秒,最快压到 100 毫秒一格。
- 完整键位:←→ 左右移动,↑ 顺时针旋转,↓ 加速下落(无法下移时直接落下),空格硬降到底——硬降每下落一格额外加 2 分。
- 结束判定:方块堆到顶部、新方块无处可放时显示 GAME OVER,可点「重新开始」。
怎么用
- 1打开
/wit-lab/tetris,游戏自动开始,方块从场地顶部出现。 - 2用 ←→ 把方块移到想放的位置,用 ↑ 调整朝向。
- 3按 ↓ 或空格让它尽快落地。
- 4把一整行填满即可消除,同时看左侧的分数、等级与累计行数。
- 5一局结束后点「重新开始」再开一局。
常见问题
Q:有哪些操作键?
A:←→ 左右移动,↑ 旋转,↓ 加速下落(到不了下一格时会直接固定),空格硬降到底。页面左下角也标注了这几个键。
Q:手机上能玩吗?
A:当前版本只监听键盘事件,没有做触屏操作,所以手机上打开只能看到画面,无法控制方块。
Q:分数怎么算?
A:看一次消除的行数:1 行 100 分、2 行 300 分、3 行 500 分、4 行 800 分,再乘以当前等级;此外每次硬降按下落格数每格加 2 分。
Q:等级是怎么升的?
A:每累计消除 10 行升一级。等级越高方块下落越快,间隔从 800 毫秒起每级减 60 毫秒,最低 100 毫秒。
Q:有暂停、下一块预览或最高分吗?
A:都没有。页面只显示当前正在下落的方块,不支持暂停,分数也不保存,刷新即归零。
适合谁
想在碎片时间玩一局、不想看教程的人喜欢键位固定、靠肌肉记忆玩的老玩家想参考"网格 + 旋转 + 行消除"如何用 Vue 实现的前端学习者