Yotsuba Games
Back to Node List

Path Offset

path_offset

Grows or shrinks a path along its normals (positive = outward on closed paths). For outlines, glow bases and pulsing silhouettes โ€” animate Amount with ๐ŸŽž๏ธ.

Reviewed
Guide available
The node name and summary are available in English. Port, parameter, and article details are currently shown in Japanese.

Input Ports

NameTypeDescription
ใƒ‘ใ‚น
path
Path
Required
ๅคชใ‚‰ใ›ใŸใ‚Š็—ฉใ›ใ•ใ›ใŸใ‚Šใ—ใŸใ„ใƒ‘ใ‚นใงใ™

Output Ports

NameTypeDescription
ใƒ‘ใ‚น
path
Path
ใ‚ชใƒ•ใ‚ปใƒƒใƒˆๅพŒใฎใƒ‘ใ‚นใงใ™

Parameters

NameTypeDefaultRangeDescription / Options
้‡
amount
Float
1-32โ€“32 / step 0.5

ใ‚ชใƒ•ใ‚ปใƒƒใƒˆ่ท้›ข(px)ใงใ™ใ€‚้–‰ใ˜ใŸใƒ‘ใ‚นใฏใƒ—ใƒฉใ‚นใงๅค–ๅดใซๅคชใ‚Šใ€ใƒžใ‚คใƒŠใ‚นใง็—ฉใ›ใพใ™ใ€‚้–‹ใ„ใŸใƒ‘ใ‚นใฏใƒ—ใƒฉใ‚นใง้€ฒ่กŒๆ–นๅ‘ใฎๅทฆๅดใซใšใ‚Œใพใ™

Overview

Grows or shrinks a path along its normals (like Illustrator's Offset Path). Closed paths grow outward with positive amounts and shrink with negative ones, regardless of drawing direction. Main uses: double outlines, glow bases, and pulsing silhouettes.

Usage tips

  • Double outline: fill the original path with path_fill, then stroke the offset (+1-2) path with path_stroke.
  • Glow base: offset by +2-3, convert with path_mask, blur, and use as the glow underlay.
  • Pulse: attach a ping-pong motion to Amount with ๐ŸŽž๏ธ and the silhouette breathes in and out (slimes, auras).
  • Open paths shift to the left of the drawing direction for positive amounts. To simply thicken a line, path_stroke thickness/taper is the better tool.

Common pitfalls

  • Large offsets break the shape: this is an approximation without self-intersection cleanup. Shrinking shapes with thin parts will self-intersect. Stay within a few px.
  • An open path moves to the wrong side: the side depends on direction โ€” flip it with path_reverse.

Related nodes

  • path_stroke / path_fill / path_mask โ€” draw or mask the offset result
  • outline โ€” raster-side outlines (for artwork without a path)
  • motion โ€” drive Amount (pulsing)
Back to Node List
Path Offset โ€” PixPipeline Node Reference