目次
イントロダクション
教員紹介
Scott Allen | 青木 聖也
京都精華大学メディア表現学部講師
多摩美術大学情報デザイン学科非常勤講師
情報科学芸術大学院大学（IAMAS）非常勤講師
慶應義塾大学環境情報学部非常勤講師
武蔵野美術大学通信教育課程デザイン情報学科デザインシステムコース非常勤講師
ex. backspacetokyo
IAMAS修了．アーティスト．Scott Allenとして活動中．AIアート，投影装置・映像メディアに関する作品を制作．
詳細は以下のBiographyを参照．
https://scottallen.ws/biography
プログラミング
Processingは楽しい？ウンザリ？
2年生になった情デのみなさんは１年生でProcessingを１年間学びました．Processingで培った経験は今後の制作に役立つに違いありません．しかしその中で，Processingが大好きになって，それ以来授業が終わってもコーディングし続けている学生もいれば，苦手意識を持ってしまい敬遠している学生もいると思います．プログラミングへの苦手意識が生まれる理由として以下のような要素が考えられます．
- うまくエラーが消えなくて進めない
- コードを書くという行為が感覚的でなく，想像できない
- 数学的な処理が苦手
少ないコードでプログラムできるように設計されているとはいえ，Processingでプログラムを学ぶことは，手で絵を描くこととは違い感覚的ではない為，一つのハードルとなっていると思います．
なぜプログラム系か？
ではなぜこのようなプログラム系のデザイン・表現が多く使われているのでしょうか．
プログラミング系の環境で作ることのメリットは例えば以下のようなことが上げられます．
- インタラクティビティを与えられる
- マウスやキーボードの入力
- その他デバイス入力
- リアルタイムな変化を与えられる
- 音に反応する映像
- 環境データの可視化
- 大量の処理を一括で行なえる
- 円を10000個描く
- ツール系ソフトウェアではできないオリジナリティを発揮できる
- １年次作成の時間を使った表現
特に何か新しいものや魅力的なものをデザインしたいと考えると，ツールの持っている機能の制限を越えることが重要ですが，
プログラム系の環境は機能そのものから作れるため重宝されています．
TouchDesignerとは？
カナダ・トロントのDerivative社によって2000年に開発されたNodeベースのヴィジュアルプログラミング環境です．
2017年にMac版もリリースのリリースにより日本でも利用者が増え，かなり盛り上がりを見せています．
その安定性の高さから，様々なデジタルアート展示作品やハリウッド映画の映像制作にも利用されているようです．
プログラミング経験がなくてもできる
本授業で扱うTouchDesignerはプログラム系の中でもプログラミングで出くわすハードルを回避しつつ，長所を残した柔軟な設計になっています．
つまりプログラミングが苦手であったり，経験がなくても，感覚的にプログラミングしていくことが可能です．
まずはこのProcessingとTouchDesignerの比較動画を御覧ください．
Processingとの比較
円を描いて円状の軌跡で動かす
マウスクリックで動画を再生する
以上はあくまで例ですが，Processingに対してTouchDesignerは
- 短時間で作成できる
- テキストのタイピングが少なくクリックやドラッグ＆ドロップが主の操作
- 即時反映のため値や動画の絵が常に確認できる
ということがわかります．
特徴
TouchDesignerは一般的なプログラミング環境と異なり，機能を持ったボックスを視覚的に繋げていく（パッチング）ことでプログラムを構築するビジュアルプログラミング環境です．
また，即時実行されるため，考えたことを高速に形にすることができ，制作初期段階のプロトタイピングや終盤の微調整にも向いています．
よって，特にビジュアルデザイン・アート領域において，個人のデザイナー，アーティストから，大規模なプロダクションチームにまで広く利用されています．
事例
ライブ演出
BABYMETAL MV: Elevator Girl / Shanti Shanti Shanti
BABYMETALのミュージックビデオ．このMVでは，ライブの演出としてTouchDesignerを使用してライブカメラにエフェクトがかけられており，MVにもその一部が使われています．
詳細: https://backspace.tokyo/works/babymetal-elevatorgirl-shantishantishanti/
“millennium parade” Launch Party
インタビュー動画の一部に出てくる３D映像のライブ演出もTouchDesignerによって作られています．
詳細: https://backspace.tokyo/works/millennium-parade-launch-party/
ライブパフォーマンス
Ai.step live at nine tomorrows
Ai.step(Kakuya Shiraishi + Scott Allen)によるパフォーマンスのダイジェスト．visualパートはTouchDesignerによって作られています．
インスタレーション
nor / dyebirth
TouchDesignerを使用して装置の制御を行なったインスタレーションです．
映像分野に限らず，物理的に動くものの制御なども可能です．
詳細: https://nor.tokyo/dyebirth
Compressed ideographs -visualized-
DALL-Eというテキストから画像を作り出すモデルを学習させて，任意の英文の入力に対して新しい漢字を作ることができるインタラクティブインスタレーションです．
クワクボリョウタ / 残像
人が炭鉱の車を押す姿を光で描いた作品．炭鉱で栄えた宇部市とその影に潜む犠牲を光と闇を暗示します．
本作品では私が人物スキャンとLED制御をTouchDesignerを使用して実装しました．
Mitsui Designtec Co., Ltd., RANA UNITED / Influences – a Generative Wall Painting with Interaction of People
プログラマとして参加し，春夏秋冬＋初夏の５つの景色の流体シミュレーションの実装と天気のCG制作を行ないました．
コミュニティ
近年Mac版がリリースされたこともあり，日本でも盛り上がりを見せ，MUTEK.JPやTDSWなど様々な場所でワークショップも行われるなど，活発に意見交換されています．
情デでデザイナとしてTouchDesignerを使う
デザイナとしてTouchDesignerを使用するということは，デザインとプログラミングの両方の知識やスキルを統合したり相互について考えながら作るというプロセスを意味します．
アイデアを着想し，プロトタイピングや検証，そして微調整などを反復的に繰り返す創造プロセスを，実際の制作を通じて学んでいきましょう．
そして最終的には，１年次よりも高度なプログラミング表現もきっと可能になるはずです．
授業計画
第2週
・図形・映像の生成
第3週
・数値
・乱数やノイズ
・計算
・インタラクションデザイン
第4週
・3D
・レンダリング
第5週
・テキスト
・タイポグラフィ
・データ
第6週
・インスタンシング
・データビジュアライゼーション
第7週
・中間課題制作
第8週
・中間課題講評
第9週
・最終課題に向けて
・リアルタイム画像処理
・python
第10週
・UI
・パラメトリックデザイン
・階層構造
第11週
・体験のデザイン
・時間軸のデザイン
第12週
・様々なデバイスとの連携
・外部ライブラリ
・課題制作
第13週
・オーキャン準備
第14週
・講評
第15週
・振り返り
過去作品
2022年度作品集
2021年度作品集
2020年度作品集
参考の参考
2020年度のプログラミング演習の資料もすべて公開しています．
https://scottallen.ws/tau/
2019年1月に2日間で情デで行なったワークショップの資料も添付しますので，参考にしてください．
https://scottallen.ws/lecture/rapid-proto-workshop