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
全可視レイヤーを結合したパスデータ
Layer Count
レイヤー数
Parameters
| Name | Type | Default | Description |
|---|---|---|---|
| Width | Int | 64 | キャンバスの幅(ピクセル) |
| Height | Int | 64 | キャンバスの高さ(ピクセル) |
| Path Data | CustomData | "" | マルチパスJSONデータ(エディタが管理) |
| Layers | Int | 0 | レイヤー数(エディタが自動管理) |
| Layer N | Map | "" | 各レイヤーのサブパスデータ(📤出力ピン化可能) |
エディタ機能
ツールバー
| ツール | アイコン | 説明 |
|---|---|---|
| フリー | 🔀 | 制御点の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
基本的な使い方
- ノードをダブルクリックしてエディタを開く
- Layer 1 にPathを描く
- ➕ で Layer 2 を追加し、別のPathを描く
- 全レイヤーが重なった状態で位置関係を確認しながら編集
path出力を PathStroke / PathFill に接続
個別レイヤーの加工
- Inspector で
layer_Nの📤で出力ピン化 - 取り出した Path を PathTransform で加工
- PathCombine で他のPathと再結合
パスの再利用・共有
- 💾ドロップダウンから「アクティブレイヤーを保存」で
.pxpathに保存 - 別のプロジェクトで📂ドロップダウンから「レイヤーとして読込」
- Bezier pathノードで作成したPathも同じ
.pxpathから読込可能
プロジェクト間でのマルチパスデータ移行
- 💾ドロップダウンから「全レイヤーを保存」で
.pxmpathに保存 - 別プロジェクトで📂ドロップダウンから「全レイヤーを読込」で復元