yoppa.org


前橋工科大学 – 工学デザイン実習 IIIc 2025

オンデマンド 1: TouchDesigner 初めの一歩

今回のオンデマンド講義の内容は以下の通りです。

1. TouchDesigner概要

  • 資料を読んで理解する
  • アプリケーションの概要
  • 作品の事例

2. TouchDesignerのインストールとキー登録

  • 資料を参照しながら、TouchDesignerを使用できるようにする
  • ダウンロードとインストール
  • キー登録

3. TouchDesignerはじめの一歩

  • TDSWの教材ビデオを参考にしてTouchDesignerに入門
  • 2つのビデオを閲覧しながら実際にプログラミング
  • 完成したファイルはオンラインフォームから提出

課題フォームの提出をもって、この回に出席したものとします。

1. TouchDesignerについて

  • TouchDesigner
  • https://derivative.ca/
  • カナダのDerivative社が開発したビジュアルプログラミング環境
  • インスタレーションアートやプロジェクションマッピング、メディアアートなど、さまざまな映像や音楽、デジタルアートに関するシステムを簡単に構築可能
  • 詳細: https://derivative.ca/feature/application-building

TouchDesignerを使用した作品例

Astro Immersive AV Performance – Weidi Zhang

ところざわサクラタウン KADOKAWA所沢キャンパス

Fragment Shadow Generating Fragmented Shadows with Multi-Projectors Geometry and Color Calibration

Natural Encounters an emotional link between human and algorithm

404.zero live at Diage Festival, Bangkok, 2023.

Interactive live visual system with venue simulator and chart output for BABYMETAL “METALIZM” – Kezzardrix

NONOTAK – SHIRO (TEASER)

その他沢山の作品が Derivative社のShowcaseで逐次公開されています。参考にしてみてください。

2. TouchDesignerのインストールとキー登録

TouchDesignerのライセンス

TouchDesignerはProcessingやopenFrameworksのようなオープンソースの開発環境ではなく、Derivative社が販売している製品 (プロプライエタリソフトウェア) です。しかし、非商用の利用の場合には無料で使用可能です。

ライセンスの詳細は以下を参照。

この演習では、NON-COMMERCIAL版を使用します。以下のような制限があります。

  • 解像度は1280×1280 Pixelまでに制限
  • 個人使用または学習用の用途に限り使用可能
  • すべてのアカウントは10個の非商用キーを付与
  • 有料プロジェクトでは使用不可

最初はNON-COMMERCIAL版で使用して、もしより本格的に使用したいと思った場合はEDUCATIONAL版を購入すると良いでしょう。

インストールとキー登録の手順

TouchDesignerはアプリケーションをインストールした後に、アカウントに付与されたキーを登録する必要があります。以下の手順で行いましょう。

ユーザー登録: Derivativeのサイトからユーザー登録

  • Derivative Webサイトのページの「SIGN UP FOR AN ACCOUNT」より
  • 必要事項を記入して送信
  • 登録したemailアドレスにメールが返信されるのでリンクをクリックして登録完了

TouchDesignerをダウンロード

  • 使用しているOSにあわせてダウンロードページからインストーラーをダウンロード
  • インストーラーを起動してインストール (特に設定の変更の必要は無し)

TouchDesignerを起動してキー登録

  • インストールしたTouchDesignerを起動
  • 上部メニューから「Dialogs > Key Mangager」を選択
  • 以下の画面が出力されるので登録した情報でログイン
  • キーを選択して有効化する

アプリケーションの再起動

  • アプリケーションを起動し直すとNON-COMMERCIAL版が起動するはず

3. TouchDesignerはじめの一歩

本日は、まずTouchDesignerはじめの一歩として「バナナを回す」という課題をやってみたいと思います。以下の映像のチュートリアルに準拠しています。

さらにもう1本!

完成イメージ

参考: より詳しくていねいに学びたい方は…

Derivative社が提供しているオンライン教材「The 100 Series: TouchDesigner Fundamentals (TouchDesigner入門)」を使用して入門から基礎的な内容を学ぶことが可能です。熱意のある受講生の方は先取りしてどんどん予習していってください。

101 – Navigating the Environment (制作環境のナビゲーション)

タッチデザイナーの文法

新しいツールや開発環境の学習の大半は、すべてのノブやボタンがどこにあるかを把握することから始まります。この最初のレッスンでは、TouchDesignerを使いこなすことに焦点を当て、必要不可欠なインターフェース要素とコントロール、そして各オペレーターファミリーの基本原則を学びます。

101-1. The User Interface (ユーザーインターフェイス)

101-2. Using the OP Create Dialog (OP作成ダイアログを使う)

101-3. Reading Network Anatomy (ネットワークの解剖)

101-4. Reading Operator Anatomy (オペレーターの解剖)

101-5. Operator Wires, References & Links (オペレータの接続、参照、リンク)