​​プログラミングA #06

​​#06 TouchDesigner入門　TOPによるアニメーション

​​
​​高尾俊介（takawo@konan-wu.ac.jp）
​​甲南女子大学 文学部 メディア表現学科 准教授
​​
​​
​​

​​今回の授業内容

​​

​​こっちをダウンロード

​​
 
Dropbox file icon
230515
​​
​​
​​05-4 Cacheによる映像の多層化
​​
 
​​
​​https://youtu.be/0SYfQJRgsWU
​​
​​05-5 Composite TOPでの映像の合成
​​
 
​​
​​https://youtu.be/ycsM4BvUvLQ
​​
​​
​​
​​

​​ソース（元）となるTOP

​​
  • ​​Circle TOP：ジェネレータ．円を描画するが，今回はPolygonの設定をオンにして多角形として表示
​​
 
User-uploaded image: _2019_05_09_15_41.png
​​配置しパラメータを変更する
User-uploaded image: TouchDesigner___Users_takawo_Desktop_NewProject_3_toe.png
​​解像度（Resolution）を変更
​​
  • ​​Transform TOP：入力されたTOPの移動，変形など
  • ​​Blur TOP：入力されたTOPにボカシをかける
​​
​​
 
User-uploaded image: TouchDesigner___Users_takawo_Desktop_NewProject_3_toe.png
​​Circle TOP→ TransformTOP→Blur TOP
​​
​​ここまで
​​
  • ​​特に動かない＝TOPのパラメータを変化させる必要がある．
  • ​​CHOPで変化させる値を作る．
​​

​​CHOPで変化するパラメータを作る

​​
  • ​​今回は便宜上，パタメータの中でも以下のものを変化させる．
  • ​​Transform TOPのスケール（Scale）:入力されたTOPの大きさ（0〜？）
  • ​​Transform TOPの回転（Rotate）：入力されたTOPの回転角度（0〜360）
  • ​​Blur TOPのFilter Size：ボカシ（0〜？）
  • ​​になりそうな値をCHOPでつくる
​​
 
User-uploaded image: 2TouchDesigner___Users_takawo_Desktop_NewProject_3_toe.png
​​CHOPを配置する
User-uploaded image: 4TouchDesigner___Users_takawo_Desktop_NewProject_3_toe.png
​​Math CHOPを使って値の範囲を変える（マッピングという）
  • ​​Wave CHOP：周期的な変化する値を作れる．LFOとの違いはタイミング制御に寄っている点．
  • ​​LFOでやるほうが視覚的には分かりやすい
  • ​​Trail CHOP：Wave CHOPの変化する波形を動くものにして表示