TouchDesignerとHoudiniの連携

**TouchDesigner**に**Houdini**のジオメトリデータを受け渡す方法をまとめます。

**TouchDesigner**だけでは、複雑なジオメトリを作るのは大変ですが、**Houdini**で作って読み込めば容易に活用ができます。僕も教わったばかりではありますが、質問を受けたのもあり、方法をまとめます。

<blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">神田さんの講座のおかげで、HoudiniとTouchDesigner連携よく分かりました。とりあえず、ジオメトリデータのやりとりはできるように。attributeは今まさにHoudiniで色々やっているので、持っていて、GLSLとかでいじってみよう。 <a href="https://t.co/KGlY44F6KK">pic.twitter.com/KGlY44F6KK</a></p>&mdash; Tomoya@∀RroWs (@snufkinliberty) <a href="https://twitter.com/snufkinliberty/status/1096675727338962950?ref_src=twsrc%5Etfw">2019年2月16日</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

# Houdiniでのデータ出力
今回は、おなじみの**pighead**を出力してみたいと思います。
まずは**Houdini**で**geometry**を作成し、その中に**pighead**, **reverse**, **null**を順につなぎます。
**reverse**を入れるのは、N(法線)方向が**TouchDesigner**と**Houdini**が逆だからです。

![キャプチャ.JPG](https://qiita-image-store.s3.amazonaws.com/0/311653/97f1c382-17bb-7e83-8d4c-6855446a797b.jpeg)
次に、**null**上で右クリックして**Save**→**Geometry**をクリックします。
![1.png](https://qiita-image-store.s3.amazonaws.com/0/311653/2465bf4f-b43f-2a1a-423f-6bede007fd9e.png)
ファイルマークをクリックして、Desktopなど任意の保存場所を指定し、拡張子を**hclassic**、または**bhclassic**にして**Accept**をクリックします。
![2.png](https://qiita-image-store.s3.amazonaws.com/0/311653/47f3241c-97c2-f4fb-5c0c-90064f18a63b.png)
![3.png](https://qiita-image-store.s3.amazonaws.com/0/311653/76d6a39e-6bd5-fe28-3b05-5200f15a29d9.png)

次いで、さらに**Accept**します。
![4.png](https://qiita-image-store.s3.amazonaws.com/0/311653/3654eb3c-d4c0-a565-0656-58d21029b28e.png)
これでDesktopにファイルが生成されます。
![キャプチャ.JPG](https://qiita-image-store.s3.amazonaws.com/0/311653/8a49f170-b5e8-a236-00f8-6764c65edec2.jpeg)

# TouchDesignerへの読み込み
次に**TouchDesigner**への読み込みですが、これはファイルをドラッグ&ドロップで完了です。
![5.png](https://qiita-image-store.s3.amazonaws.com/0/311653/1d808cef-55ec-5b8d-3fc0-c03a87365427.png)
けっこう簡単にできますよね。
Non-Commercial版でもできます。

**TouchDesigner**の可能性が一気に広がるので、ぜひこの機会に**Houdini**もやってみると面白いですよ。

pigheadを使ってこんなのできました(笑)
<blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">なんかカッコよさげな映像の元は…。 <a href="https://t.co/gJ6uzKEuJ0">pic.twitter.com/gJ6uzKEuJ0</a></p>&mdash; Tomoya@∀RroWs (@snufkinliberty) <a href="https://twitter.com/snufkinliberty/status/1096676697385033728?ref_src=twsrc%5Etfw">2019年2月16日</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr">毎度派手な映像ができたのだけど(今回はTrail使っていない)、元となっているジオメトリがまさかあれとは言えない（笑）複雑だとこうなるのかぁ。面白いなぁ。<a href="https://twitter.com/hashtag/TouchDesigner?src=hash&amp;ref_src=twsrc%5Etfw">#TouchDesigner</a> <a href="https://t.co/IQfAdcC0xq">pic.twitter.com/IQfAdcC0xq</a></p>&mdash; Tomoya@∀RroWs (@snufkinliberty) <a href="https://twitter.com/snufkinliberty/status/1096753066546626560?ref_src=twsrc%5Etfw">2019年2月16日</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
また、上達したら、応用例など続きを書ければと思います。


**＜制作環境＞**
　TouchDesigner099 COMMERCIAL 64-Bit Build 2019.12330
　CPU Corei9 9900K
　GPU Geforce RTX 2080Ti
　Windows10

**＜∀RroWs＞**
　[HomePage](https://www.arrowsofficial.com/)