のぐそんブログ

暗いおじさんがシコシコ書くブログです。

TouchDesigner基礎基礎メモ1

TouchDesignerとは

TouchDesignerは、オペレーターと呼ばれるプログラムのモジュールをつなげることで、コードを書かなくてもビジュアルプログラミングができる開発環境です。

表現自体は色々できるみたいなのですが、リアルタイムで操作する映像表現などによく使われるみたいです。

Live@HPL Media Street Event in Russia (β ver.) from Intercity-express on Vimeo.

今回はTouchDesignerの基礎の中の基礎を少し学んだので自分用のメモにしました。

ショートカット

ショートカット 説明
tab オペレーター追加のダイアログを表示
H 全てのオペレーターを表示
Shift + F 選択中のオペレーターを中心に表示。
Ctrl + B パレットブラウザーの表示・非表示
オペレーターを選択 + A ビューアーをアクティブにする
アクティブビュー + H オブジェクトを全体表示。オペレーターのウィンドウからはみ出した場合などに使用する。

ノードの種類

名称 説明
COMP (Comonent operator) UIコンポーネントや、ライトなどの部品。
TOP (Texture operator) テクスチャーオペレーター。画像操作用。
CHOP (Channel operator) 動きを付けるオペレーター
SOP (Channel operator) 3Dオブジェクトを扱うオペレーター。
MAT (Material) マテリアル用。
DAT (Data operator) 外部とのろデータのやり取りや、データの保持などデータに関わるオペレーター。

便利な操作方法

オペレーターを素早く見つける

オペレーターの一覧で、オペレーターの頭文字のキーを押すと、該当するオペレーターがハイライトされる。

TOPオペレーター

基本操作

赤枠の箇所を右クリックすると、つなげることができるアクションだけが表示されます。 (Macトラックパッドの場合は2点タッチ)

◎ Movie File in

画像や動画を読み込む。

◎ Crop

画像や動画をトリミングする。

HSV Adjust

色合、彩度、明度をいじることができます。

プロパティ 説明
Hue Offset 色合
Saturation Multiplier 彩度
Valu Multiplier 明度

Blur

ぼかしです。

◎Video Device In

Webカメラと接続します。

◎ Edge

色の境目を検出します。

◎ Over

オペレーターを重ねる為にに使用します。

例)Edgeを適応したオペレーターと、元の画像を重ねます。

◎ Threshold

画像、もしくは動画のある程度の明るさ以上を抽出できます。

◎ Chroma Key

クロマキー合成ができます。

◎ Null

特になんの機能もありません。 最終表示の確認用に使ったりします。

オペレーターを右クリックするとコンテキストメニューが表示されます。 メニューの中の「View」を選択するとwindowが表示される為、最終表示を常に表示したい場合に便利です。

SAPオペレーター

◎ Box

立方体が作成されます。 ビューアーをアクティブにすることで、マウスで視点を変更できるようになります。

◎ Transform

位置、回転、スケールなどを変更できる。 BoxオペレーターをX,Y軸に45度回転した場合は、下記のようになる。

◎ Sphere

球体が作成されます。 ビューアーをアクティブにすることで、マウスで視点を変更できるようになります。

◎ Tube

円柱が作成されます。ストローのように穴が空いた状態で作成されます。

Cap SAPをつなげると、蓋をすることができます。 First U CapとLast U CapプロパティにEnd Cap Facetedを設定します。

◎ Merge

複数のオペレーターのオブジェクトを一つのオペレーターにまとめて表示する。

◎ Material

MATオペレーター紐付け用につかう。(あまり自信なし)

MATオペレーターのマテリアルをドラック&ドロップすることで紐付けることができる。

紐付けるとPhongオペレーターと、Materialオペレーターが矢印でつながります。 マテリアルの設定はPhongオペレーターで行います。

◎ Texture

オブジェクトのテクスチャの貼り方を定義します。必須ではなく、省略すると適当に貼られます。 テクスチャ画像の設定はMATオペレーターで行うようです(自信なし)

まとめ

TouchDesignerは日本語の情報があまりない為、とにかく触ってみるのが習得への近道かもしれません。 時間を見つけて触っていきたいと思います。

参考

ababainews - YouTube