![見出し画像](https://assets.st-note.com/production/uploads/images/92665496/rectangle_large_type_2_a28352173e9c89f5c30894f1764d15d6.png?width=1200)
TouchDesignerでスリットアニメーションジェネレーター
この記事はTouchDesigner Advent Calendar 2022の5日目の記事です。
はじめに
アニメーション付き3Dモデルをつっこむとスリットアニメーションにしてくれるジェネレーターを作ってみた。個人的には左下の全フレーム同居した見た目がツボ#touchdesigner #3dcg pic.twitter.com/EBtNCDhcBf
— Dan (@_nadiaru_) June 17, 2022
アニメーション付き3Dモデル(alembic)から、あえて紙でアニメーションを見せるスリットアニメーションを生成する仕組みをつくったのでそれのサンプルと要点を説明していこうかと思います。
なんでそもそもアニメーションがついてるものをアナログな見せ方にしようかと思ったかというと以前作った作品を映像上で見せたら面白そうだなと思ったから。
サンプルファイル
slit-animation.toeを開いてまずtransform.abcを読み込ませます。
![](https://assets.st-note.com/img/1670240661600-Cclj8c0C83.png?width=1200)
リプリケーターで囲ったエリアに”Horse_master1”が参照元になり中に入ると画像2のようになってるのでオレンジで囲ったalembicSOPで先程のalembicファイルを開く。すると動くはず。
![](https://assets.st-note.com/img/1670241231973-Jhd6LKJM4w.png?width=1200)
Replicator
パラメーターエリアで設定した値とConstant2ではアニメーションのスタートとエンドフレームを設定し、me.digitsなどを使いながらスリット幅ごとにスレーブのスリットがずれていくように作ってます。
UI説明
![](https://assets.st-note.com/img/1670240566060-b0mtQNzOdq.png?width=1200)
Twitterの動画のように左下のパラメーターをいじると自分の好きな具合でスリットアニメーションができますが、リプリケーター使ってるせいかかなり重めです。
frame:コマ数
slice:スリットの数
adjust:アニメーションの時間調整
scale:オブジェクトのサイズ
右下のスライダーはクリックしている間だけスリットが表示されアニメーションを見ることができます。
左上2つのレンダリングは雰囲気づくりです。
おわりに
これをごにょごにょしてこんなのつくりました。
なにかの参考になれば。
スリットアニメーションを 3Dにした立体映像彫刻のコンセプトアート。ループアニメーションのコマ数分の 3Dモデルを輪切りにして同一空間上に重ならないように並べて順番に光らせた。#GlowingAnimatedSculpture #touchdesigner #3dcg pic.twitter.com/QyAE7cx5Za
— Dan (@_nadiaru_) June 27, 2022
この記事が気に入ったらサポートをしてみませんか?