TouchDesignerでスライドショー

TouchDesignerで一連の画像を一定時間ごとに切り替えて表示するスライドショーを作ってみます。

切り替え時に画像をブレンドしない場合

画像切り替え時に前後の画像をブレンドせずにスパッと切り替える場合のネットワーク構造は以下のようになります。

Timer CHOPのOn DoneパラメータをRe-Startにして一定時間の経過を計測し続けます。一定時間経過するごとにdoneチャンネルが発火する(1になる)ので、発火した回数をCount CHOPで数え上げます。このカウントした値をSwitch TOPのIndexパラメータとして利用できるように、Count CHOPのLimitパラメータをLoop Min/Maxに設定します。

切り替え時に画像をブレンドする場合

画像切り替え時に前後の画像をブレンドして滑らかに切り替える場合のネットワーク構造は以下のようになります。

大きくは先述したブレンドしない場合と同じで、Timer CHOPとCount CHOPで一定時間の経過を計測し、Select TOPで画像を切り替えます。画像をブレンドするためにLag CHOPでインデックスが連続的に変化するようにし、Switch TOPのBlend between Inputsパラメータを有効にすることで画像がブレンドされるようにしています。Expression CHOPでカウントした値がインデックスの範囲になるにしています。最後の画像から最初の画像への切り替えもブレンドできるようにSwitch TOPのインプットの最後に最初の画像を入れています。