Parameter COMP 完全ガイド | 使い方・パラメータ解説【TouchDesigner】

記事更新の通知はXでアナウンス٩(๑❛ᴗ❛๑)
→ @maru6o6をフォロー

概要 📖 – 他オペレータのパラメータダイアログを UI パネル化

Parameter COMPは、任意オペレータのパラメータダイアログをライブで Panel COMP に描画し、Page Scope / Parameter Scope で表示項目を絞り込めるカスタム UI 用 COMPです。Container COMP や Window COMP と組み合わせて、対象オペレータのパラメータ編集 UI をシーン内のダッシュボードとして公開する用途で利用されます。

主な用途 🎯

任意のオペレータのパラメータダイアログを Panel COMP としてシーン内に埋め込むカスタム UI 構築
Page Scope / Parameter Scope によるパラメータ表示の絞り込みでオペレータ向けダッシュボード作成
Built-In / Custom のフィルタで Custom Parameters のみを露出させたコンポーネント外部 UI 提供
Header / Page Names / Labels / Separators の On/Off で表示密度を最適化したコンパクトパネル設計
Input Editor 表示有無の制御による Math CHOP / Merge SOP 等のマルチ入力 UI 統合
Allow Expansion でパラメータモード切替と式エディタ展開を許可するエキスパート向け制御

データフロー 🔄

入力: 表示対象オペレータの内部・カスタムパラメータ群
 ↓
Parameter COMP (op パスでターゲット指定 + Header / Pages / Labels / Separators 表示制御 + Scope によるフィルタ)
 ↓
Panel COMP として描画 (Look Page で外観調整、Children Page でレイアウト)
 ↓
出力: Container COMP / Window COMP に埋め込まれる対話的パラメータ UI

Tips

初心者の方は、以下日本語書籍も手元にあると安心です。

リンク

まる。

実際の案件事例まで踏み込んで紹介されていて、効率よくスキルアップするなら必携の二冊です！

パラメータ解説 ⚙️

Parameter Page ⚙️

Operator `.op` 🎯

表示対象オペレータのパス:

Operator: op — Parameter COMP が UI として表示するパラメータダイアログを持つオペレータへのパス

Display Toggles `.displaytoggles` 🔘

ダイアログ構成要素の表示切替:

Header: header — パラメータダイアログのヘッダ部 (OP タイプ・名前・ヘルプボタンを含むセクション) の表示有無
Page Names: pagenames — パラメータページのタブ表示有無
Labels: labels — パラメータラベル (各項目の表示名) の表示有無
Separators: separators — パラメータセクション間の区切り線の表示有無

Input Editor `.inputeditor` ✏️

マルチ入力エディタ UI の表示制御:

Input Editor: inputeditor — マルチ入力エディタ UI の表示有無。Math CHOP や Merge SOP のように複数入力を扱うパラメータダイアログで、末尾に現れる入力リスト編集セクションを表示するか

Allow Expansion `.allowexpand` 📐

パラメータ展開可否の切替:

Allow Expansion: allowexpand — パラメータをパラメータモードや式編集フィールドへ展開できるかの切替
Allow Expansion (allowexpend): allowexpend — Page 上に表示される実体パラメータ。パラメータをパラメータモード・式編集フィールドへ展開できるかを制御 (allowexpand と同義)

Builtin / Custom `.builtincustom` 📥

Built-In / Custom Parameters の露出制御:

Built-In: builtin — 対象オペレータの組み込みパラメータを表示するか
Custom: custom — 対象オペレータの Custom Parameters を表示するか

Combine Scopes `.combinescopes` 🔀

Page Scope と Parameter Scope の組み合わせ方:

Combine Scopes: combinescopes — 下記の Page Scope と Parameter Scope を組み合わせてパラメータ選択集合を作る方法を指定

Scope `.scope` 🔍

表示するページ・パラメータの絞り込み:

Page Scope: pagescope — 表示対象とするパラメータページを選択。Pattern Matching の * ですべてのページを含めることが可能
Parameter Scope: parscope — 表示対象とするパラメータを選択。Pattern Matching の * ですべてのパラメータを含めることが可能
Sync Page Selection: syncpage — ページ選択を対象オペレータと同期するかの切替

Order by Scope `.scopeorder` 📋

Parameter Scope の記述順による並び替え:

Order by Scope: scopeorder — オンの場合、上の Parameter Scope に記述した順序でパラメータを表示する。Page Names パラメータがオフのときのみ有効

