项目描述
🧪 脑洞实验室 BrainLab
在玩闹中,测量你的大脑。
一个对标「罗码术 / Arealme」的免费在线趣味测试工具集。70 款真实可玩的测试(问卷类全部 30-40 题),纯原生 HTML/CSS/JS,零依赖、零构建,双击 index.html 即可游玩,也可部署到任意静态托管(GitHub Pages / Vercel / Netlify / OSS)。
🎮 全部 55 款测试
⚡ 速度反应(14)
画圆测试 · 电竞天赋测试(五维雷达) · 多任务测试 · 长按挑战 · 原 10 款: 反应速度测试 · 瞄准练习 · CPS 手速测试 · 听觉反应 · 抑制能力测试(Go/No-Go) · 追踪测试 · 甩击测试 · 节奏大师 · 手部稳定 · 动态视力 · 周边视觉 · 时间感知
🧠 思维认知(15)
英语词汇量测试(40 词自适应) · 原 14 款: 瞬时记忆测试 · 舒尔特方格 · 迷你智商测试 · N-back 工作记忆 · Simon 记忆序列 · 字母序列记忆 · 空间位置记忆 · 词语真假记忆 · 打字速度 · 数字键盘速度 · 心算挑战 · 逻辑思维测试 · 冷知识问答 · 视觉搜索 · 数点估算
👁️ 感知辨别(10)
色彩敏感度测试 · 明度感知 · 大小比较 · 长度判断(错觉) · 角度判断 · 色相排序 · 找不同 · 听力频率范围 · 绝对音感 · 音高分辨
🎭 性格镜像(15)
性取向光谱测试(15 题) · 手机依赖测试(20 题) · 熬夜风险测试(18 题) · 金钱人格测试(18 题) · 末日生存角色(16 题) · 心理阴影面积 · 你像哪个星座 · 原 8 款(MBTI 已扩容至 28 题) 游戏玩家人格 · MBTI 16 型 · 左右脑测试 · 心理年龄 · 职场人格 · 恋爱风格 · 游戏口味画像 · 幽默类型
🎪 趣味游乐(12)
破译密码(凯撒) · 运气测试 · 多点触控检测 · 原 11 款: 减压泡泡纸 · 幸运大转盘 · 今日运势 · 贪吃蛇 · 打砖块 · 扫雷 · 记忆翻牌 · 接水果 · 像素画板 · 粒子沙盒 · (持续上新)
✨ 系统特性
- 难度系统:多数测试提供「悠闲 / 标准 / 地狱」多档难度——反应测试有黄灯诈骗干扰、瞄准有假靶陷阱、色彩地狱模式色差压到 2.5%
- 能力图谱:五维雷达图(反应/记忆/专注/感知/思维),历史最优自动点亮,综合分称号体系
- 街机化结果页:S/A/B/C/D 评级 + 称号 + 超越百分比(确定性伪随机,同分恒定)+ 数字滚动 + 彩带庆祝
- 成绩海报:Canvas 生成分享图,一键下载 PNG;战报一键复制
- 搜索 + 分类:55 款测试全文搜索,五大分类即点即达
- 本地存档:localStorage 记录历史与挑战记录,可一键清空,数据永不上传
- 全端适配:Pointer Events 全覆盖,触屏虚拟方向键,375px 手机 → 桌面零横向滚动
🏗️ 技术架构
brainlab/
├── index.html # 入口(脚本加载顺序敏感)
├── css/global.css # 设计系统:糖果街机风 tokens + 组件 + 动画(~980 行)
└── js/
├── data.js # 站点数据 + 原有 8 测试元数据 + IQ 题库
├── data2.js # 47 个新测试元数据 + 问答题库
├── data3.js # 15 款新测试元数据 + MBTI 扩容 + 性取向/手机依赖等题库
├── tests4.js # V3 新测试:画圆/电竞天赋/多任务/长按/词汇量/密码/运气/触控
├── charts.js # Canvas 雷达图 / 彩带 / 成绩海报
├── core.js # hash 路由 / 存储 / 页面渲染 / 测试容器 / 全局 cleanup
├── engines.js # 通用游戏引擎库(问答/信号反应/打靶/序列记忆/找异类/打字/音频)
├── tests.js # 原有 8 测试玩法
├── tests2.js # 新测试 Part 1:速度反应 + 思维认知(21)
└── tests3.js # 新测试 Part 2:感知 + 性格 + 游乐(26)
引擎化设计:47 个新测试由 7 个核心引擎驱动(quiz 吃掉 13 个、reaction 4 个、sequence 3 个、shoot 2 个、gridFind 2 个、typing 1 个),保证玩法框架经过验证、参数可调、代码量可控。
🎨 设计系统速览
- 风格:糖果街机(Neo-brutalist Toys)——奶油纸底、2px 暖墨描边、实体偏移阴影、按压缩陷、涟漪反馈
- 色板:珊瑚
#FF6B5E/ 芒果#FFB020/ 薄荷#1FBFA2/ 天蓝#3FA7D6/ 葡萄#9B5DE5/ 莓果#F15BB5 - 全部视觉属性收敛于
css/global.css顶部 token,改一处换肤 - 动效:卡片入场 stagger、徽章弹跳、数字滚动、ribbon 摇摆、HOT 呼吸光圈,全部尊重
prefers-reduced-motion
📄 License
MIT — 玩得开心,随便魔改。
评论
统计
- 26 浏览
- 0 点赞
- 0 评论
- 2 评分
- 4.5 评分
- 20 运行
评分
平均分: 4.5 / 5
信息
协议: MIT
技术语言: HTML, JavaScript
可见性: 公开
运行时: 已启用