Why not login to Qiita and try out its useful features?

We'll deliver articles that match you.

You can read useful information later.

0
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

[超入門]Touchdesignerの「UnrealEngine Plug-in Samples」 解説してみたよ~ DAT&リアルタイム通信編

Posted at

#DAT編
いや~set upからTouchEngine Componentの説明からTOP、CHOP、インスタンシングと来て、
最後にDAT!
まあDATなんていつ使うねんって思うじゃないですか~
それが使うんですよ。
いつ使うって?
それはcsvとかtxtのデータを扱うときです。
UE4だとそこらへんかなりめんどくさそうなんですよね。Touchdesignerユーザーにとって

例えば、データビジュアライゼーションしたいときとかは、データをcsvとかで取ってくること多いと思います
csvとかtxtの処理はDATでやるとかなりラクですよね。
データ自体を並べ替えたりとか選択したりするのも簡単だし!

よって!DATは使います!!!(強引)

そして、お待ちかね、TouchdesignerとUE4のリアルタイム通信の方法もハウツーします

#動画をご用意しております
今回も動画細かく解説しながらハンズオンしてます!ぜひ!!

#DATの扱い方をエクストリームで解説
ハンズオンで詳しく説明をしたのが、上記の動画なので、
qiitaでは、大事なことをエクストリームに解説していきます。

###最終アウトプットは基本的にTableの形にしなければならない
なんでかって言われると、この後出てくる値の取得方法がTableじゃないとできないからです

###データの取得はGet Cell でCellを指定する
getcell.jpg

データの取得は基本的に行と列それぞれでインデックスを指定することになります。
その時、使うのがGet Cell
基本的にはこのノードで取得してください

ちなみに、行にインデックス17を指定して、列にインデックス18を指定するとこれが完全体になります。
クリリンはブチぎれますが、、
とかいう冗談は置いといて

###値の型はFStringという文字列である
DATで取得できるデータはすべてFStringという文字列になります
FStringって聞きなれないかと思いますが、要は文字列です。
たとえ数字のデータをCellに入れてようが、それは文字列です
文字列絶対!です

###他tips
値の取得は、Get Cell以外にもGet RowGet Columnがあります。
これは行や列をFStringの配列として取得できるノードです。

もし検索してもここら辺のノード出てこないよ!ってときは
ノード検索画面右上のcontext sensitiveのチェックを外すと解決するはずです。
こちらは、動画でも説明してます。
check_box.jpg

文字列で取り出した後は煮るなり焼くなりしてください

#リアルタイム通信
お待ちかね!
TouchdesignerとUE4のリアルタイム通信はどうやるのか。
それは、Touch In / Touch Outを使うことです。
UE4の中でTouchdesignerのノードが動くということは、同じPC内だったら
TouchdesignerのTouch Outから、UE4に仕込まれたTouch Inで受信できるわけですね!
realtime.jpg

#実装方法
ここでは、TouchEngineを0から使う方法も学べるようになってます
いままでは、実際に作られたものを見てきただけですが、実際に作ってみるってなると話は別になってきます。

といっても、ここまで見られてさえいればだいたいどんな感じで作るのかとはわかるのではないでしょうか
こちらも動画の後半部分をじっくりみればエラーなく作ることができます!

###作り方をちょーざっくり言うと
UE4側は
TouchEngineComponentのActorでBluePrintを作ります
そうすると、TouchEngineComponentを持つBluprintが作成されるので
Get OutputからGet TouchEngine OutPut、そしてGetCellをつなぎます。
あと微調整して、ワールドにこのBluePrintを配置します。
Touchdesigner側は
なんらのtext出してTableに変えて、Touch Outにつなげます。
そして、これとは別にtox用のbaseなりcontainerをつくって
こちらにはTouch Inを入れます。
それをToxとして保存し、このToxをUE4のContentsフォルダー内にぶちこみます

あとは、今まで見てきたように設定すれば完了!
touch_out_get_cell.jpg

だいぶエクストリームですけど、深夜に書いているということでお許しくださいまし!
動画はちゃんと解説してますので、足りない説明あったらそちらへどうぞ!

#UE4とTouchEngineでの実例
https://twitter.com/miwata34/status/1453874228604796928

私が作ったデータビジュアライゼーションです
こちらはデータの元となるcsvをUE4 pluginで読み込んで、DATの操作をしています。
それをグラフに変えたり、イワシの位置を制御したりしています

#TouchdesignerとUE4ユーザーは仲良くなれる
このUE4 pluginを機にこの二つのアプリケーションを密にして、
UE4わからんけどTouchdesignerわかるという人が、少しでもUE4に興味を持って
日々の作品制作やVJ、お仕事等々に活かせればなあと
ささやかに願っているであります

あ、言い忘れてましたが、miwa_maroonはどっちも大したことありません。これからもっと勉強しますので、私の成長も記事やyoutube通して
見守っていただければなと思います。

そんなこんなで長いUE4 sampleの説明は終わりです!僕たちには未来しかない!
Backしないぜfuture!!
それでは!

0
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up

Qiita Advent Calendar is held!

Qiita Advent Calendar is an article posting event where you post articles by filling a calendar 🎅

Some calendars come with gifts and some gifts are drawn from all calendars 👀

Please tie the article to your calendar and let's enjoy Christmas together!

0
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?