Uwarp

The Bézier Game — pen tool and bezier curve practice

Tool powered by The Bézier Game on Method of Action.

Play the bezier game on bezier.method.ac: a pen tool game to trace curves with minimal nodes—bezier curve practice for Figma and Illustrator.

What is The Bézier Game?

The Bézier Game at bezier.method.ac is a free online bezier curve game from Method of Action. Each stage shows a target shape; you trace it with the pen tool using as few anchor points as possible, then adjust Bézier handles until your path matches. It works as both a pen tool game and structured pen tool practice for vector apps—Figma, Illustrator, Affinity Designer, and SVG editors. Keyboard shortcuts include Shift to snap angles and Alt to break handle symmetry.

Pen tool practice tips for The Bézier Game

These steps help you score closer to the ideal node count and carry habits into real pen tool work.

  1. Place anchors at direction changes: Put points where the path bends, not on every pixel of a curve. Fewer anchors with longer handles usually beat many short segments in this bezier curve game.
  2. Use corner vs smooth intentionally: Corners need independent handles; smooth curves share tangent direction. Match the target silhouette before optimizing node count.
  3. Hold Shift for constrained angles: Shift snaps handle angles during practice—the same constraint many design apps use for horizontal and vertical tangents.
  4. Alt-click to break handle symmetry: When one side of a curve needs a sharper exit, unlink handles with Alt (Option on Mac) instead of adding extra anchors.
  5. Trace the outline once, refine second: A rough closed path that hits major corners first is easier to tune than placing perfect points under the node budget on the first pass.
  6. Replay stages for node budget: Scoring compares your count to the ideal solution. Retry a stage after you know the shape to practice hitting the target with fewer points.

Compare pen tool and vector games

Method of Action publishes several design games. Use this table to pick pen tool practice or complementary vector drills, then continue in Figma or Illustrator with the same shortcuts.

GamePrimary skillInputOn Uwarp
The Bézier GameTrace shapes with minimal pen-tool nodes and handlesKeyboard + mousePlay
The Boolean GameCombine shapes with union, subtract, intersect, differenceKeyboard + mouseBoolean game
Shape TypeMatch famous typeface outlines by dragging curvesKeyboard + mouseShape Type

After pen tool practice

Pair The Bézier Game with related vector games and CSS curve tools .

  1. Learn boolean operations next: When paths feel slow, switch to /boolean-game to practice union, subtract, intersect, and difference on simpler shapes.
  2. Train letterform curves: Use /shape-type to drag curves on typography puzzles—complementary pen tool practice with explicit similarity scoring.
  3. Preview CSS easing curves: Bezier math also powers animation timing. Open /cubic-bezier to edit cubic-bezier() values after a pen tool session.
  4. Browse all design games: See /tools/games for Method of Action titles, Dialed memory games, and CSS learning games in one directory.

Frequently Asked Questions

Have questions? We have answers.

Related tools

More tools from Design Games.

View all Design Games