Multi Path

Multi-layer bezier path editor. Each layer is an independent sub-path. Outputs combined path and individual layers via pin promotion.

intermediate
Since P00

Output Ports

Path

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

Path
Layer Count

レイヤー数

Int

Parameters

NameTypeDefaultDescription
WidthInt64キャンバスの幅(ピクセル)
HeightInt64キャンバスの高さ(ピクセル)
Path DataCustomData""マルチパスJSONデータ(エディタが管理)
LayersInt0レイヤー数(エディタが自動管理)
Layer NMap""各レイヤーのサブパスデータ(📤出力ピン化可能)

エディタ機能

ツールバー

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

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

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

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

その他のツールバー機能

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

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

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

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

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

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

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

ファイル保存/読込

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

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

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

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

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

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

キャンバス

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

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

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

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

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

Bezier pathノードとの違い

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

Usage Examples

基本的な使い方

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

個別レイヤーの加工

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

パスの再利用・共有

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

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

  1. 💾ドロップダウンから「全レイヤーを保存」で .pxmpath に保存
  2. 別プロジェクトで📂ドロップダウンから「全レイヤーを読込」で復元
Multi Path — PixPipeline Node Reference