TouchDesignerでデイリーコーディング

![Scene_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/102569/9cc7f653-9df4-3ae0-2c47-dd96e8b854e4.png)

3月からTouchdesigner を触り始めて、2.5ヶ月が立ちました。

最初の1ヶ月の間にやったことはこちらのエントリーにまとめています。
[TouchDesignerを始めて2週間でやったこと（追記：＋2週間）](https://qiita.com/HR2/items/156720f12c54c134bb49)

4月1日からは、#dailycodingchallenge というタグに参加しました。このタグはProcessingの日本コミュニティである @PCD_Tokyo さんが主催し、毎日50音の文字と単語がテーマとして出題され、小さな作品をアップするというものです。もともと、Processingユーザー向けなのだと思いますが、タグの説明に制作環境は問わないとあったので、自分はTouchDesigner で参加していました。（毎回ちょっと浮いていたかもしれない）

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">📅オンライン企画第一弾として、Processing Community Japan ではデイリーコーディングチャレンジを始めます📅<br>4/1から5/14まで、毎日50音順のお題に沿ってみんなでコーディングをしてコミュニティを盛り上げましょう！Processing / p5.js に限らずどのツールも歓迎です<a href="https://t.co/zFTOI6okkJ">https://t.co/zFTOI6okkJ</a></p>&mdash; PCD @ Tokyo (@PCD_Tokyo) <a href="https://twitter.com/PCD_Tokyo/status/1244525535599964162?ref_src=twsrc%5Etfw">March 30, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


「あ」～「わ」まで44日間、継続して参加したので記念に印象に残った作品を紹介します。すべての作品はこちらの[モーメント](https://twitter.com/i/events/1260772772516515841?s=13) にあります。


<blockquote class="twitter-tweet" data-conversation="none"><p lang="ja" dir="ltr">Day14 せ／全知全能<br>ポピュラスというシミューレーションゲームのイメージ。<br>GLSL MATで高さごとに色分け。<a href="https://twitter.com/hashtag/dailycodingchallenge?src=hash&amp;ref_src=twsrc%5Etfw">#dailycodingchallenge</a> <br> <a href="https://twitter.com/hashtag/touchdesigner?src=hash&amp;ref_src=twsrc%5Etfw">#touchdesigner</a> <a href="https://t.co/DjiAdMZynd">pic.twitter.com/DjiAdMZynd</a></p>&mdash; 平原 真 (@HR2) <a href="https://twitter.com/HR2/status/1249933555657891841?ref_src=twsrc%5Etfw">April 14, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>「せ／全知全能」一番いいねが多かったのがこちら。神となって地形を変化することができるポピュラスというストラテジーゲームイメージです。ローポリ表現が気に入っています。

<blockquote class="twitter-tweet" data-conversation="none"><p lang="ja" dir="ltr">Day6 か／漢字<br>偏と旁のスロット<a href="https://twitter.com/hashtag/dailycodingchallenge?src=hash&amp;ref_src=twsrc%5Etfw">#dailycodingchallenge</a> <a href="https://twitter.com/hashtag/touchdesigner?src=hash&amp;ref_src=twsrc%5Etfw">#touchdesigner</a> <a href="https://t.co/1KgTErwViN">pic.twitter.com/1KgTErwViN</a></p>&mdash; 平原 真 (@HR2) <a href="https://twitter.com/HR2/status/1247060318825484288?ref_src=twsrc%5Etfw">April 6, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>「か／漢字」ネタ勝負なので他の参加者とかぶらないように急いで作りました。

<blockquote class="twitter-tweet" data-conversation="none"><p lang="ja" dir="ltr">Day42 れ／劣等生<br>劣等生、視点変われば、みな個性<br><br>標語みたいに言ってみた。AnimationCOMPでカメラとグラフの動きをつける。<a href="https://twitter.com/hashtag/dailycodingchallenge?src=hash&amp;ref_src=twsrc%5Etfw">#dailycodingchallenge</a> <a href="https://twitter.com/hashtag/touchdesigner?src=hash&amp;ref_src=twsrc%5Etfw">#touchdesigner</a> <a href="https://t.co/qbxfYyrt2K">pic.twitter.com/qbxfYyrt2K</a></p>&mdash; 平原 真 (@HR2) <a href="https://twitter.com/HR2/status/1260036203379752961?ref_src=twsrc%5Etfw">May 12, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>「れ／劣等生」単純に劣っている表現をするのが嫌で作った作品。メッセージと表現が、綺麗にまとまっていて好きです。

<blockquote class="twitter-tweet" data-conversation="none"><p lang="ja" dir="ltr">Day10 こ／交互<br>平面的なアニメーション２<a href="https://twitter.com/hashtag/dailycodingchallenge?src=hash&amp;ref_src=twsrc%5Etfw">#dailycodingchallenge</a> <a href="https://twitter.com/hashtag/touchdesigne?src=hash&amp;ref_src=twsrc%5Etfw">#touchdesigne</a> <a href="https://t.co/oP3JkfCwUS">pic.twitter.com/oP3JkfCwUS</a> <a href="https://t.co/ufyideasiA">pic.twitter.com/ufyideasiA</a></p>&mdash; 平原 真 (@HR2) <a href="https://twitter.com/HR2/status/1248635651840327682?ref_src=twsrc%5Etfw">April 10, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>「こ／交互」ずっと見ていられるループアニメーション。

<blockquote class="twitter-tweet" data-conversation="none"><p lang="ja" dir="ltr">Day18 つ／つらい<br>また気持ち悪いのができてしまった。Nvidia Flex COMP<a href="https://twitter.com/hashtag/dailycodingchallenge?src=hash&amp;ref_src=twsrc%5Etfw">#dailycodingchallenge</a> <a href="https://twitter.com/hashtag/touchdesigner?src=hash&amp;ref_src=twsrc%5Etfw">#touchdesigner</a> <a href="https://t.co/LwK4nhLgAM">pic.twitter.com/LwK4nhLgAM</a></p>&mdash; 平原 真 (@HR2) <a href="https://twitter.com/HR2/status/1251435888346722304?ref_src=twsrc%5Etfw">April 18, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>「つ／辛い」Flex Solverを使い凝った作品。手がかかった割に、いいねがつかなかった。


---
#まとめ
簡単なものであっても、毎日1点アウトプットするのは結構疲れました。でもタグに乗っかることで、他の参加者の作品も見られてモチベーションに繋がりました。毎日作っていると波があるのですが、調子の悪い日でも「そんな日もあるさ」と軽く流して次の日頑張る、という気持ちになりました。

アイデアを考える時は、テーマにこじつけられそうなものを前にやったチュートリアルから探して、アレンジしていました。後半になると、使ったことのない機能を取り入れて見れるようになりました。バネ（SpringSOP）、流体（FlexSolver）、物理演算（BulletSolver）など、似た表現が続いているのは実験期間です。

新しい開発環境を学ぶためには、まず、**たくさんのチュートリアルをやり、それをアレンジして小さな作品をたくさん作る**、という流れが有効だと思います。