Multi Path(マルチパス)

レイヤー管理機能付きベジェパスエディタ。1レイヤー = 1サブパス。全結合パスと個別レイヤーの出力に対応。

中級
Since P00

出力ポート

Path(パス)

全可視レイヤーを結合したパスデータ

Path
Layer Count(レイヤー数)

レイヤー数

Int

パラメータ

名前デフォルト説明
WidthInt64キャンバスの幅(ピクセル)
Height高さInt64キャンバスの高さ(ピクセル)
Path DataパスデータCustomData""マルチパスJSONデータ(エディタが管理)
Layersレイヤー数Int0レイヤー数(エディタが自動管理)
Layer Nレイヤー NMap""各レイヤーのサブパスデータ(📤出力ピン化可能)

エディタ機能

ツールバー

ツールアイコン説明
フリー🔀制御点の移動 + 末尾追加 + 曲線上分割の統合ツール
追加新しい制御点をクリックで追加
移動制御点をドラッグで移動
削除アンカーをクリックで削除
選択⬚/〇/⬣範囲選択(ドロップダウンでモード切替)

範囲選択ツール(ドロップダウン)

モードアイコン操作
矩形選択ドラッグで矩形範囲を作成
投げ縄選択ドラッグでフリーハンド範囲を作成
ポリゴン選択クリックで頂点追加、ダブルクリックで確定

選択した制御点はドラッグで一括移動可能。Shift+クリックで個別追加、Shift+ドラッグで軸拘束。

その他のツールバー機能

  • 🔒/🔓 閉/開: アクティブレイヤーのパスを閉じる/開く
  • 💾 保存: ドロップダウンメニューで選択

- 📄 アクティブレイヤーを保存 (.pxpath) — 選択中レイヤーを単一パスとして保存

- 📦 全レイヤーを保存 (.pxmpath) — 全レイヤー構造を一括保存

  • 📂 読込: ドロップダウンメニューで選択

- 📄 レイヤーとして読込 (.pxpath) — 既存に新規レイヤーとして追加

- 📦 全レイヤーを読込 (.pxmpath) — 全レイヤーを置換して読込

  • 🔍 N×: 現在のズーム倍率表示

ファイル保存/読込

パスデータをプロジェクトとは独立してファイル管理できます。2つの形式に対応:

拡張子用途type フィールド説明
`.pxpath`単一パス`bezier`1レイヤー分のパス(ベジェパスノードと互換)
`.pxmpath`マルチパス`multipath`全レイヤー構造の一括データ

レイヤー読込 (.pxpath) では既存レイヤーは保持され、ファイルの内容が新規レイヤーとして末尾に追加されます。全体読込 (.pxmpath) では既存レイヤーは全て置換されます。

ベジェパスノードで保存した .pxpath ファイルもレイヤーとして読込可能です(クロスエディタ互換)。

レイヤーパネル(エディタ左側)

  • ➕ ボタンで新規レイヤー追加
  • クリックでアクティブレイヤー切替
  • 👁️ ボタンで表示/非表示切替
  • ✕ ボタンでレイヤー削除(1レイヤー以上は必ず残る)

キャンバス

  • アクティブレイヤー: 通常の色で描画(操作可能)
  • 非アクティブレイヤー: 半透明(25%)で描画(操作不可)
  • 各レイヤーは固有の色で表示(緑、紫、オレンジ、水色...)

キーボードショートカット

  • Ctrl+Z: Undo(レイヤー全体を復元)
  • Ctrl+Y: Redo
  • Shift+クリック: 16方向ピクセルスナップ

操作ヘルプ(エディタ下部)

各ツールの操作方法がエディタ下部に自動表示されます(日英対応)。

ベジェパスノードとの違い

機能ベジェパスマルチパス
パス数1パス複数パス(レイヤー)
セグメントの出力ピン化✅ seg_N
レイヤーの出力ピン化✅ layer_N
複数パスの視覚的編集
範囲選択ツール
ファイル保存.pxpath.pxpath + .pxmpath
用途単一パスの細かい制御複数パスの組み合わせ

使用例

基本的な使い方

  1. ノードをダブルクリックしてエディタを開く
  2. Layer 1 にパスを描く
  3. ➕ で Layer 2 を追加し、別のパスを描く
  4. 全レイヤーが重なった状態で位置関係を確認しながら編集
  5. path 出力を PathStroke / PathFill に接続

個別レイヤーの加工

  1. Inspector で layer_N の📤で出力ピン化
  2. 取り出した Path を PathTransform で加工
  3. PathCombine で他のパスと再結合

パスの再利用・共有

  1. 💾ドロップダウンから「アクティブレイヤーを保存」で .pxpath に保存
  2. 別のプロジェクトで📂ドロップダウンから「レイヤーとして読込」
  3. ベジェパスノードで作成したパスも同じ .pxpath から読込可能

プロジェクト間でのマルチパスデータ移行

  1. 💾ドロップダウンから「全レイヤーを保存」で .pxmpath に保存
  2. 別プロジェクトで📂ドロップダウンから「全レイヤーを読込」で復元
Multi Path (マルチパス) — PixPipeline ノード解説