ノード一覧に戻る

マルチパス

multi_path_editor

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

下書き
解説あり

出力ポート

名前説明
パス
path
Path
全可視レイヤーを結合したパスデータ

パラメータ

名前既定値範囲説明・選択肢
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. 別プロジェクトで📂ドロップダウンから「全レイヤーを読込」で復元
ノード一覧に戻る
マルチパス — PixPipeline ノード解説