Panel Page 🪟

Display / Enable `.displayenable` 👁️

表示有無と対話可能性の制御:

Display: display — パネルを表示するか非表示にするかを指定。レイアウト処理コストが発生するため、単純なオーバーレイ用途では opacity パラメータの調整が高性能
Enable: enable — このパネルへの一切の対話を禁止

Help DAT `.helpdat` ❓

ロールオーバーヘルプ用 Text DAT:

Help DAT: helpdat — コントロールパネル上でカーソルを乗せた際にポップアップヘルプとして内容が表示される Text DAT へのパス

Cursor `.cursor` 🖱️

パネル上のカーソル表示:

Cursor: cursor — パネル上にカーソルが乗ったときに表示されるカーソル種別を切替

Multi-Touch `.multitouch` 👆

マルチタッチ処理制御:

Multi-Touch: multitouch — 有効時、このパネルは最初のタッチ入力をマウスクリックと同等に処理 (u/v/state 等を更新)。タッチイベントはパネル内で開始する必要があり、2 つ目以降のタッチは無視される。Multi Touch In DAT 経由のマルチタッチを扱う場合は組み込みマルチタッチを無効にしてスクリプト処理との干渉を避ける

Constrain Cursor / Click Through `.constrainclickthrough` 🚫

カーソル拘束とクリック透過:

Constrain Cursor: constraincursor — このパネルにカーソルが入った後、パネル内部に拘束 (パネル外へ出られなくする)
Click Through: clickthrough — オンの場合、この Panel Component に対するすべてのマウスクリックを無視 (背後のパネルへ透過)

Mouse Wheel / UV Buttons `.mousewheeluv` 🖲️

ホイール・UV 更新ボタン・相対 UV:

Use Mouse Wheel: mousewheel — パネル上でマウスホイールが操作された際のイベントをキャプチャ
Mouse UV Buttons: uvbuttons — どのマウスボタンが uv Panel Value を更新するかを指定するメニュー
Relative UV: mouserel — 有効時、uv Panel Value は相対マウス移動量を反映

Drag Edges to Resize `.resize` ↔️

ドラッグリサイズ許可エッジと範囲:

Drag Edges to Resize: resize — Resize Left / Right / Bottom / Top の 4 つのチェックボックスで、対応するエッジ・コーナーをマウスで掴んでリサイズ可能にする
W Range: resizew — 左右 (幅) のリサイズ可能な範囲を制限
H Range: resizeh — 上下 (高さ) のリサイズ可能な範囲を制限

Drag to Reposition `.reposition` 🖐️

ドラッグ再配置と再配置範囲:

Drag to Reposition: reposition — マウスドラッグでパネルまたはウィンドウを再配置できるようにするメニュー
Component: repocomp — Reposition で Component オプションを選択した際に、マウスで再配置する対象パネルコンポーネントへのパス
X Range: repositionx — Component を再配置する水平方向の最大範囲
Y Range: repositiony — Component を再配置する垂直方向の最大範囲
Anchor Drag: anchordrag — Drag To Reposition が Component かつ Horizontal/Vertical Mode が Anchors のとき、ドラッグ操作で Anchor 値と Offset 値のどちらを変更するかを決定するメニュー

Scroll Overlay `.scrolloverlay` 📜

スクロールバー追従の制御:

Scroll Overlay: scrolloverlay — パネルがスクロールバー位置の影響を受けるかどうかを制御。パネルのスクロールバーに影響されないオーバーレイ作成に利用

Look Page 🎨

Background Color / Alpha `.bgcoloralpha` 🖼️

背景色とアルファ:

Background Color: bgcolor — 背景の RGB 値 (デフォルト: 黒 (0, 0, 0))
Background Alpha: bgalpha — 背景色のアルファ値

Background TOP `.backgroundtop` 🖌️

背景 TOP テクスチャと表示モード:

Background TOP: top — パネルの背景として使用する TOP を指定
TOP Fill: topfill — Background TOP がパネル背景を埋める方式を指定するメニュー
TOP Smoothness: topsmoothness — Background TOP のビューア滑らかさ設定を制御するメニュー。旧バージョンは Mipmap Pixels 固定だったため互換性のために古いファイルではこの設定がロードされる。新規 Panel COMP のデフォルトは Interpolate Pixels

Border A / B `.borderab` 🟦

ボーダーカラー A / B とアルファ:

