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

※当サイトにはプロモーションリンクが含まれます。

Wireframe SOP で辺をワイヤー形状に変換する図

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

概要 📖 – 辺をワイヤー状の立体に変換

Wireframe SOPは、入力ジオメトリの辺を指定した半径のワイヤー(管状)形状に変換する SOPです。点・線・面で構成された形状の各エッジを太さのある立体に置き換え、レンダリング可能なワイヤーフレーム表現を生成します。

主な用途 🎯

  • ジオメトリの辺を太さのあるワイヤー形状に変換
  • ワイヤーフレーム表現の立体的な可視化
  • 建築・構造物のフレーム造形
  • 抽象的なライン主体のビジュアル制作
  • 点・線データへの太さ付与によるレンダリング対応

データフロー 🔄

入力: ジオメトリ(点・線・面)

ワイヤー変換処理(各辺を指定半径の管状に)

出力: 太さを持つワイヤー形状

Tips

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

まる。
まる。

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


パラメータ解説 ⚙️

Page 📋

ワイヤー設定 .page 🧵

辺をワイヤー形状に変換するときの太さや端部処理を決めるパラメータ

Group .group 🎯
Group (対象グループ) — 入力に点・プリミティブのグループがある場合、ここに名前を指定するとそのグループのみを処理対象にします。
*[1-10] などのパターンマッチングにも対応しています。

Wire Radius .radius 📏
Wire Radius (ワイヤー半径) — 生成される個々のワイヤーの太さ(半径)を指定します。
値を大きくすると太いパイプ状に、小さくすると細い線状になります。

Round Corners .corners 🔵
Round Corners (角を丸める) — オンにすると、各頂点の位置にワイヤーと同じ半径の球を配置して角を丸めます。
辺どうしの接続部の見た目を滑らかにしたいときに有効です。

End Caps .caps 🧢
End Caps (端のフタ) — オンにすると、すべてのワイヤーの端部にフタ(端面)を付けます。
ワイヤーの切断面が開いて見えるのを防ぎます。

Remove Polygons .remove ✂️
Remove Polygons (ポリゴン除去) — オンにすると出力からポリゴン面を取り除き、変換後のライン構造のみを残します。
元の面を残さずワイヤーだけを出力したいときに使います。

Fast Wire .fast
Fast Wire (高速ワイヤー) — 精度を犠牲にして高速にワイヤー計算を行います。
辺の数が多く処理が重い場合のパフォーマンス改善に役立ちます。


実践アイデア 💡

Example 1: 格子の立体ワイヤー化 🕸️

Grid SOP → Wireframe SOP (Wire Radius) → Geometry COMP

Grid SOP で生成した平面格子の辺を Wireframe SOP で太さのある管状に変換し、立体的な網目状フレームとしてレンダリングする基本フローです。

  1. Grid SOP で格子状のジオメトリを作成
  2. Wireframe SOP を接続し Wire Radius でワイヤーの太さを調整
  3. Round Corners をオンにして交点を滑らかに
  4. Geometry COMP に渡してマテリアルを適用しレンダリング

Example 2: 立方体の枠線造形 📦

Box SOP → Wireframe SOP (Remove Polygons) → 構造フレーム

Box SOP の立方体から Wireframe SOP で面を取り除きながら辺だけをワイヤー化し、建築模型のような枠線だけの構造フレームを作る用途です。

  • Box SOP で立方体ジオメトリを作成
  • Wireframe SOP の Remove Polygons をオンにして面を除去
  • End Caps をオンにしてワイヤー端部を整える

Example 3: 曲線のチューブ表現 🪢

Line SOP → Carve SOP → Wireframe SOP (Wire Radius)

ラインや曲線を Wireframe SOP に通して太さのあるチューブ状に変換し、配管やケーブルのような有機的な造形を生み出すフローです。

  • Line SOP や曲線のジオメトリを用意
  • Wireframe SOP で Wire Radius を設定してチューブ化
  • Fast Wire で重い場合のパフォーマンスを調整

関連オペレータ 🔗

類似機能OP 🔍

  • Tube SOP — 単一の管状ジオメトリを直接生成
  • Sweep SOP — 断面形状をパスに沿って掃引して立体化

組み合わせ推奨OP 🔄

  • Line SOP — 前段でワイヤー化したいライン形状を生成
  • Grid SOP — 格子状の辺を供給してネット状フレームに
  • Convert SOP — 入力をポリゴン・ポリラインに整えてから変換
  • Facet SOP — 事前に頂点を整理して変換結果を安定化

前処理・後処理SOP 🎯


Info情報 📊

Wireframe SOP はジオメトリ系オペレータとして点・プリミティブ数などの情報取得に対応しています。

ジオメトリ統計 📐

  • num_points: この SOP に含まれるポイント数
  • num_prims: この SOP に含まれるプリミティブ数
  • num_particles: この SOP に含まれるパーティクル数

GPU 転送タイミング 🎮

  • last_vbo_update_time: 別スレッドで SOP の CPU データを GPU 上のジオメトリデータに更新するのにかかった時間 (フレーム時間外)
  • last_meta_vbo_update_time: 別スレッドで metaball や NURBS のようなメタサーフェスジオメトリデータを GPU に更新するのにかかった時間 (フレーム時間外)

汎用オペレータ情報 🔄

  • total_cooks: プロセス開始以降にこのオペレータがクックされた合計回数
  • cook_time: 直近のクック所要時間 (ミリ秒)
  • cook_frame: このオペレータが最後にクックされたフレーム番号
  • warnings: このオペレータの警告数
  • errors: このオペレータのエラー数

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

よくある問題と解決策 🔧

❌ Problem: ワイヤーが太すぎる・細すぎる
✅ Solution:

  • Wire Radius の値を入力ジオメトリのスケールに合わせて調整
  • 前段に Transform SOP を入れて全体スケールを揃えてから変換

❌ Problem: 交点が角張って見える
✅ Solution:

  • Round Corners をオンにして頂点に球を配置し滑らかに
  • 前段で Resample SOP を使い辺の分割を整える

❌ Problem: 処理が重い・フレームレートが落ちる
✅ Solution:

  • Fast Wire をオンにして計算を高速化
  • 前段で Resample SOP や Convert で点数を削減
  • Round CornersEnd Caps は必要な場合のみ使用

参考資料 📚

その他 🔗

公式リソース 📖

関連オペレータ 🔗

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


まる。

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

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

↓日常垢
Instagram:@malmal0v0

まる。をフォローする
その他の記事はこちら
Math Combine POP 完全ガイド | 使い方・パラメータ解説【TouchDesigner】
ZED Select TOP 完全ガイド | 使い方・パラメータ解説【TouchDesigner】
ZED POP 完全ガイド | 使い方・パラメータ解説【TouchDesigner】
Window COMP 完全ガイド | 使い方・パラメータ解説【TouchDesigner】
Widget COMP 完全ガイド | 使い方・パラメータ解説【TouchDesigner】

タイトルとURLをコピーしました