Back to Node List

Multi Path

multi_path_editor

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

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

Output Ports

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

Parameters

NameTypeDefaultRangeDescription / Options
width
Int
641–1024

キャンバスの幅(ピクセル)

高さ
height
Int
641–1024

キャンバスの高さ(ピクセル)

パスデータ
path_data
CustomData

マルチパスJSONデータ(エディタが管理)

レイヤー数
layer_count
Int
00–32

レイヤー数(エディタが自動管理)

レイヤー 1
layer_1
Path

レイヤー #1 のサブパスデータ(Path型で出力)

レイヤー 2
layer_2
Path

レイヤー #2 のサブパスデータ(Path型で出力)

レイヤー 3
layer_3
Path

レイヤー #3 のサブパスデータ(Path型で出力)

レイヤー 4
layer_4
Path

レイヤー #4 のサブパスデータ(Path型で出力)

レイヤー 5
layer_5
Path

レイヤー #5 のサブパスデータ(Path型で出力)

レイヤー 6
layer_6
Path

レイヤー #6 のサブパスデータ(Path型で出力)

レイヤー 7
layer_7
Path

レイヤー #7 のサブパスデータ(Path型で出力)

レイヤー 8
layer_8
Path

レイヤー #8 のサブパスデータ(Path型で出力)

レイヤー 9
layer_9
Path

レイヤー #9 のサブパスデータ(Path型で出力)

レイヤー 10
layer_10
Path

レイヤー #10 のサブパスデータ(Path型で出力)

レイヤー 11
layer_11
Path

レイヤー #11 のサブパスデータ(Path型で出力)

レイヤー 12
layer_12
Path

レイヤー #12 のサブパスデータ(Path型で出力)

レイヤー 13
layer_13
Path

レイヤー #13 のサブパスデータ(Path型で出力)

レイヤー 14
layer_14
Path

レイヤー #14 のサブパスデータ(Path型で出力)

レイヤー 15
layer_15
Path

レイヤー #15 のサブパスデータ(Path型で出力)

レイヤー 16
layer_16
Path

レイヤー #16 のサブパスデータ(Path型で出力)

レイヤー 17
layer_17
Path

レイヤー #17 のサブパスデータ(Path型で出力)

レイヤー 18
layer_18
Path

レイヤー #18 のサブパスデータ(Path型で出力)

レイヤー 19
layer_19
Path

レイヤー #19 のサブパスデータ(Path型で出力)

レイヤー 20
layer_20
Path

レイヤー #20 のサブパスデータ(Path型で出力)

レイヤー 21
layer_21
Path

レイヤー #21 のサブパスデータ(Path型で出力)

レイヤー 22
layer_22
Path

レイヤー #22 のサブパスデータ(Path型で出力)

レイヤー 23
layer_23
Path

レイヤー #23 のサブパスデータ(Path型で出力)

レイヤー 24
layer_24
Path

レイヤー #24 のサブパスデータ(Path型で出力)

レイヤー 25
layer_25
Path

レイヤー #25 のサブパスデータ(Path型で出力)

レイヤー 26
layer_26
Path

レイヤー #26 のサブパスデータ(Path型で出力)

レイヤー 27
layer_27
Path

レイヤー #27 のサブパスデータ(Path型で出力)

レイヤー 28
layer_28
Path

レイヤー #28 のサブパスデータ(Path型で出力)

レイヤー 29
layer_29
Path

レイヤー #29 のサブパスデータ(Path型で出力)

レイヤー 30
layer_30
Path

レイヤー #30 のサブパスデータ(Path型で出力)

レイヤー 31
layer_31
Path

レイヤー #31 のサブパスデータ(Path型で出力)

レイヤー 32
layer_32
Path

レイヤー #32 のサブパスデータ(Path型で出力)

概要

  • バージョン: 1
  • インタラクティブ: はい(ダブルクリックでエディタを開く)
  • エディタ: MultiPathEditor
  • 日英対応: はい(useI18n による完全ローカライズ)

エディタ機能

ツールバー

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

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

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

選択した制御点はドラッグで一括移動可能。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. 別プロジェクトで📂ドロップダウンから「全レイヤーを読込」で復元
Back to Node List
Multi Path — PixPipeline Node Reference