Yotsuba Games
Back to Guide
Guide

Paths & Shapes

Define lines and shapes as bezier paths, then convert them into clean, pixel-perfect linework.

Creating paths

  • bezier_path — draw a single path in the editor
  • multi_path_editor — manage several sub-paths together
  • Editors open by double-clicking the node, or via "Edit path" in the inspector (a shared window UI: drag to move, resize, ESC to close)

The bezier path editor. Points you place appear instantly in the inspector's path preview

Editor tools

Tool Key Action
Free F Context-sensitive select & move
Add A Click to add points (right-click: cancel, Shift: angle snap)
Delete D Remove points
Move V Move points and handles
Marquee S Box selection
Close/open path C Toggle the connection between last and first point
Segment numbers N Toggle number badges
  • Save paths to files with Ctrl+Alt+S, load with Ctrl+Alt+O
  • "Clear" at the bottom wipes all points to start over

Path → pixel art

  • path_stroke — draw a line along the path (thickness + pixel-perfect correction)
  • path_fill — fill the inside of a closed path
  • pixel_line — polylines at exact pixel steps
  • Pixel-perfect correction removes the redundant L-shaped dots, producing lines that look hand-placed

Editing paths

  • path_transform / path_combine / path_array — move, merge, repeat
  • path_sample / path_tangent — read positions and directions along a path as numbers (for placement and rotation control)
  • path_mask — turn a path's shape into a mask image

Saving path assets

  • Single paths save as .pxpath, multi-paths as .pxmpath
  • Default locations: user_data/paths/single/ and user_data/paths/multi/

Direct shape generation

  • shape_generate / line_generate — rectangles, circles, lines from parameters. For simple shapes this is faster than drawing a path
Paths & Shapes — PixPipeline User Guide