Border A: bordera — Border A の RGB 値
Border A Alpha: borderaalpha — Border A のアルファ値
Border B: borderb — Border B の RGBA 値
Border B Alpha: borderbalpha — Border B のアルファ値

Border Sides (Outside) `.borderoutside` 🔲

外側 4 辺のボーダー色:

Left Border: leftborder — 左端 2 ピクセル列の色 (None / Border A / Border B)
Right Border: rightborder — 右端 2 ピクセル列の色 (None / Border A / Border B)
Bottom Border: bottomborder — 下端 2 ピクセル列の色 (None / Border A / Border B)
Top Border: topborder — 上端 2 ピクセル列の色 (None / Border A / Border B)

Border Sides (Inside) `.borderinside` 🔳

内側 4 辺のボーダー色:

Left Border Inside: leftborderi — 内側 (1 ピクセル内側) の左端ボーダー色
Right Border Inside: rightborderi — 内側右端ボーダー色
Bottom Border Inside: bottomborderi — 内側下端ボーダー色
Top Border Inside: topborderi — 内側上端ボーダー色

Border Over Children `.borderover` 🪞

子パネル上へのボーダー描画:

Border Over Children: borderover — パネルのボーダーをすべての子パネルの上に描画

Disable Color `.disablecolor` 🚷

Disable 時の専用色:

Disable Color (Enable): dodisablecolor — Enable=Off のとき、下の専用無効色を使うかどうかを切替
Disable Color: disablecolor — 無効化時に使う RGB 値 (デフォルト: 黒 (0, 0, 0))
Disable Alpha: disablealpha — 無効化色のアルファ値

Composite / Opacity `.compositeopacity` 🧩

アルファ前乗算・合成・不透明度:

Multiply RGB by Alpha: multrgb — RGB チャンネルをアルファチャンネルで乗算 (premultiplied alpha)
Composite: composite — 兄弟パネルとの合成方式を選択するメニュー。各合成方式の説明は Composite TOP を参照
Opacity: opacity — パネルの透明度

Children Page 👶

Align / Spacing `.alignspacing` 📐

整列方式・間隔・1 行最大数:

Align: align — Panel Component 内の子パネルのレイアウト方式を指定するメニュー。Layout Grid Rows / Layout Grid Columns / Match Network Nodes は子要素をコンポーネントサイズに合わせて拡縮 (子の Align Order で順序が決まる)
Spacing: spacing — Align が None / Match Network Nodes 以外のときに有効。整列時の子要素間スペースを定義
Max per Line: alignmax — Align が None / Layout Grid Horizontal / Layout Grid Vertical / Match Network Nodes 以外のときに有効。1 行または 1 列に配置される子要素の最大数を定義

Margin `.margin` 📏

Panel Component 周囲のマージン:

Margin: margin — 4 つのフィールドで Panel Component のボーダーと外側エッジ間のスペースを指定。マージンは絶対ピクセルで、ウィンドウサイズに合わせて伸縮しない。ノードのパネルビューアには反映されず、親が浮動ウィンドウに描画されたときに反映

Justify Method `.justifymethod` 📊

正当化を適用する単位:

Justify Method: justifymethod — 下記の Justify Horizontal / Vertical を子パネル群全体に対してグループ単位で適用するか、子ごとに個別適用するかを指定するメニュー

Justify Horizontal / Vertical `.justifyhv` 🧭

水平・垂直の正当化方式:

Justify Horizontal: justifyh — 子パネルを水平方向にどう正当化するかを指定するメニュー
Justify Vertical: justifyv — 子パネルを垂直方向にどう正当化するかを指定するメニュー

Fit `.fit` 📦

子パネルの拡縮方式:

Fit: fit — 子パネルの拡縮を行うメニュー。Justify Horizontal / Justify Vertical を上書きする

Scale / Offset `.scaleoffset` 🔧

子パネルのスケール・オフセット:

Scale: scale — 子パネル群を均一にスケーリング
Offset: offset — 子パネル群をオフセット (Align / Justify Horizontal / Justify Vertical に上書きされる点に注意)

Crop `.crop` ✂️

外側はみ出し時のクロップ動作:

Crop: crop — 一部または全体がパネルコンポーネントの外にある子パネルをクロップするかを決定するメニュー

Scrollbars `.scrollbars` 📜

スクロールバーの表示モードと太さ:

