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

概要 📖 – 複数の線をつないで面を張る

Skin POPは、複数の入力プリミティブの間に面を張り、ロフト状のサーフェスジオメトリを生成する POPです。断面となる線を複数並べて入力すると、それらをつなぐ面が GPU 上で組み立てられます。

主な用途 🎯

• 複数の断面プロファイル線の間に面を張ってロフト状のサーフェスを生成
• 輪切りにした輪郭線群を縫い合わせてチューブ・帯状の立体を作成
• N 本ずつのグループに区切って独立した複数の面を一度に張る
• 始点と終点をつないで筒状の閉じたサーフェスを構成
• 三角形ではなく四角形ポリゴンで面を出力し編集しやすい形状を生成

データフロー 🔄

入力: 複数のプリミティブ (断面の線)
 ↓
面張り処理 (隣り合う線の間を縫って面を構成)
 ↓
出力: ロフト状のサーフェスジオメトリ

まる。

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

パラメータ解説 ⚙️

Skin Page 📋

面の張り方 .skinops 🧵

Skin (面の張り方) — 入力プリミティブをどの単位でまとめて面を張るかを決めるメニュー

分割と出力 🎚️

N .inc 🔢
– N (まとめる本数) — グループ単位で面を張る際に、何本のプリミティブを 1 グループとするかの本数を指定します。
– 面の張り方を Groups of N Primitives にしたときに有効になります。

Closed .closed 🔁
– Closed (閉じる) — 最後の頂点を最初の頂点に接続し、筒状に閉じた面を構成します。
– オフのときは開いた帯状の面になります。

Output Quads .outputquads 🔷
– Output Quads (四角形で出力) — 三角形プリミティブではなく四角形プリミティブで面を出力するかどうかを切り替えます。
– 後段で編集しやすい整ったトポロジが欲しいときに有効です。

実践アイデア 💡

Example 1: 断面線からチューブを張る 🪈

Line POP → Transform POP (複製で断面を並べる) → Skin POP (All Primitives / Closed)

Line POP で 1 本の断面となる輪郭線を作り、Transform POP で位置をずらして複数の断面を並べ、Skin POP で All Primitives を選び Closed を有効にして断面同士を縫い合わせ、筒状のチューブサーフェスを生成する基本フロー。

1. Line POP で断面となる輪郭線を作成
2. Transform POP で位置をずらしながら複数の断面を並べる
3. Skin POP の Skin を All Primitives に設定して断面全体に面を張る
4. Closed を有効にして筒状に閉じたチューブにする

Example 2: グループ単位で複数の面を張る 🧶

Curve POP → Skin POP (Groups of N Primitives / N=2)

Curve POP で複数の曲線を用意し、Skin POP の Groups of N Primitives モードで N を 2 に設定することで、2 本ずつのペアごとに独立した帯状の面を一度に張り分ける用途。

1. Curve POP で複数の曲線を用意
2. Skin POP の Skin を Groups of N Primitives に変更
3. N を 2 に設定して 2 本ごとに独立した面を張る

Example 3: 四角形ポリゴンで面を出力 🔷

Line POP → Skin POP (Output Quads) → Facet POP

Line POP で並べた断面線を Skin POP に通し、Output Quads を有効にして四角形ポリゴンで面を出力、Facet POP で法線を整えて陰影を綺麗に表示する、編集しやすいトポロジを重視した表現。

1. Line POP で複数の断面線を並べる
2. Skin POP の Output Quads を有効にして四角形ポリゴンで面を出力
3. Facet POP で法線を整えて陰影を綺麗にする

関連オペレータ 🔗

類似機能OP 🔍

• Revolve POP — 1 本の線を回転させて面を作る (面の作り方が異なる類似系)
• Extrude POP — 線を押し出して面を作る (面の作り方が異なる類似系)

組み合わせ推奨OP 🔄

• Line POP — 面を張る元となる断面線を前段で供給
• Curve POP — 滑らかな断面曲線を前段で生成
• Transform POP — 断面の位置をずらして複数並べる前処理
• Facet POP — 張った面の法線を整えて陰影を改善
• Convert POP — 出力した面のプリミティブ種別を別形式に変換

前処理・後処理POP 🎯

• 前処理: Line POP、Curve POP、Transform POP
• 後処理: Facet POP、Convert POP、Transform POP

Info情報 📊

Skin POP の出力ジオメトリの点数やプリミティブ数は Info DAT / Info CHOP で確認できます。

POP固有情報 ✨

• num_verts: POP に含まれる頂点 (vertex) 数
• num_points: POP に含まれるポイント数
• num_prims: POP に含まれるプリミティブ数

汎用オペレータ情報 🔄

• total_cooks: プロセス開始からのクック回数
• cook_time: 最後のクック時間 (ミリ秒)
• cook_frame: 最後にクックされたフレーム番号
• cook_abs_frame: 最後にクックされた絶対フレーム番号 (アプリケーション起動からの累積)
• cook_start_time: 最後のクック開始時刻 (ミリ秒)
• cook_end_time: 最後のクック終了時刻 (ミリ秒)
• cooked_this_frame: 現フレームでクックされたか (0 / 1)
• warnings: 警告数
• errors: エラー数

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

よくある問題と解決策 🔧

❌ Problem: 面が張られず線だけが残る
✅ Solution:

• 入力に 2 本以上のプリミティブ (断面の線) が接続されているか確認 (1 本では面を張れない)
• Skin が意図したモード (All Primitives / Groups of N Primitives) になっているか確認
• Groups of N Primitives のとき N が入力本数に対して適切な値か確認

❌ Problem: 面がねじれる・想定外につながる
✅ Solution:

• 前段の断面線の頂点の並び順 (向き) が各断面で揃っているか確認
• 前処理に Transform POP を入れて各断面の向き・位置を整える
• 筒状にしたい場合は Closed を有効にして始点と終点を正しく閉じる

❌ Problem: 陰影が正しく表示されない・面が暗い
✅ Solution:

• 後段に Facet POP を追加して法線を計算する
• Output Quads を有効にして整った四角形トポロジで出力し直す
• ライティング側で面の表裏 (法線の向き) を確認する

参考資料 📚

その他 🔗

• TouchDesigner Wiki — POP 概要
• TouchDesigner Wiki — Category:POPs
• TouchDesigner Wiki ホーム
• TouchDesigner 公式 Forum
• Facebook — TouchDesigner Help Group

公式リソース 📖

• TouchDesigner公式ドキュメント – Skin POP

関連オペレータ 🔗

• TouchDesigner公式ドキュメント – Revolve POP

まる。

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

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

↓日常垢
Instagram：＠malmal0v0

まる。をフォローする

その他の記事はこちら

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

2026/6/19

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

2026/6/19

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

2026/6/19

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

2026/6/19

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

2026/6/19