### [The Boolean Game](https://hello123.com/)

**Published:** 2026-10-30T01:00:00

**Author:** hello123

**Excerpt:** The Boolean Game 是 Method of Action 出品的免费在线游戏，帮设计师和开发者掌…

很多设计师用了三年 Figma 仍分不清联集和差集的区别。[The Boolean Game](https://boolean.method.ac/) 将这种容易被忽略的基础知识做成了浏览器小游戏。它免费、免登录、开页即玩，来自 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 关卡编辑器，让玩家导入自己的素材练习，目前官网尚未提及。

{"@context":"https://schema.org","@graph":\[{"@type":"Organization","@id":"https://hello123.com/#organization","name":"Hello123","url":"https://hello123.com/"},{"@type":"WebSite","@id":"https://hello123.com/#website","url":"https://hello123.com/","name":"Hello123","publisher":{"@id":"https://hello123.com/#organization"},"inLanguage":"zh-CN"},{"@type":"WebPage","@id":"https://hello123.com/%E8%AE%BE%E8%AE%A1%E5%88%A9%E5%99%A8/the-boolean-game-324/","url":"https://hello123.com/%E8%AE%BE%E8%AE%A1%E5%88%A9%E5%99%A8/the-boolean-game-324/","name":"The Boolean Game - 矢量布尔运算游戏","isPartOf":{"@id":"https://hello123.com/#website"},"inLanguage":"zh-CN"},{"@type":"BreadcrumbList","itemListElement":\[{"@type":"ListItem","position":1,"name":"首页","item":"https://hello123.com/"},{"@type":"ListItem","position":2,"name":"设计利器","item":"https://hello123.com/%E8%AE%BE%E8%AE%A1%E5%88%A9%E5%99%A8/"},{"@type":"ListItem","position":3,"name":"The Boolean Game - 矢量布尔运算游戏","item":"https://hello123.com/%E8%AE%BE%E8%AE%A1%E5%88%A9%E5%99%A8/the-boolean-game-324/"}\]},{"@type":"Article","@id":"https://hello123.com/%E8%AE%BE%E8%AE%A1%E5%88%A9%E5%99%A8/the-boolean-game-324/#article","headline":"The Boolean Game - 矢量布尔运算游戏","description":"The Boolean Game 是 Method of Action 出品的免费在线游戏，帮设计师和开发者掌握矢量布尔运算。无需注册，浏览器打开就能练联集、减去、交集、差集四种操作。","publisher":{"@id":"https://hello123.com/#organization"},"inLanguage":"zh-CN","datePublished":"2026-07-11T19:12:58.440Z","dateModified":"2026-07-28T16:27:51.013Z","author":{"@type":"Organization","name":"Hello123 编辑团队"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://boolean.method.ac/"},"isPartOf":{"@id":"https://hello123.com/%E8%AE%BE%E8%AE%A1%E5%88%A9%E5%99%A8/the-boolean-game-324/"},"citation":\[{"@type":"CreativeWork","@id":"https://www.uwarp.design/blog/boolean-game-vector-operations-guide","name":"uwarp.design"},{"@type":"CreativeWork","@id":"https://medium.com/@jianingl/game-critique-blog-the-boolean-game-9324ced1926c","name":"medium.com"},{"@type":"CreativeWork","@id":"https://www.uwarp.design/boolean-game","name":"uwarp.design"},{"@type":"CreativeWork","@id":"https://collections.designzig.com/the-boolean-game/","name":"designzig.com"},{"@type":"CreativeWork","@id":"https://medium.com/%E4%B8%80%E5%80%8B%E4%BA%BA%E7%9A%84%E6%96%87%E8%97%9D%E5%BE%A9%E8%88%88/boolean%E5%9C%96%E5%BD%A2%E6%8E%A7%E5%88%B6%E5%B0%8F%E9%81%8A%E6%88%B2-f5bb22a1e1c2","name":"medium.com"}\],"about":\[{"@type":"Thing","name":"矢量布尔运算","additionalType":"https://schema.org/Concept"},{"@type":"Thing","name":"The Boolean Game","additionalType":"https://schema.org/Software"},{"@type":"Thing","name":"在线游戏","additionalType":"https://schema.org/Service"},{"@type":"Thing","name":"图形设计","additionalType":"https://schema.org/Concept"},{"@type":"Thing","name":"Figma","additionalType":"https://schema.org/Software"}\]}\]}



---