Horizontal Scrollbar: phscrollbar — このパネルの水平スクロールバー表示モードを指定するメニュー
Vertical Scrollbar: pvscrollbar — このパネルの垂直スクロールバー表示モードを指定するメニュー
Thickness: scrollbarthickness — スクロールバーの太さをピクセル単位で指定

Common Page 🔧

Parent Shortcut `.parentshortcut` 🔗

コンポーネント内部からこの COMP へのパスとして使えるショートカット名:

Parent Shortcut: コンポーネント内部の任意の場所からこの COMP を参照する際のショートカット名 (parent.<name> 形式で利用可能)

Global OP Shortcut `.opshortcut` 🌐

プロジェクト全体からこの COMP を参照するグローバル名:

Global OP Shortcut: プロジェクト内のあらゆる場所からこの COMP へのパスとして使えるグローバル名 (op.<name> 形式で利用可能)

Internal OP `.iop` 📎

Internal OP シーケンス (コンポーネント内部 OP への名前付き参照):

Shortcut: iop0shortcut — コンポーネント内部の OP に対するショートカット名
OP: iop0op — このコンポーネント内部の対象 OP へのパス

Node View `.nodeview` 👁️

ノードビューア (Network エディタ上のサムネイル) に表示する内容を決定

項目	内部名	説明
Default Viewer	`.default`	コンポーネントタイプ標準のビューアを表示
Operator Viewer	`.opviewer`	指定した任意 OP のノードビューアを表示

Operator Viewer `.opviewer` 🖼️

Operator Viewer モード時に表示する対象 OP:

Operator Viewer パス: Node View が opviewer モードのとき、そのビューア内容として表示する OP のパス

Keep in Memory `.keepmemory` 💾

ロード済みコンポーネントのメモリ保持:

Keep in Memory: keepmemory — Load on Demand 等で動的ロードされたコンポーネントを以降もメモリに保持するかの切替

Cloning `.cloning` 🧬

マスター COMP の内容を複製する Cloning 設定:

Enable Cloning: enablecloning — Clone Master の内容を継続的に複製するかを切替
Enable Cloning Pulse: enablecloningpulse — その瞬間だけ Clone Master の内容を瞬時に複製
Clone Master: clone — 複製元となるマスターコンポーネントへのパス

Load on Demand `.loadondemand` ⏳

必要時のみメモリにロードする遅延ロード設定:

Load on Demand: loadondemand — オンの場合、このコンポーネントは実際に必要となるまでメモリにロードされない (起動時間・メモリ消費の最適化)

External .tox `.externaltox` 💾

外部 .tox ファイルとの連携設定:

Enable External .tox: enableexternaltox — 起動時に外部 .tox ファイルからロード
Enable External .tox Pulse: enableexternaltoxpulse — 外部 .tox ファイルから即時リロード
External .tox Path: externaltox — ディスク上の .tox ファイルへのパス
Reload Custom Parameters: reloadcustom — コンポーネントのカスタムパラメータ値を再読み込み
Reload Built-In Parameters: reloadbuiltin — コンポーネントの組み込みパラメータ値を再読み込み
Save Backup of External: savebackup — .toe ファイル内に外部 .tox のバックアップコピーを保存
Sub-Component to Load: subcompname — .tox 内部の特定 COMP のみを取り出してロード

Relative File Path Behavior `.relpath` 📁

このコンポーネント内部での相対ファイルパスの解決基準

項目	内部名	説明
Use Parent’s Behavior	`.inherit`	親コンポーネントの設定を継承
Relative to Project File (.toe)	`.project`	`.toe` プロジェクトファイルからの相対パスとして解決
Relative to External COMP File (.tox)	`.externaltox`	外部 `.tox` ファイルからの相対パスとして解決

Parameter Color Space `.parmcolorspace` 🎨

このコンポーネント内の色パラメータをどの色空間として解釈するか

項目	内部名	説明
sRGB	`.srgb`	標準的な sRGB ガンマ空間
sRGB – Linear	`.srgblinear`	sRGB プライマリでガンマ線形 (1.0)
Rec.601 (NTSC)	`.rec601ntsc`	Rec.601 NTSC 規格の色空間
Rec.709	`.rec709`	HDTV 用 Rec.709 色空間
Rec.2020	`.rec2020`	UHDTV / HDR 向け Rec.2020 広色域
DCI-P3	`.dcip3`	デジタルシネマ DCI-P3 色空間
DCI-P3 (D60)	`.dcip3d60`	D60 白点 DCI-P3
Display-P3 (D65)	`.displayp3d65`	D65 白点 Display-P3 (Apple ディスプレイ等)
ACES2065-1	`.aces2065-1`	ACES アーカイブ用色空間 (AP0 プライマリ)
ACEScg	`.acescg`	ACES CG 作業用色空間 (AP1 プライマリ)
Passthrough	`.passthrough`	色変換を行わず値をそのまま扱う

