先玩再说

在线体验地址(fool.granddream.top)——手机和电脑都能玩。友情提示:平均通关时间以「分钟」为单位,别在赶时间的时候点开。

这是个什么玩意儿

一个愚人节整蛊注册页面——看起来是个正经的注册表单,实际上处处是坑。我给它起名叫「注册挑战 · 别笑你也过不了」,发给了几个朋友,目前为止收到的大部分反馈是骂声,以及一小部分通关截图(是真的通关,不是 P 的那种)。

整个「游戏」分三关:

• 第一关 · 身份信息:昵称输入框的键盘「坏了」,只能用鼠标滚轮(或箭头按钮)从字母表里一个一个滚出你要的字母;邮箱稍微「友好」一点——有键盘,但键盘上每个按键的位置在你每按一次之后都会整排打乱重排,你得追着字母找
• 第二关 · 设置密码:密码不能自己想,只能点「抽奖」按钮随机抽字符,抽到什么是什么,密码强度永远是「极弱」;确认密码更狠——你的密码字符被打乱成方块,必须按正确顺序依次点击才能确认,点错一个?全部重排,从头再来
• 第三关 · 最终考验:性别按钮会逃跑(鼠标靠近就闪开,要追好几次才肯停下来);验证码是拖滑块精确匹配一个四位随机数,误差 ±10 以内才算通过;同意条款的复选框同样会躲;最后连提交按钮都在跑,追到了才能点

通关之后,页面会一本正经地给你展示通关统计:总耗时、总点击次数、总滚动次数,外加满屏彩纸庆祝。这个统计系统的存在,让「通关截图」成了朋友间新的攀比方式——比的不是快,是「你居然真的点完了」。

几个设计上的小心思

• 移动端降低敌意:按钮的逃跑次数在手机上是 5 次,桌面端是 8 次——不是妥协,是触屏上追按钮本来就比鼠标难得多,不调就变成纯折磨了
• 零依赖:纯 HTML + CSS + JS,三个文件,1197 行,没有任何框架和构建工具,浏览器直接打开 index.html 就能跑
• 嘲讽文案是灵魂:「你的朋友说你连个注册表单都搞不定,来证明他错了吧!(或者证明他是对的)」「最快通关记录:47 分钟」——这些文案的杀伤力比关卡本身还大,很多人就是被激将法点着了才坚持通关的
• 粒子背景、Toast 提示、彩纸特效全都是手写的,没有引任何特效库

写这玩意的初衷

纯粹是愚人节想整蛊朋友。出发点是「把注册表单里所有反人类的设计反向拉满」——真实世界里的注册表单已经够折磨人了:让你设 16 位带大小写符号的密码、验证码故意模糊、条款藏得比论文参考文献还深。那不如把这些全部夸张到荒诞的程度,做成一个「游戏」。结果写上头了,关卡机制、逃跑逻辑、统计系统越做越完整。

链接

• 在线玩:fool.granddream.top
• 源码:github.com/dkvkvk/fool(MIT,一个 index.html 拖进浏览器就能跑)

通关了欢迎在评论区晒成绩(不设上限,晒多快都行);没通关的,别难过,99% 的人和你一样。