TouchDesigner tutorial Interactive with camera
Touchdesignerを使ってカメラに反応するインタラクティブな作品の作り方を紹介します。
今回使用した画像はオリジナルの絵本「はぐるま島ココロのひみつ」のキャラクターです。
絵本はこちらで無料で読めますのでぜひ♬
はぐるま島HP 絵本無料公開中！
https://hagurumaisland.com
はぐるま島ココロのひみつ kindle
https://amzn.asia/d/4CGd5Fq
キャラクターの画像は販売しています。購入後自由にお使いください♬
Haguruma Island NFT OpenSea
https://opensea.io/ja/collection/hagurumaisland
ハートが爆発する映像はこちらから無料でダウンロードできます。
——————————————————————————-
WEBカメラを使って動き[モーション]を撮りますが、僕のPCにはWEBカメラがついてないので、NDIを使ってiPhoneから映像は取り込んでいます。
NDIとTouchdesignerの使い方はこちらの動画を参照してください。
Touchdesigner[NDI][ライブ配信]複数のカメラを切り替えてライブ配信する方法
キャッシュでモーションキャプチャできたらキャラクターをランダムに動かします。
そしてキャラクターとモーションが重なった部分をトレースで認識させて、映像再生のボタンにします。
パーティクルを使っていないので、前回までのTouchDesigner tutorialより動作は軽いと思います。
僕もまだわからない部分が多いので、もっといい方法あれば教えてください～♬
——————————————————————————-
TouchDesigner tutorial Interactive with camera
00:20 Interactive作品の紹介
01:11 NDIで接続 モーションをとる方法
10:07 キャラクターをランダム配置
17:22 キャラクターとモーションの当たり判定
23:15 ハートの映像を流す方法
24:45 効果音の再生
——————————————————————————-
ぎまパパチャンネル[プロジェクションマッピング/Scratch/TouchDesingnerの使い方/VJ]
https://www.youtube.com/channel/UCes28LH1ggowLvNBa_sR5Sw
FaceBook
https://www.facebook.com/hiroshige.gima
Twitter
Tweets by gimapapa
#touchdesigner
#インタラクティブアート
#interactive
About The Author