Parameter Reference White `.parmreferencewhite` ⚪

色パラメータの基準白色の扱い

項目	内部名	説明
Default For Color Space	`.default`	選択した色空間のデフォルト基準白を使用
Standard (SDR)	`.sdr`	標準ダイナミックレンジ (SDR) 基準白
High (HDR)	`.hdr`	ハイダイナミックレンジ (HDR) 基準白
UI	`.ui`	UI 表示用の基準白

実践アイデア 💡

Example 1: Geometry COMP のカスタムパラメータダッシュボード 🎛️

Geometry COMP (custom params 定義済) → Parameter COMP (op = /project1/geo1, Built-In = Off, Custom = On) → Container COMP → Window COMP

Geometry COMP に定義した Custom Parameters だけを Window COMP に露出するダッシュボードを構築する基本構成です。Built-In をオフにして組み込みパラメータを隠し、Custom のみオンにすることで、オペレータの内部実装を意識させずにユーザ向けノブを公開できます。

Geometry COMP (例: /project1/geo1) にカスタムパラメータページを追加し、必要なノブをユーザ向けに定義
Parameter COMP を配置し、Operator パラメータに /project1/geo1 を指定
Built-In をオフ、Custom をオンにして組み込みパラメータを非表示化
Header をオフにすると OP タイプ・名前のヘッダ部が消え、よりコンパクトな UI に
Container COMP に Parameter COMP を配置し、Window COMP から呼び出してダッシュボード化

Example 2: Page Scope によるパラメータページの段階的露出 📑

対象 OP (複数 Page 持ち) → Parameter COMP (Page Scope = "basic *" 等) → Panel COMP

対象オペレータが複数のパラメータページを持つ場合、Page Scope に Pattern Matching を記述することで露出するページを段階的に絞り込めます。例えば basic * と書けば basic で始まる全ページが表示対象になり、初心者向け UI と上級者向け UI を Parameter COMP の複製で出し分ける構成が可能です。

対象オペレータでパラメータページに分かりやすい命名 (例: basic / advanced) を付ける
初心者用 Parameter COMP の Page Scope に basic* を指定
上級者用 Parameter COMP の Page Scope に * (全ページ) を指定
Combine Scopes を使って Parameter Scope と組み合わせる場合は組み合わせ方を確認
Sync Page Selection をオンにすると対象オペレータのページ選択と Parameter COMP の表示ページを同期

Example 3: Header / Labels を消したスリム UI 構築 🪡

対象 OP → Parameter COMP (Header=Off, Page Names=Off, Labels=Off, Separators=Off) → 最小限フィールド UI

Header / Page Names / Labels / Separators をすべてオフにすると、入力フィールドのみが並ぶ極小 UI が得られます。ラベル不要なエフェクト用ノブ列、または独自ラベルを Text COMP で並列描画する場合のフィールド埋め込みに有効です。

Parameter COMP を配置し、対象オペレータを Operator に指定
Header をオフにして OP タイプ・名前・ヘルプボタンを非表示
Page Names をオフにしてページタブを非表示 (Order by Scope を併用すると Parameter Scope の記述順で並ぶ)
Labels をオフにしてパラメータラベルを非表示
Separators をオフにしてセクション区切り線を非表示にし、最小フィールド列を完成

Info CHOP情報 📊

Parameter COMP は Info CHOP / Info DAT による詳細情報取得に対応しています。

COMP 固有情報 📦

num_children: コンポーネント内部の子 OP の総数
num_dats: 内部 DAT の数
num_chops: 内部 CHOP の数
num_tops: 内部 TOP の数
num_sops: 内部 SOP の数

汎用オペレータ情報 🔄

total_cooks: プロセス開始からのクック回数
cook_time: 最後のクック時間 (ミリ秒)
cook_frame: 最後にクックされたフレーム番号
warnings: 警告数
errors: エラー数
cook_abs_frame: 絶対時間基準でのクックフレーム番号
cook_start_time: オペレータがクックを開始した時刻
cook_end_time: クックが完了した時刻
cooked_this_frame: 現在のフレームでクックされた場合は 1

