The Boolean Game: Learn Union, Subtract, Intersect & Difference Operations
A complete guide to The Boolean Game — the free boolean operations game. Master union, subtract, intersect, and difference for Figma, Illustrator, and SVG editors.
If you've ever combined two circles in Figma and wondered what else union, subtract, intersect, and difference can do, The Boolean Game is the fastest way to build real intuition. Instead of reading docs, you solve staged puzzles—combining primitive shapes until the result matches a target silhouette. It's the kind of hands-on practice that sticks. Start playing The Boolean Game now →
This guide walks through every boolean operation, shares practical tips to solve stages with fewer steps, and shows how boolean method habits transfer directly to icon design, logo work, and vector illustration.
What is The Boolean Game?
The Boolean Game is a free boolean operations game where each level shows a target shape and a set of primitive circles, rectangles, and polygons. You apply union, subtract, intersect, and difference in sequence until your combined shapes match the target.
It runs entirely in the browser — no install, no account, no paywall. It's also touch-friendly, so you can practice boolean operations on a tablet or phone without a mouse.
Why designers love it
| Benefit | What it means in practice |
|---|---|
| Four core operations in one place | Union, subtract, intersect, and difference — the same boolean tools used in every vector editor |
| Immediate visual feedback | See the result preview before you commit an operation |
| Progressive difficulty | Starts with simple two-shape puzzles, builds to complex multi-step silhouettes |
| Works on touch devices | Unlike some pen-tool games, The Boolean Game runs on tablets and phones |
Open The Boolean Game and try the first stage →
How boolean operations work in The Boolean Game
Each stage gives you a set of primitive shapes and one goal: combine them into the target silhouette using only boolean operations. Here's what each operation does:
| Operation | What it does | When to use it |
|---|---|---|
| Union | Merges two shapes into one — adds area | Building a larger silhouette from separate pieces |
| Subtract | Removes one shape's area from another — cuts away | Creating holes, notches, or negative space |
| Intersect | Keeps only the overlapping area — trims both shapes | Isolating the shared region of two overlapping primitives |
| Difference | Removes overlapping area and keeps the rest — inverts an intersection | Cutting a precise hole or separating interlocked regions |
A typical stage workflow
- Study the target — Identify which parts of the silhouette are "filled" and which are "cut away."
- Pick your first operation — Often union to build the base shape, or subtract to carve negative space.
- Preview the result — The game shows the outcome before you confirm, so you can experiment.
- Continue with the next operation — Each stage expects a sequence; the order matters.
- Match the target — Once your combined shapes overlay the silhouette exactly, the stage is complete.
See boolean operations in action — play now →
Boolean operations tips to solve stages faster
These habits help you finish stages with fewer moves and carry over into real vector design work.
1. Name the operation before you click
Before touching any shape, ask yourself: do I need to add area, remove area, keep only the overlap, or cut a hole? Guessing the wrong operation wastes moves and makes later steps harder. This boolean game rewards planning over speed.
2. Start from the largest primitive
Pick the biggest circle or rectangle that anchors the silhouette. Use union to build outward from it, or subtract to carve inward. Large base shapes reduce the total number of primitives you need to manage.
3. Subtract negative space early
Many silhouettes read as "a shape with these corners removed." Carving away negative space early clarifies what's left. Once the holes are in place, you'll see immediately which primitives you still need to intersect or union.
4. Exploit symmetry
If the target is mirrored left-to-right, build one half with booleans, duplicate it, then union. Many stages reward symmetric thinking — building once and mirroring saves steps.
5. Undo is part of the puzzle
Try an operation, inspect the preview, and step back if the result diverges from the target. The game teaches operation order, not click speed. A three-move correct sequence beats a ten-move scramble.
6. Replay for a shorter sequence
After you solve a stage, retry with a different operation order. That rehearsal — finding the minimal path — is what makes boolean method habits feel automatic in Figma or Illustrator.
Apply these tips in The Boolean Game →
From boolean practice to real vector design
The four operations you practice in The Boolean Game are the same four you'll reach for in professional design apps:
| Boolean skill | Real-world application |
|---|---|
| Union | Combining icon shapes into a single silhouette, merging overlapping logo elements |
| Subtract | Cutting notches, creating crescent shapes, removing unwanted overlap |
| Intersect | Isolating the shared region of two shapes for precise clipping or masking |
| Difference | Punching clean holes in shapes — like the center of a gear or a doughnut icon |
When you're building an icon set in Figma or designing a logo in Illustrator, boolean operations turn a messy stack of overlapping shapes into a clean, single path. After a few rounds of The Boolean Game, you'll instinctively know which operation solves a given shape problem.
Start building boolean fluency →
Related design games for a complete vector skillset
Boolean operations are one piece of the puzzle. Pair The Boolean Game with these games for full vector mastery:
The Bézier Game
Where booleans handle shape combining, the bezier game handles shape drawing. Practice pen-tool paths, anchor placement, and Bézier handle control with minimal node budgets. Perfect companion when you want to draw custom shapes before boolean-ing them together.
Shape Type
A typography-focused curve game where you drag handles to match famous typeface outlines. Adds similarity scoring so you can see exactly how close your curves come to the original letterform.
All Design Games
Browse the full directory — Method of Action titles, Dialed memory games, and CSS learning tools all in one place.
Frequently asked questions
Is this the official boolean game from Method of Action?
Yes. Our Boolean Game page embeds the official game from boolean.method.ac. All puzzles, scoring, and progress run on the Method of Action platform. We provide the embed, tips, and quick reference so everything is in one place.
What boolean operations does The Boolean Game teach?
Union, subtract, intersect, and difference — the four core vector boolean operations used in Figma, Illustrator, Affinity Designer, Inkscape, and SVG editors. Every stage asks you to apply these operations in sequence to match a target silhouette.
Is The Boolean Game an operations game?
Yes. It is a literal operations game — each level is a sequence of boolean operations you must plan and execute. Players often search for "operations game" when they want hands-on vector practice instead of reading documentation.
How is The Boolean Game different from The Bézier Game?
The boolean game works with existing primitive shapes and boolean tools. The Bézier Game teaches drawing paths from scratch with the pen tool. Many designers start with booleans because it's more forgiving and works on touch devices.
Does The Boolean Game work on touch devices?
Yes. Unlike pen-tool games that require a keyboard and mouse, The Boolean Game works on tablets and phones. This makes it one of the most accessible vector design practice tools available.
Is The Boolean Game free?
Yes. You can play directly in the browser with no account, no download, and no paywall. Optional settings like sound, tutorials, and animation speed are controlled inside the game embed.
What if the embed isn't loading?
Some browser settings or network restrictions can block third-party iframes. Try refreshing the page or switching browsers — our Boolean Game page loads the official game directly so you can play with full functionality.
What's next after mastering boolean operations?
Once union, subtract, intersect, and difference feel second nature, move on to drawing custom paths with The Bézier Game, then refine typography curves with Shape Type. Together, these three games cover the full spectrum of vector design fundamentals.
Boolean operations are the quiet superpower behind every clean logo, icon set, and vector illustration. After a few rounds of The Boolean Game, you'll stop guessing and start knowing which operation solves the shape in front of you. Start practicing now →