TouchDesigner[タッチデザイナー]簡単VJシステム作り方 パート1

TouchDesignerでシンプルで簡単なVJシステムを作っていきます。

一応、初心者の方でもわりやすいように説明はしているっと思います。

パート1ではTouchDesignerに映像を取り込んでよく使う?シンプルで便利なオペレーターを繋げていきます。

これをきっかけにTouchDesignerやVJ・映像に興味をもってくれるといいですね♫

---

TouchDesigner[タッチデザイナー]簡単VJシステム作り方 パート2

パート1では使う動画をTouchDesignerに入れて、簡単なエフェクトなどを追加しました!

今回はその動画をスイッチオペレーターを使ってひとまとめにします。

そして、動画をクリックしたら映像が切り替わるように設定していきます。

---

TouchDesigner[タッチデザイナー]簡単VJシステム作り方 パート3

パート2で土台は完成しました。 今回はその土台を左右に振り分けて、スライダーで制御できるようにしていきます。

真ん中にスライダーを追加して映像を切り替えるとVJのように!!

まだまだこれだけでは足りないとは思いますが、これを土台にしてエフェクトをボタンで制御したり、映像を組み合わせたりなどいろいろとできると思います。

※Touchdesignerの動作が重い方は、映像ファイルの形式を.Hapにして試してください。

今回で簡単VJシステムは完成となります。 お疲れ様でした！

---

Touchdesigner[タッチデザイナー]projection mapping

番外編でTouchdesigner プロジェクションマッピングする方法もUPします。

kantanmapperという便利なツールがもともと入ってまして、そちらの使い方を説明していきます。 ※Touchdesignerさんありがとうございます!! 

kantanmapperを使えばすぐにプロジェクションマッピングができるようになります。すごいツール。 

せっかくなのでSyphone[サイフォン]を使って別のアプリケーションと連動させる方法もUPしました。 

MadMapper[マッドマッパー]を使っています。

---

無料でVJシステムが作れる[Touchdesigner]オススメの本↓

Visual Thinking with TouchDesinger – プロが選ぶリアルタイムレンダリング＆プロトタイピングの極意 プロが選ぶリアルタイムレンダリング＆プロトタイピングの極意【電子書籍】[ 松山周平 ] 価格：3762円 (2021/5/29時点) 楽天で購入

ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方]
https://oneaction.mobi/gimapapa/

FaceBook
https://www.facebook.com/hiroshige.gima

Twitter
https://twitter.com/gimapapa

---

合同会社STORY WORKS

ぎまパパチャンネル[プロジェクションマッピング/Scratch/TouchDesingnerの使い方/VJ]

FaceBook

X

Instagram

Threads

合同会社STORY WORKS代表 儀間博成

沖縄県在住 43歳

沖縄県宮古島出身。映像クリエイター／空間演出家として、合同会社STORY WORKS を率い、プロジェクションマッピング・3DCG・インタラクティブアート・3Dサイネージなど多彩な映像表現を手がける。
歴史ある城跡やイベント会場、飲食店、日本各地の建物で映像演出を担当し、空間に“物語”を映し出す制作を追求。技術と感性を融合した作品で観客の想像力をかき立てる。

33歳で個人事業ONE ACTIONとして独立
世界遺産中城城跡や沖縄体験王国むら咲むらプロジェクションマッピング制作
東京築地本願寺ではアーティスト含むイベント[TOKYO CHEMISTRY]にてプロジェクションマッピング映像を担当
東京渋谷のレストランへ常設のテーブルプロジェクションマッピングを導入
マニラの飲食店壁面へプロジェクションマッピング導入
2025/02/14合同会社STORY WORKS設立
EXPO2025 プロジェクションマッピング[関西大阪万博]
その活動は映像制作だけにとどまらず、絵本制作はぐるま島ココロのひみつ/イベント企画/子供プログラミング教室/YouTuberなど幅広く手がける