Panel COMP 固有情報 📊

panel_width: Panel COMP の現在の幅 (ピクセル単位)
panel_height: Panel COMP の現在の高さ (ピクセル単位)
u: パネル上のマウス位置 (正規化 U 座標, 0.0〜1.0)
v: パネル上のマウス位置 (正規化 V 座標, 0.0〜1.0)

トラブルシューティング ⚠️

よくある問題と解決策 🔧

❌ Problem: 対象オペレータを指定してもパラメータが何も表示されない
✅ Solution:

Operator パラメータに指定したパスが存在するか、Pathfinder や OP Find DAT 等で確認
Built-In と Custom の少なくとも一方がオンになっているか確認 (両方オフだと表示するパラメータが無くなる)
Page Scope / Parameter Scope が必要なページ・パラメータに一致しているか確認 (極端なパターンだとマッチゼロになる)

❌ Problem: Page Scope のパターンを書いても期待のページが出てこない
✅ Solution:

Pattern Matching の構文を確認 (TouchDesigner はワイルドカード * や複数項目スペース区切りをサポート)
対象オペレータ側のページ名にスペース等が含まれている場合は引用符でくくる
Combine Scopes が AND/OR の意図に合っているか確認 (Parameter Scope と組み合わせる際の重要設定)

❌ Problem: Custom Parameters の値を編集しても展開してモードや式を編集できない
✅ Solution:

Allow Expansion (および Page 上の実体 allowexpend) をオンに切替
対象オペレータ側でそのパラメータが Read-Only / 計算式固定になっていないかを確認
Parameter COMP の Look Page で Opacity や Enable が UI 操作を阻害していないか確認

❌ Problem: Window COMP で開いたパラメータ UI のレイアウトが崩れる / マージンが反映されない
✅ Solution:

Margin はノードのパネルビューアには反映されず、親が浮動ウィンドウに描画されたときに有効になる仕様を確認
Children Page の Align / Fit / Justify Horizontal/Vertical の組み合わせを見直し (Fit は Justify を上書きする)
Crop をオンにして、子パネルがパネルコンポーネント外にはみ出した分を切り取る

参考資料 📚

その他 🔗

公式リソース 📖

この記事はLLMと共に内容を執筆、更新しています。
最新バージョンとの項目差異など、情報の不一致を見つけた心優しい方はXもしくはInsta、メールなどよりサイト管理者までご連絡ください😎

まる。

お仕事のご依頼はDM又はメールにて。
━━━━━━━━━━━━━━━━━
Python/Touchdesigner/M5Stackをこよなく愛すフルスタックエンジニア。
専門は生理心理学、趣味はヨガやサウナ、EMS電気風呂などヘルスケア全般。
脳波や筋電、心拍を中心とした生体情報のセンシング＆インタラクティブアートづくりがライフワーク。

普段はワントゥーテンという会社で空間演出エンジニアをしています。
リファラル採用お繋ぎできますので、我こそはという尖った方は経歴と希望職種添えてDMください(エンジニア以外、営業職等もOK)。
ご飯行きましょう。

↓日常垢
Instagram：＠malmal0v0

概要 📖 – 他オペレータのパラメータダイアログを UI パネル化

主な用途 🎯

データフロー 🔄

パラメータ解説 ⚙️

Parameter Page ⚙️

Operator .op 🎯

Display Toggles .displaytoggles 🔘

Input Editor .inputeditor ✏️

Allow Expansion .allowexpand 📐

Builtin / Custom .builtincustom 📥

Combine Scopes .combinescopes 🔀

Scope .scope 🔍

Order by Scope .scopeorder 📋

Panel Page 🪟

Display / Enable .displayenable 👁️

Help DAT .helpdat ❓

Cursor .cursor 🖱️

Multi-Touch .multitouch 👆

Constrain Cursor / Click Through .constrainclickthrough 🚫

Mouse Wheel / UV Buttons .mousewheeluv 🖲️

Drag Edges to Resize .resize ↔️

Drag to Reposition .reposition 🖐️

Scroll Overlay .scrolloverlay 📜

Look Page 🎨

Background Color / Alpha .bgcoloralpha 🖼️

Background TOP .backgroundtop 🖌️

Border A / B .borderab 🟦

Border Sides (Outside) .borderoutside 🔲

Border Sides (Inside) .borderinside 🔳

Border Over Children .borderover 🪞

Disable Color .disablecolor 🚷

Composite / Opacity .compositeopacity 🧩