平时接触过不少网页小游戏，有些玩法其实很简单，不需要复杂的操作，也没有什么通关剧情，但就是容易让人想再试一次。
比如反应测试。屏幕变绿后立即点击，看看自己用了多少毫秒。规则只有一句话，但连续测上几轮，成绩却可能相差不少。
还有一种是在屏幕上不断点击目标，看自己能不能又快又准。或者在一堆打乱的数字中，按顺序把它们找出来。
这些玩法有个共同点：开始很容易，但想不断刷新自己的成绩，并没有想象中那么简单。
我之前做过一个在线反应测试，后来陆续增加了其他玩法，现在已经有了 10 项。最近整理了一下其中几个比较有代表性的项目，顺便聊聊它们的玩法和一些设计细节。
⚡ 反应测试：几百毫秒之间的差距
第一个是 反应测试，也是最早做的一个项目。
玩法很直接：点击开始后，屏幕先显示橙色，等待一段随机时间，再切换成绿色。看到绿色后立即点击，页面就会显示这次反应所用的时间。
如果提前点击，会提示「点早了」，这次不计入成绩，需要重新测试。
这里使用随机等待时间很有必要。如果每次都是固定三秒后变色，玩过几轮之后就可能开始预判时间，测试的意义也会发生变化。
一次成绩和五次成绩，差别还挺大
最开始只需要记录一次反应时间，后来又加入了五轮模式。
五轮结束后，可以查看：
- 最快反应时间：五次中成绩最好的一次。
- 平均反应时间：了解这几轮的整体表现。
- 每轮成绩：看看不同轮次之间的差异。
我觉得平均成绩比单纯追求一次最快成绩更值得参考。毕竟反应状态会有波动，偶尔出现一次特别快的结果，不一定能代表平时的表现。
还有一点需要注意，网页测量的反应时间会受到屏幕刷新率、鼠标或触屏输入延迟、浏览器性能等因素影响。
所以，拿不同设备的成绩直接比较未必合理。想观察自己的变化，最好保持相近的测试条件。
🎯 瞄准训练：点得快，还得点得准
第二个是 瞄准训练。
和反应测试不同，它不需要等待屏幕变色，而是不断点击屏幕上出现的目标。
看上去只是一个鼠标点击小游戏，但真正需要兼顾的是速度和准确率。
目前有三种模式：
| 模式 | 玩法 |
|---|---|
| 30 个目标 | 尽快完成 30 次命中，计算平均用时 |
| 30 秒 | 在规定时间内尽可能命中更多固定目标 |
| 移动 30 秒 | 点击移动中的目标，挑战追踪和操作能力 |
我觉得这个测试比较有意思的地方，是点击速度和准确率并不总能兼顾。
为了追求更快的速度，可能会出现更多失误；如果每次都等到完全瞄准再点击，成绩又可能变慢。
因此，除了完成时间或命中数量，页面还会记录准确率和失误情况。
在开发过程中，我也比较在意目标出现的位置。如果目标连续出现在相同的位置，就容易让操作变成机械点击；但位置如果安排得过于极端，又会影响正常操作。
所以现在的目标会尽量分布在合理的操作范围内，同时避免连续出现在完全相同的位置。
电脑上可以用鼠标操作，手机上则可以直接触屏。不过两种输入方式的手感不同，成绩自然也可能有所差异。
🔢 舒尔特方格：看着简单，找数字却很费眼力
第三个是 舒尔特方格。
这是一个规则非常简单的数字查找游戏。
以经典的 5×5 方格为例，屏幕上会出现 1 到 25 这二十五个数字，不过它们的位置是打乱的。
开始后，需要按照 1、2、3……25 的顺序，尽可能快地把所有数字找出来。
整个过程会计时，选错数字也会记录失误次数。
刚开始可能觉得，无非就是在表格里找数字，应该不会太难。但数字分布没有规律时，找下一个数字往往需要重新扫视整个方格。
尤其是计时开始后，越想快点找到，有时反而越容易漏看。
不只有经典的 5×5
最初的玩法比较简单，后来又增加了不同的设置。
现在支持从 4×4 到 10×10 的七种尺寸，还有经典、错落、卵石、蜂窝、环形和拼图等布局，也可以切换正序、倒序，以及单色或多色数字。
不过，这里有个细节值得注意。
不同方格尺寸和布局下的成绩，不能简单放在一起比较。
完成 4×4 的用时，显然不能直接和 10×10 相提并论。因此，不同设置下的成绩会分别记录，方便在相同条件下比较自己的表现。
另外，舒尔特方格更适合看作视觉搜索与注意力挑战。网上有不少关于它能够显著提高各种认知能力的说法，但这些效果不能仅凭一个小游戏的成绩来证明。
平时把它当成一个计时找数字的小挑战，就挺有意思。
为什么我比较喜欢这类小测试
这三个玩法虽然都很简单，但实际关注的东西并不一样。
反应测试更强调看到信号后作出反应的时间；瞄准训练需要兼顾点击速度与准确率；舒尔特方格则是按照顺序搜索数字，并尽量缩短完成时间。
它们的成绩形式也不同，有的用毫秒，有的看命中数量和准确率，还有的用完成整张方格的时间。
在做这些小测试时，我没有刻意给它们设计一个统一的综合分数。因为不同项目的测量方式差别很大，把数字强行放在一起排名，未必能提供有意义的信息。
我反而更希望用户能够在每个项目中看到清楚的结果，过一段时间再测一次，和自己之前的表现比较。
目前这些测试都可以直接在浏览器里运行，不需要注册或者下载安装，部分成绩会保存在当前浏览器中。
除此之外，还陆续做了数字记忆、序列记忆、多目标追踪、斯特鲁普、时间感知、心理旋转和色弱测试等玩法。全部放在了 人类基准测试 这个小网站里。
网站主要使用原生 JavaScript 开发。虽然这些小测试的基础逻辑并不复杂，但实际做起来，还是有不少细节需要考虑，比如触屏适配、重复操作、状态切换、成绩记录和不同设备之间的差异。
有时候一个功能很快就能写出来，后面为了让它用起来更顺手，反而需要花更多时间调整。
最后
现在网上的在线工具和小游戏已经很多了，同样的玩法也早就有人做过。
我并不觉得再做一个反应测试就有什么特别的创新。只是觉得，如果能把一些简单的玩法整理好，让人打开就能玩，结束后有一个清楚的结果，隔段时间回来还能继续挑战，这件事本身就有意义。
后面还会继续完善这些测试，不过暂时不想只为了增加数量而不断加入新项目。
比起做出几十个玩法，我更希望已经存在的每个小测试，都能让人用得舒服一点。
有空的时候，打开网页测测反应、点点目标、找找数字，花上几分钟就好。不需要把成绩看得太重，偶尔挑战一下自己的记录，也算是一种挺轻松的消遣。
