Yotsuba Games
Back to Node List

Path Morph

path_morph

Blends two paths by T (0 = A, 1 = B). Author two poses and drive T with 🎞️ for squashes, mouth shapes and blinks — the shape tween.

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
パスA
path_a
Path
Required
位置が0のときの形です
パスB
path_b
Path
Required
位置が1のときの形です

Output Ports

NameTypeDescription
パス
path
Path
いまの位置で混ぜ合わせた形です

Parameters

NameTypeDefaultRangeDescription / Options
位置
t
Float
00–1 / step 0.01

2つの形のどのあたりかです。0でパスA、1でパスBの形になります。ここに🎞️でアニメーションを付けると形が時間で変わります

Overview

Blends two paths by Position (0-1) — a shape tween. Author two poses, such as a round ball and a squashed ball, and the in-between shapes are interpolated automatically. The entry point for "shape A turns into shape B": mouth shapes, blinks, rubber-ball squashes. Paths with different segment counts are matched automatically.

Usage tips

  • Typical wiring: connect Path A and Path B, attach an animation to Position with 🎞️, and send the output to path_fill / path_stroke. Position 0 reproduces A exactly, 1 reproduces B.
  • Corresponding points are interpolated, so build B by duplicating and editing A for clean blends. Two unrelated paths with different drawing orders will twist in unexpected ways.
  • For three or more poses, chain morph nodes (feed one blend into the next blend's Path A).
  • Timing tricks ("hold, then snap") belong in the keyframe curve attached to Position.

Common pitfalls

  • The in-between shapes twist: the point correspondence between A and B does not match. Rebuild one pose from a copy of the other, or align the direction with path_reverse.
  • Different sub-path counts: paired sub-paths blend; leftovers snap to whichever side Position is closer to (switching at 0.5). Keep the counts equal for predictable results.

Related nodes

  • motion / keyframe_clip — drive Position (when and how fast the shape changes)
  • path_deform — procedural deformation (squash, wave); use morph for authored poses
  • path_fill / path_stroke — draw the blended shape
  • path_reverse — align drawing direction (point correspondence)
Back to Node List
Path Morph — PixPipeline Node Reference