[超入門]Touchdesignerの「UnrealEngine Plug-in Samples」 解説してみたよ～ TouchEngine Component編

#前回のUE4 plugin 解説してみたよ～は？
deravative社から[TouchdesignerのUE4 plugin](https://derivative.ca/UserGuide/TouchEngine-UE4_Unreal_Engine_Plugin)が発表され、そのサンプルが公開されています。

**そのサンプルを触るうえでのセットアップ**
と
**なんでUnrealEngineを使うのか？**

そこらへんお話しています
まだの方はぜひこちらから
<iframe width="560" height="415" src="https://www.youtube.com/embed/QS5ymu00mcs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

[[超入門]Touchdesignerの「UnrealEngine Plug-in Samples」 解説してみたよ～ set up編](https://qiita.com/miwa_maroon/items/f77ea2ba1b9be2093abb)

#これだけ覚えて帰ってくれれば！！
前回はセットアップを行いました。
実際にUE4の操作方法含め、
今回最も伝えたいこと

**TouchEngine Component**

について、知って使えるようにしていただきたい！！

ということで、[動画](https://youtu.be/Inm9cXFcJ-c)のほうご用意しておりますので
ご覧ください！

<iframe width="560" height="415" src="https://www.youtube.com/embed/Inm9cXFcJ-c" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


本当に**TouchEngine Component**について理解してくれれば、
いや、そういうのがあるんだと知ってくれさえいれば、
いや、UE4の中でTouchdesignerのパラメーターいじれるやつあったな～くらいの感覚さえ持っていただければ

この記事は**大成功**と呼べるでしょう！

#ゆるくちゃ～んと解説
UE4の軽い操作説明等は[動画内](https://youtu.be/Inm9cXFcJ-c)で話しておりますので、
**TouchEngine Component**について
要点をまとめて説明します

###TouchEngine Componentとは？
端的にいうと、
**UE4内でtoxが動作する！！**
ってことです。

そもそもComponentというのは、UE4での機能の総称で
cameraの制御をしたいときには、camera componentを使ったり
static mesh(3Dモデルのこと)のときには、static mesh componentを使います。

この流れから行くと、
TouchEngineを使うときは～～？？
**TouchEngine Component♪(大合唱)**

聞こえてきました。ありがとうございます。

###TouchEngine とは？
いきなり**TouchEngine**といわれましても、なんのことだか、、
という感じですよね？？

要は、**Touchdesignerの機能を他のアプリケーション内で使用するためにをtoxを用いる**
という感じですかね。

説明するのがかなりムズイですね

たとえば、
UE4で、こんな二つの画像がブレンドしているテクスチャは、
![ue4_show.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/704869/fe3ea038-7c7c-d502-d5d8-b326495ad3a8.jpeg)

`switch TOP`の**Index**を`Base COMP`や`Container COMP`の**custom parameter**に設定して
UE4でこの値を変えている感じですね

![switch.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/704869/7879f7d5-9c41-0043-76f7-5c34635e537e.jpeg)

ここらへんの例は[TOP編](https://qiita.com/miwa_maroon/items/5dfd12d823703e408a2d)でも解説していますので、そちらもどうぞ

もしかしたらCustom Parameterの使い方知らんよ！というかたもいるかもしれませんが、
今回のsamplesを触るうえでは知らんくても大丈夫なんで
ご心配なく！

###Tox File Path
![tox_file_path.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/704869/15bf494c-24b7-28c1-4b31-fb2609f3b969.jpeg)

ここには使いたいToxが置かれているフォルダーのPathを入力します。
基本的にはPathが正しければ自動で認識するよ～

ここでは、一つ気を付けないことがあって
Toxは必ず、**Contentsフォルダー下**に置かないといけないこと！！

へい、ちなみにだけど、`Base`や`Container`をToxとして保存するのは、
COMPにカーソルが合わさった状態で、右クリック！
Save Component .tox！
これでおけ

###Cook Mode
![cook_mode.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/704869/d61ff573-8065-49cb-1eda-70c7b47de364.jpeg)

ここはToxの動作モードを管理できます。
三つありますが、基本的に**Independent**で大丈夫かと

###Send Mode
![send_mode.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/704869/236a8c07-23b8-2782-ce3b-047cdfeef0f0.jpeg)

ここはToxがデータの送信する頻度を管理できます。
ここも基本的には、**Every Frame**でいいかと、

###TE Frame Rate
![TE_Frame_Rate.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/704869/c5b9afd2-b159-ae69-b07e-4bbc28954446.jpeg)

名前の通り、TouchEngineのフレームレートを設定できます。
Samplesではすべて60に設定されています。
ご自由にどうぞ。

フレームレート20000とか意味わからんのはやめてね（笑）

###Load On Begin Play
![Load_on_begin_play.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/704869/4b5238b2-74ad-04f1-e147-9bf68c3857c3.jpeg)

ここはPlayしたらtoxを読み込むかどうかの設定。
ここでいうplayはUE4の右上の▶マークのPLay
ここもdefaultでおけい

###Reload tox
![Reload_tox.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/704869/a187a5b1-6ca5-ac59-1c5d-096ebef025f4.jpeg)

Toxを際読み込みのためのボタン。
Pathは一緒だけど、toxの内容が変わったときに使うときある！

###Inputs
![inputs_many.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/704869/17c6f67b-8a0d-aa47-e03e-68c201441f75.jpeg)

**ここ大事～**
Inputsに表示されるのは、

- Custom Parameter
- Tox内のCHOP/TOP/DAT In

Inputsの値を変更することで、Toxを操ることができるのである

###Outputs
![outputs_many.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/704869/81e66f57-b3a8-0323-b703-c929f7824851.jpeg)

**値の取得はここ！！**
基本的には、Tox内でoutを作っておいて、ここで値を取得できる。
OUT CHOP/TOP/DAT のオペレーターの名前がパラメーターの名前として表示されているのが変わると思います。

#UE4 plug-inのコア
説明ばかりでしたが、ここを押さえればグンと使い方の理解につながります。
**次回以降、TOP、CHOP、DATそれぞれやりますが、**
そこでもずっと出てきます。
**本当にこのPlug-inの核！**
コアとなる部分ですね！
エヴァンゲリオンでも、結局はコアを破壊しないと使徒は倒せなかったですもんね

ということで、
[次回「TOP襲来」](https://qiita.com/miwa_maroon/items/5dfd12d823703e408a2d)