很多设计师用了三年 Figma 仍分不清联集和差集的区别。The Boolean Game 将这种容易被忽略的基础知识做成了浏览器小游戏。它免费、免登录、开页即玩,来自 Method of Action 团队。
关键规格速览(据官网)
| 维度 | 详情 |
|---|---|
| 类型 | 在线浏览器游戏 |
| 价格 | 完全免费 |
| 注册 | 不需要 |
| 核心操作 | 联集 / 减去 / 交集 / 差集 |
| 适用人群 | Figma、Illustrator、Sketch 等矢量编辑器用户 |
| 运行设备 | 手机、平板、PC 浏览器(触控友好) |
| 离线功能 | 不支持 |
| 撤销功能 | 无,仅“重置本关” |
矢量布尔运算的 4 种基础操作
该游戏页面会给出目标轮廓和若干几何图元。玩家通过组合 4 种布尔运算还原目标,没有教程弹窗,靠试错上手。
- 联集(Union):合并多个形状为一个,常用于拼合云朵、花瓣这类复合轮廓。
- 减去(Subtract):从基础形状挖掉另一形状,做打孔、新月、缺角。
- 交集(Intersect):只保留重叠区域,提取两个图形的公共部分。
- 差集(Difference):保留非重叠部分,得到分离式的独特形状。
每关完成后有视觉动画和声音反馈,方便判断操作是否正确。
这款在线游戏在工作流里的位置
The Boolean Game 训练的思维方式,可以直接迁移到日常矢量软件中。理解了 4 种运算后,做复杂图标能省下一半路径调整时间:
- Figma:Union/Subtract 是做曲线图标的主力,比手画路径快得多。
- Illustrator:路径查找器(Pathfinder)的四个按钮和游戏概念一一对应。
- Affinity Designer / Inkscape:几何操作面板逻辑相同。
- SVG 编写:理解布尔运算后,能写出更少的 path 节点,文件体积更小。
游戏本身不导出 SVG,但思维迁移是无损的。
不太适合的场景
- 多步骤创作:没有撤销功能,错一步就要重置整关,做复杂形状时试错成本较高。
- 后期关卡:少数关卡(如 Taijitu、Spa、Rings)要求动画期间快速点击,对反应慢的人不友好。个别关卡存在已知小故障。
- 生产用途:这是一款纯教学工具,无法导入或导出矢量文件,不能替代真实设计软件。
- 进度保存:游戏内没有账号体系,关掉浏览器后所有数据清空。
如果你已经能用 Figma 熟练做布尔运算,这个游戏能帮你查漏补缺。如果还在用“试一试-看看效果”的方式,花点时间通关能省下后续不少弯路。至于该平台未来是否会开放自定义 SVG 关卡编辑器,让玩家导入自己的素材练习,目前官网尚未提及。





