japanese – AllTouchDesigner

【後編】TouchDesigner入門~ゼロからのヴィジュアルプログラミング~

Mark Tutorial Completed! 主催：Entervibe（Twitter : https://twitter.com/entervibe ) 5月4日に開催されたクリエイティブカレッジのアーカイブです。今後もアップしていきます！

Entervibe

May 4, 2020

109

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

Mark Tutorial Completed! TouchDesignerでシンプル簡単VJシステムを作っていきます(パート2) 前回使う動画をTouchDesignerに入れて、簡単なエフェクトなどを追加しました! 今回はその動画をスイッチオペレーターを使ってひとまとめにします。そして、動画をクリックしたら映像が切り替わるように設定していきます。ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa #Touchdesigner

Guimapapa Channel

June 15, 2020

251

TouchDesigner Realsenseの映像から3Dモデルを作る

Mark Tutorial Completed! TouchDesignerとRealsenseを連携させ、Realsenseの映像データ（平面）から人型の3Dモデルを作る↓こちらのqiitaの動画です。 https://qiita.com/atsonic/items/e64d7e32c56b58eb6123

Mao Takagi

October 15, 2018

16:40

Touchdesigner 极坐标生成图形

Mark Tutorial Completed!

PATL

January 16, 2022

218

01:15:19

3/3 TouchDesigner Vol.028 Remote lighting control via the internet

Mark Tutorial Completed! Support TDSW on Patreon https://www.patreon.com/tdsw Registration on Patreon gives you access to sample files. We have prepared a lot of contents to learn the techniques and expression methods of wonderful artists, creators, and developers from all over the world. Please join TDSW Patreon Membership and enjoy your creation! #TouchDesigner #tutorial #tdsw ■ […]

TDSW

October 30, 2022

50:59

2/3 TouchDesigner Vol.044 TouchDesigner as an integrated tool in the research scene

TDSW

December 12, 2022

07:10

FBX를 Point Cloud로 변환하여 Touchdesigner에서 사용하기 (CloudCompare)

Mark Tutorial Completed! fbx 다운로드 링크 : https://sketchfab.com/3d-models/marble-bust-of-a-man-faa8324a055147a79e345aa3b737e9f1 CloudCompare 다운로드 링크 : https://www.danielgm.net/cc/ [타임라인] 00:00 소개 00:23 시작 01:09 CloudCompare 에서 변환 작업 03:10 TouchDesigner 임포트 04:12 렌더 셋업 06:22 인스턴싱

possiblanet

April 28, 2023

125

オーディオビジュアル制作入門｜Ableton × TouchDesigner連携ガイド [TDAbleton / Audiovisual]

Mark Tutorial Completed! Ableton LiveとTouchDesignerを連携させ、TDAbletonを使用して音と映像を同期させる方法を解説した動画です。リアルタイムでダイナミックなオーディオビジュアル表現を作りたい方は必見です。はじめての方や興味ある方に分かりやすく両アプリのセットアップからTouchdesignerの簡単なパッチ制作まで説明しています。 [この動画で学べること] ・AbletonとTouchDesignerの基本的な連携方法・ TD Abletonのセットアップ手順・ AbletonからOSC信号を送って映像を制御する方法・ TouchDesignerでリアルタイム映像を作るコツ・実際のパフォーマンスデモ [TouchDesignerを学ぶためのおすすめリンク] 公式チュートリアル（基本操作から学べる） 👉 https://derivative.ca/tutorials TouchDesigner Help Wiki（公式リファレンス） 👉 https://docs.derivative.ca/Main_Page TouchDesigner（本体のダウンロード） 👉 https://derivative.ca/download TD Ableton（Abletonとの連携に必要なコンポーネント） 👉 https://derivative.ca/UserGuide/TD_Ableton Ableton Live公式サイト 👉 https://www.ableton.com/ja/live/ 📌 目次 00:00 オープニング・動画概要 00:50 AbletonとTouchDesignerによる連携の概要 01:47 TD Abletonのインストールとセットアップ 03:17 Ableton側の設定方法 07:06 TouchDesigner側の設定方法(パッチ制作) 25:05 実際のパフォーマンス紹介 #Ableton #TouchDesigner #TDAbleton #オーディオビジュアル […]

Junichi OGURO | 大黒淳一

March 10, 2025

音樂轉畫面超簡單！TouchDesigner AudioVisual 初體驗 2025-EP06

Mark Tutorial Completed! 👏贊助團隊一杯咖啡☕讓我們做更多精彩的內容👇 https://buymeacoffee.com/heymechanic 此影片內容為臺藝大多媒所113-2「互動裝置藝術專題」課程節錄，影片為黑碼藝識團隊紀錄剪輯影片，藉此推動TouchDesigner中文化數位內容嘗試。 ☛113/2 NTUA臺藝大課程 ☞課程學制：日碩士多媒系一 ☞課程名稱：互動裝置藝術專題 ☞課程概要：1.討論國內外相關互動裝置藝術之論述，以瞭解其語言及美學觀。2.討論國內外互動裝置藝術作品以探討其創作觀念與方法。3.以互動程式設計、感應器等指導學生如何應用於互動裝置藝術上。4.以研究創作提案方式讓學生對互動裝置藝術作實作與討論。 ☞課程教師：詹嘉華(Dudu Zhan) 00:00 聲音分析 13:24 影像效果 18:33 聲音改變尺寸縮放 25:46 麥克風輸入 29:04 幾何實例化-效果1 52:06 幾何實例化-效果2 10:10:37 幾何實例化-效果3

jan

August 6, 2025

Touchdesinger 時間を指定して自動再生[Automatic playback at specified time]

Mark Tutorial Completed! Touchdesginerで時間(曜日など)を指定して映像を自動再生させます。プロジェクションマッピングなど、常設してこの時間に映像を流したい、、などそういった時に使えると思います。やる事は簡単で、TouchdesignerのClock CHOPを使います。この中にPCから読み込まれる時間・日付・年度など細かくパラメータがとれるので、ここから振り分けていくだけです。 Touchdesignerで動画再生をしてSyphonなどでmadmapperにリンクさせればプロジェクションマッピングも自動再生ができます。 #TouchDesigner #MadMapper ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa

Guimapapa Channel

April 19, 2021

307

터치디자이너 _ Touchdesigner 활용하기 7-2

Mark Tutorial Completed! 터치디자이너 _ touchdesigner를 이용한 콘텐츠 만들기 www.lab-oe.com https://www.instagram.com/lab_oe/ #touchdesigner#터치디자이너#mediaart#미디어아트#인터렉티브아트#interactive#tutorial

LAB OE

February 1, 2021

10:34

터치디자이너ㅣInstancing with Noise 2/2ㅣTouchDesigner

Mark Tutorial Completed! Part 2 마테리얼, 라이트, 카메라의 구성 및 세팅에 관한 내용을 포함합니다. —— 00:00 Material 01:16 Light 세팅 06:47 Camera 세팅 09:14 추가 응용 —— Website: http://crazyradio.xyz Instagram: https://www.instagram.com/crazy.radio.film/ Inspired by : https://youtu.be/M8X_FFB-ikQ #touchdesigner #터치디자이너 #audiovisual

Crazy Radio

May 9, 2021

224

44:42

TouchDesigner Lecture Vol.1 Makeshift VJ System

Mark Tutorial Completed! Text: https://www.notion.so/sakira/TouchDesigner-Vol-1-88dd94df5836410fba05021f8bb74e76

jan

June 28, 2022

152

01:19:04

1/2 TouchDesigner Vol.014 Extending TouchDesigner with Asset Tools

TDSW

October 30, 2022

48:25

1/6 TouchDesigner Vol.050&051 Intro to Deep Learning for Graphics Programmer

TDSW

December 12, 2022

TouchDesigner showControl

Mark Tutorial Completed! https://github.com/yuan0310/showControlTD TD version 2023 11600 toe license free feel free to use

jan

August 9, 2024

Touchdesigner：單元8-2音訊與3D粒子效果（particleGPU）

Mark Tutorial Completed!

jan

March 26, 2025

터치디자이너 튜토리얼 – 점진적 지오메트리 | TouchDesigner Tutorial – Procedural Landscape

Mark Tutorial Completed! 안녕하세요, 카로 입니다. 이번 영상에서는 Vaporwave느낌의 비주얼 만드는 방법 보여드립니다. 이번 튜토리얼은 zeal의 영상에서 연감 받았습다. 다른 방법도 궁금하시면 bileam tschepe의 영상도 추천 드립니다. Timestamps: Intro 0:00 시작 0:39 3D 씬 셋업 0:50 Final 아웃풋 셋업 1:09 Sphere 셋업 1:28 카메라 셋업 3:01 MAT 3:53 배경 4:50 Circle SOP 6:09 Luma Blur […]

Caroline Reize

September 3, 2020

656

測域センサ北陽センサUST-10LX[TouchDesigner]HokuyoChop

TouchDesigner Hokuyo UST-10LX[HokuyoChop]測域センサ北陽センサで認識させる方法

Mark Tutorial Completed! 測域センサの北陽UST-10LXとTouchDesignerを接続させていきます。 HokuyoChopを使って認識させます。北陽センサー UST-10LXを床に置き、プロジェクターから丸い光をだして、触った所にTouchDesignerの光が当たるようにします。これが結構ややこしくて（笑）なんどやっても忘れるので自分用でもあります! なので詳しくは説明できません（笑）でも同じように設定すれば北陽センサ UST-10LXとTouchDesignerがうまく認識して、プロジェクターからの光がピタッと合うようになります。インタラクティブなものをどんどん作っていきたいですねー! 参考にしたURL https://qiita.com/snafkinliberty/items/b917cb02c70c7c95e64b ブログにも詳しく書いて置きます北陽電気の測域センサ UST-10LXとTouchDesigner[HokuyoChop] #TouchDesigner #測域センサ #北陽センサ #UST10LX #HokuyoChop ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa

Guimapapa Channel

October 29, 2020

918

터치디자이너_Touchdesigner 활용하기 3-3

Mark Tutorial Completed! 터치디자이너 _ touchdesigner를 이용한 콘텐츠 만들기 www.lab-oe.com https://www.instagram.com/lab_oe/ #touchdesigner#터치디자이너#mediaart#interactive

LAB OE

December 22, 2020

10:10

TouchDesigner Vol.044 TouchDesigner as an integrated tool in the research scene 【Sneak Peak】

Mark Tutorial Completed! ▽You can watch the rest of this tutorial and others with a membership on the TDSW patreon. Support TDSW on Patreon https://www.patreon.com/tdsw If you subscribe to a subscription plan of $20 or more, you get unlimited access to all of our past archives! We have prepared a lot of contents to learn […]

TDSW

June 21, 2021

44:04

1/3 TouchDesigner Vol.025 Face-Tracking Effects Creation with External Python Libraries

TDSW

October 30, 2022

54:47

3/3 TouchDesigner Vol.041 Line animation using ZIG SIM

TDSW

November 7, 2022

109

52:46

3/3 TouchDesigner Vol.054 Journey to Mastering DATs

TDSW

December 12, 2022

TouchDesigner駆け込み寺

Mark Tutorial Completed! Discord Server 参加リンク　https://discord.com/invite/gWy7XUdf

じょー / Joe

December 7, 2024

[ Touchdesigner 基礎教學 ] 簡易 Audio Visual 音像互動與資料轉換

Mark Tutorial Completed!

SIAO

May 14, 2025

【前編】TouchDesigner入門~ヴィジュアルプログラミング~

Mark Tutorial Completed! 主催Entervibe（Twiiter：https://twitter.com/entervibe ） 5月2日に開催されたクリエイティブカレッジ4thのアーカイブです。今後もアーカイブ残していきますので、チャンネル登録よろしくお願いします！見逃した人、復習したい人、TouchDesignerに興味湧いてきた人、ぜひごらんください！ 90分で濃い授業となっております。

Entervibe

May 2, 2020

340

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

Mark Tutorial Completed! TouchDesignerでシンプルで簡単なVJシステムを作っていきます。一応、初心者の方でもわりやすいように説明はしているっと思います。パート1ではTouchDesignerに映像を取り込んでよく使う?シンプルで便利なオペレーターを繋げていきます。これをきっかけにTouchDesignerやVJ・映像に興味をもってくれるといいですね♫ ぎまパパチャンネルHP[プロジェクションマッピングやスクラッチの作り方 TouchDesignerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by OneMovie1 #Touchdesigner #VJ

Guimapapa Channel

June 15, 2020

506

TouchDesigner Particle SOP

Mark Tutorial Completed! TouchDesigner Particle SOPの基本的な設置方法です。 ↓こちらのqiitaの動画です。 https://qiita.com/atsonic/items/0c94ca12f4ee3346aa22

Mao Takagi

October 5, 2018

424

10:11

TouchDesigner 030 Interactive Particles with Kaoru 【Sneak Peek / English Subtitle】

jan

January 30, 2022

583

52:06

1/2 TouchDesigner Vol.030 Interactive Particles with Kaoru

TDSW

October 30, 2022

277

50:24

3/3 TouchDesigner Vol.044 TouchDesigner as an integrated tool in the research scene

TDSW

December 12, 2022

21:16

Touchdesigner tutorial | Flame man interactive art | Touchdesigner 教程 | 火焰人互动艺术

jan

May 26, 2023

183

PLATEAU TouchDesigner Pluginの利用方法と導入例（2024年度PLATEAU Hands-on動画）

Mark Tutorial Completed! 2024年度のPLATEAU Hands-onの動画です。 PLATEAU TouchDesigner Pluginを使ってOBJ形式に変換し、利用するための方法を解説します。また応用例として、属性情報をもとに指定した場所を光らせるサンプルや、音に合わせた光のエフェクトをかけて映し出すサンプルについて解説します。 ●アジェンダ 0:00:08 はじめに 0:00:42 PLATEAU TouchDesigner Pluginの起動方法 0:01:53 CityGMLデータのダウンロード方法 0:16:39 TouchDesignerの各オペレーターについて 0:20:32 応用①PLATEAUの属性情報を利用したサンプル 0:25:49 STEP1 属性情報の整理 0:37:42 STEP2 MIDIコンの値取得と調整 0:50:42 STEP3 値をインスタンシングする 0:54:21 STEP4 objデータと合わせる 0:55:39 STEP5 カメラとライト 1:04:56 STEP6 画像処理 1:10:25 応用②音に合わせた光のエフェクトをかけるサンプル 1:10:55 プロジェクトの全体像 1:12:13 PLATEAUの各種データについて 1:15:57 音とキーボードの入力 1:23:26 マテリアルについて 1:31:02 カメラの設定 1:36:15 Post Processの解説 ●概要 […]

国土交通省Project PLATEAU

March 24, 2025

TouchDesigner Vol.063 Intro to POPs ─ 映えるビジュアルづくり with TsumikiRoom

Mark Tutorial Completed! TDSW TouchDesigner Vol.063 Intro to POPs ─ 映えるビジュアルづくり with TsumikiRoom TouchDesigner の新しい仕組み「POPs」を使って、有機的で滑らかなビジュアルを作るワークショップです。前半では基本操作を丁寧に解説し、後半はそれらを応用して“見た目に映えるビジュアル”を完成させる構成です。難しい数式や理論よりも、「どう見せたらかっこいいか」を重視。アートやVJ、映像演出に興味のある方におすすめです。 ※ POPs は2025年7月時点で Experimental Build のみの提供となっています。ワークショップで扱う機能も今後変更される可能性があります。 ■ 内容 1.POPs の基本操作を学ぶ 2.基本を踏まえた簡単なシーンを作る 3.応用ネタの作り方を学ぶ 4.ビジュアルを演出して仕上げる ※内容は変更する可能性があります。 ■ 日時 2025/8/23（土） 15:00-20:00 ※当日ワークショップを YouTubeLive にて配信予定です。配信は無料でご覧いただける予定です。 ■ 場所 X Vision 株式会社東京都中央区東日本橋2-22-1 クロスシー東日本橋ビル1F ■ レベル – 初級。TouchDesigner の基本的な操作ができる方。 ■ チケットについて – Peatix 経由でお申し込みください。 […]

TDSW

August 23, 2025

TouchDesigner/Window COMPを使って二枚目のモニタに映像を映し出す/Show a movie in a second display using Window COMP

Mark Tutorial Completed! TouchDesigner, Version 2020.28110

Akira Shioyoke

February 4, 2021

154

TouchDesigner工作坊：Webcam 與 Azure Kinect 教學 Part1 / 往邁向體感互動設計人的路途前進吧！

Mark Tutorial Completed! 此影片內容為臺藝大實體工作坊2021/4/14(三)「互動光雕投影工作坊」課程節錄，影片為黑碼藝識團隊紀錄剪輯影片，藉此推動TouchDesigner中文化學習數位內容嘗試。 ☆TouchDesigner軟體官方網址：https://derivative.ca/ 運用TouchDesigner編寫程式，以Webcam與Azure Kinect 視訊擷取來創造影像，本階段(Part1)將以Webcam來創造以下視覺效果：1.Pixel sorting像素流沙效果、2.Slit-scan狹縫攝影效果、3.Sketch / Particle粒子素描效果。 -實體工作坊：國立臺灣藝術大學高等教育深耕計畫科技藝術實驗中心多元學習課程開課單位：科技藝術實驗中心課程名稱：互動光雕投影工作坊 Interactive Augmented Mapping Projection Workshop 授課教師：多媒體動畫藝術學系客座副教授李家祥業界教師：詹嘉華、江俊毅、黃國斌課程期間：2021年3月24日至2021年6月9日上課地點：臺灣藝術大學二校區科技藝術實驗劇場

Hey Mechanic

April 15, 2021

301

터치디자이너 _ Touchdesigner 활용하기 6-2

Mark Tutorial Completed! 터치디자이너 _ touchdesigner를 이용한 콘텐츠 만들기 www.lab-oe.com https://www.instagram.com/lab_oe/ #touchdesigner#터치디자이너#mediaart#interactive/

LAB OE

January 19, 2021

203

03:49

터치디자이너ㅣ영상 익스포트_Export MovieㅣTouchDesigner

Mark Tutorial Completed! 이번 영상은 터치디자이너의 비주얼을 영상파일로 익스포팅 하는 방법에 관한 내용입니다. Website: http://crazyradio.xyz Instagram: https://www.instagram.com/crazy.radio.film/ #touchdesigner #터치디자이너 #audiovisual

Crazy Radio

May 11, 2021

125

08:01

Touchdesigner tutorial 音に反応するDMXライトの作り方・制御方法[インタラクティブ]

Mark Tutorial Completed! TouchdesignerとDMXライトを使って、リアルタイムの音（音楽）に反応するプログラムの作り方を紹介します。 ※声にも反応します。内容は少し変わりますが、音に反応する映像の作り方はこちらでも紹介しています。詳しくはチュートリアル動画を確認してください Touchdesigner Interactive art[インタラクティブアート]音に反応する映像 Touchdesigner tutorial[音に反応する映像]デプス TouchDesigner Video that reacts to voice[リアルタイムに反応するサウンドバーの作り方] Touchdesignerで音に反応する作品が作れたら、後はその数値をchopに変換して、RGBで分けて繋いでいきます。最初は数値が低いので、Mathで最大255まで上げてください。もっと細かく音分けた作品をTouchdesignerで作って変換すればもっと面白い作品になると思います。 DMXライトをお持ちの方はぜひチャレンジしてみてください♬ #touchdesigner ———————————————————————- 使用した機材 DMXライト×２ ultoraDMX Micro　USB⇔DMX変換　 MacBookPro ———————————————————————- 0:46 DMXライト接続機器の紹介 0:53 Touchdesigner音に反応する映像の作り方 3:48 DMX Lightへ変換接続 6:15 外部ディスプレイへ接続する方法 ———————————————————————- ぎまパパチャンネル[プロジェクションマッピング/Scratch/TouchDesingnerの使い方/VJ] https://www.youtube.com/channel/UCes28LH1ggowLvNBa_sR5Sw FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa

Guimapapa Channel

September 12, 2022

683

01:21:16

2/2 TouchDesigner Vol.014 Extending TouchDesigner with Asset Tools

TDSW

October 30, 2022

55:13

2/6 TouchDesigner Vol.050&051 Intro to Deep Learning for Graphics Programmer

TDSW

December 12, 2022

Transform Image Pixels in TouchDesigner (터치디자이너 튜토리얼)

Mark Tutorial Completed! Support my work and download tutorial files on Patreon to help me create more content. https://www.patreon.com/SuminKimSpace Instagram: https://www.instagram.com/hamar_tia/ Website: https://suminkim.space/

Sumin kim

September 4, 2024

touchdesigner第九讲教程constant和python的简单应用范围检测控制哔哩哔哩 bilibili

Mark Tutorial Completed!

lidar vietart

April 2, 2025

터치디자이너 튜토리얼 – 레이아웃 및 네비게이션 | TouchDesigner Tutorial Navigation

Mark Tutorial Completed! 안녀하세요, 카로 입니다. 이번 영상에서는 터치디자이너 처음 쓰신 분들위해 터치디자이너의 레이아웃 및 네비게이션 설명합니다. 궁금한 점 뎃글에 남겨주세요! 구독과 좋아요 잊지마세요~ Chapters: 0:00 Intro 0:10 레이아웃 0:40 오퍼레이터 1:30 네비게이션 1:58 OP Create Dialog 2:21 /root 레이어 3:10 퍼포먼스 모드 3:41 Local Base 3:54 실시간 4:47 FPS 4:53 Timeline 5:30 Outro http://carolinereize.com […]

Caroline Reize

August 22, 2020

168

TouchDesigner[RealSense D435 Camera]Particle collision

Mark Tutorial Completed! RealSense D435 CameraをつかってParticleと当たり判定[collision detection]をとっていきます。いろいろなインタラクティブの表現に使えるので便利です。 RealSenseデプスカメラは低価格・コンパクトでちゃんとデプスをとってくれるのでオススメです。僕はRealSense D435を使ってます。 ※現在の所、WindowsのTouchDesignerにのみ対応です。 ※後、USB3.0です。間違ってUSB2.0では動きません→実際に間違えて焦った😁 #TouchDesigner #RealSenseCamera ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa

Guimapapa Channel

October 5, 2020

697

터치디자이너_Touchdesigner 활용하기 3-2

Mark Tutorial Completed! 터치디자이너 _ touchdesigner를 이용한 콘텐츠 만들기 www.lab-oe.com https://www.instagram.com/lab_oe/ #touchdesigner#터치디자이너#mediaart#interactive

LAB OE

December 22, 2020

19:44

TouchDesigner tutorial[Interactive art]インタラクティブアート

Mark Tutorial Completed! TouchDesignerとカメラを使ってインタラクティブアートを作っていきます。カメラはRealsenseCameraなどのデプスカメラでも普通のPCカメラでもどちらでも大丈夫です。 TouchdesignerのSpring SOPを使ってバネのように動くプログラムになります。一見むずしそうにも見えますが、Group SOP/Spring SOP以外は今までのチュートリアルの復習になるので大丈夫です!! やってみましょ〜! ※Touchdesignerが重い(フレームがない)場合はCopyしたSphereSopのPrimitive TypeをMesh→Polygonに変えてください!説明忘れてました🙏 参考にしたTouchdesigner tutorial ————————— ●TouchDesigner tutorial[Interactive art]インタラクティブアートの作り方 0:43 TouchDesignerを開きLineSOP最初のポイントを作成 1:37 Copy SOPで横に並べてインタラクティブの土台を作る 2:43 Group SOPでポイントの固定 5:36 Spring SOPでバネの様に反応できるプログラムを作る 6:37 カメラを設置動きを取れるように調整する 8:08 Traceしてカメラの動きをSOPに変換 8:57 Copyで動きにSphereをつける 9:39 Metaballを繋ぎSpring Collsionに反応するようにする 11:52 Line Thick Sopを繋ぎ太さを調整 15:08 TOPに変換色味などを調整しインタラクティブアートの完成 #Touchdesigner #InteractiveArt #インタラクティブアートぎまパパチャンネルHP[プロジェクションマッピング/Scratch/TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter […]

Guimapapa Channel

June 21, 2021

425

2/3 TouchDesigner Vol.025 Face-Tracking Effects Creation with External Python Libraries

TDSW

October 30, 2022

51:24

1/3 TouchDesigner Vol.042 Twisted Torus in SOPs

TDSW

November 7, 2022

01:08:21

1/3 TouchDesigner Vol.057 komakinex’s VJing Class

TDSW

December 12, 2022

【多媒體展演實務】12/06 Touchdesigner input and output-1

Mark Tutorial Completed!

jan

December 6, 2024

Touchdesigner × Arduino tutorial LEDをスイッチで光らせる[簡単接続][初心者]

Mark Tutorial Completed! Touchdesigner × Arduino tutorial LEDをスイッチで光らせる[簡単接続][初心者] TouchdesignerとArduinoの簡単接続[連携]の方法をご紹介します。 ※僕自身Arduinoは初心者です。詳しくは他のHPでご確認ください今回はArduinoに取り付けたスイッチを押すとLEDが光るようにします。 Arduino単体で光らせる方法とTouchdesigner経由で光らせる方法と両方です。 00:05　まずはArduino単体でLEDを光らせてみる　Arduinoつなぎ方 00:57　PCでLEDを光らせるプログラムを書く　ArduinoIDE 02:15　Arduinoにスイッチを追加　LEDを光らせる　Arduinoつなぎ方 03:34　PCでスイッチのプログラムを書く　ArduinoIDE 04:37　TouchdesignerとArduinoの連動方法　ArduinoIDE 04:45　TouchdesignerでArduinoを操作する方法　 06:40　Touchdesignerのエラー回避方法 Arduinoはたくさんのセンサーを繋げ制御する事が可能です。僕もまだまだ勉強中ですが面白いのが作れそうな予感！！ #Arduino #Touchdesigner ——————————– ぎまパパチャンネル[プロジェクションマッピング/Scratch/TouchDesingnerの使い方/VJ] https://www.youtube.com/channel/UCes28LH1ggowLvNBa_sR5Sw STORY WORKS HP ホーム FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa Instagram https://www.instagram.com/hiroshige.gima/

jan

May 20, 2025

TouchDesigner Video that reacts to voice[リアルタイムに反応するサウンドバーの作り方]

Mark Tutorial Completed! TouchDesignerを使ってリアルタイムの声に反応する映像を作っていきます。今回は周波数を分けて、サウンドバーを作ります。こちらのチュートリアルを参考にさせてもらいました。 ——————– Use Touch Designer to create images that respond to real-time audio. This time, we will divide the frequency to make a sound bar. #Touchdesigner #InteractiveArt ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa

Guimapapa Channel

April 8, 2021

207

TouchDesigner工作坊：衍生藝術(Generative art)與音像藝術(Audio-Visual)效果教學 Part1 / 往邁向電腦運算產生的路途前進吧！

Mark Tutorial Completed! 此影片內容為臺藝大實體工作坊2021/4/7(三)「互動光雕投影工作坊」課程節錄，影片為黑碼藝識團隊紀錄剪輯影片，藉此推動TouchDesigner中文化學習數位內容嘗試。 ☆TouchDesigner軟體官方網址：https://derivative.ca/ 在此教學中，藉由Touchdesigner中的實例化(Instancing)來進行3D演算，將生成器3D模型(emiter)透過數值轉換(Sop→Chop)的方式來使GPU可以存取生成器的節點(vertices)數據，再透過亂數(noise)將坐標距離產生隨機改變，最後將要複製的物件利用實例化的方法存取GPU轉換的三維數值，再形成大量物件的運算，此方法將能夠使用GPU來優化電腦圖形運算能力。影片將透過實例化(Instancing)來製作近似於生成式演算(Generative Art)及粒子效果(particle System)的視覺圖形。 – -實體工作坊：國立臺灣藝術大學高等教育深耕計畫科技藝術實驗中心多元學習課程開課單位：科技藝術實驗中心課程名稱：互動光雕投影工作坊 Interactive Augmented Mapping Projection Workshop 授課教師：多媒體動畫藝術學系客座副教授李家祥業界教師：詹嘉華、江俊毅、黃國斌課程期間：2021年3月24日至2021年6月9日上課地點：臺灣藝術大學二校區科技藝術實驗劇場

Hey Mechanic

April 8, 2021

510

15:15

터치디자이너ㅣ사운드에 반응하는 Particles 1/2 l TouchDesigner

Mark Tutorial Completed! Audioreactive Particles in TouchDesigner Part 1에서는 Particles GPU를 활용한 파티클 생성와 관한 내용입니다. 사운드 예제 파일: http://shorturl.at/hmFV3 —— 00:00 개요 01:42 Particles GPU 11:58 색 입히기 / Lookup 13:14 Blur 적용 —— Website: http://crazyradio.xyz Instagram: https://www.instagram.com/crazy.radio.film/ Inspired by : https://youtu.be/M8X_FFB-ikQ #touchdesigner #터치디자이너 #audiovisual

Crazy Radio

April 24, 2021

217

01:54:49

テクニカルディレクター的TouchDesignerベーシックス

Mark Tutorial Completed!

techmotif

February 18, 2022

102

37:54

2/2 TouchDesigner Vol.030 Interactive Particles with Kaoru

TDSW

October 30, 2022

262

25:56

1/3 TouchDesigner Vol.046 Collage media & ideas to bloom your originality

TDSW

December 12, 2022

04:12

TouchDesigner에서 Customize Component 사용하기

Mark Tutorial Completed! #TouchDesigner

possiblanet

June 4, 2023

Touchdesigner：課程說明＆單元5-1文字數位圖像生成

Mark Tutorial Completed! 單元學習目標： 1.文字基本格式設定 2.文字數位動態 3. 動態影像切換（鍵盤） 4 整合運用圖像與文字動態 5. 動態海報聲音與影片錄製單元學習內容： 1.文字基礎設定 2.文字動態 3.圖文動態綜合練習：文字動態海報

jan

March 26, 2025

TouchDesigner：MediaPipe Hands

Mark Tutorial Completed! 動画内のGitHubのリンクはこちらです https://github.com/torinmb/mediapipe-touchdesigner/releases/tag/v0.3.3

jan

November 18, 2025

Introduction + Mandalay – Motoi Shimizu | BACKSPACE Behind The Scenes 2019

Introduction + Laser & Visual Integration – Motoi Shimizu | BACKSPACE Behind The Scenes 2019

Mark Tutorial Completed! 0:00 Introduction 5:30 Mandalay – Laser + Visual Integration 101 清水基（BACKSPACE Productions Inc.）映像とレーザーを同期させる自作のシステムを Mandalay と呼んでいます。 Mandalay使用事例や制作方法、経緯やコンセプト、及び他者とのコラボレーションについて紹介します。また、自室での小さなテストからアリーナクラスの大きな会場までスケールさせた道のりを、実際に使用したソースコードやTouchDesignerファイルと併せて解説します。 ## 参加者全員用のメモ https://paper.dropbox.com/doc/20191220-Behind-the-Scenes–AyHpYx3vxSQImB2vPJgYBZq4Ag-m2KcMPB2iFddohTx9i1W4 — ## BACKSPACE Behind The Scenes イベント内容プログラミングの高度なスキルを持ちながら、多様かつ特殊な方面の技術を組み合わせた表現を得意とする BACKSPACE Productions Inc. から清水基・比嘉了の2名が近年取り組んでいるプロジェクトや研究開発の裏側を紹介し、実際に手を動かしながら内容を短時間で体験して頂けるような解説を行います。またSEP, inc. より、ディレクター / CG ディレクター / CG デザイナーとしての活動を通しTVCM・TVドラマのタイトルバックデザイン、企業CIなどのあらゆる映像を手掛ける笠原裕美子さんをゲストに迎え、映像制作の裏側をレクチャーして頂きます。本イベントは技術的なトピックを扱う為、主にプログラマーの方を対象としています。映像表現の為のツールから制作をするプログラマー目線と、映像業界の最前線で活躍するCGディレクター目線、2つの方向からの話題を通し、同業の方への情報提供及び業界の実力の底上げを目的としています。詳細: https://backspace.tokyo/news/20191206-backspacebehindthescene/ ## 日時 2019-12-20 6pm […]

BACKSPACETOKYO

April 15, 2020

217

TouchDesigner工作坊：Webcam 與 Azure Kinect 教學 Part2 / 往邁向體感互動設計人的路途前進吧！

Mark Tutorial Completed! 此影片內容為臺藝大實體工作坊2021/4/14(三)「互動光雕投影工作坊」課程節錄，影片為黑碼藝識團隊紀錄剪輯影片，藉此推動TouchDesigner中文化學習數位內容嘗試。 ☆TouchDesigner軟體官方網址：https://derivative.ca/ 運用TouchDesigner編寫程式，以Webcam與Azure Kinect 視訊擷取來創造影像，本階段(Part2)將以Azure Kinect來創造以下視覺效果：1.Mask人物遮罩效果、2.Body tracking人體骨架追蹤。 -實體工作坊：國立臺灣藝術大學高等教育深耕計畫科技藝術實驗中心多元學習課程開課單位：科技藝術實驗中心課程名稱：互動光雕投影工作坊 Interactive Augmented Mapping Projection Workshop 授課教師：多媒體動畫藝術學系客座副教授李家祥業界教師：詹嘉華、江俊毅、黃國斌課程期間：2021年3月24日至2021年6月9日上課地點：臺灣藝術大學二校區科技藝術實驗劇場

Hey Mechanic

April 16, 2021

251

터치디자이너 _ Touchdesigner 활용하기 6-1

Mark Tutorial Completed! 터치디자이너 _ touchdesigner를 이용한 콘텐츠 만들기 www.lab-oe.com https://www.instagram.com/lab_oe/ #touchdesigner#터치디자이너#mediaart#interactive/

LAB OE

January 19, 2021

168

13:58

TouchDesigner[RealSenseCamera][WEB Camera]Interactive art box

Mark Tutorial Completed! TouchDesignerとCameraを使って、インタラクティブアートを作っていきます。動いた場所にBoxがぐるぐる回るようなインタラクティブアートです。テクスチャはマインクラフトのブロックを使ってみました。好みで好きなテクスチャを使ってくださいデプスカメラでも普通のPCカメラやWEBカメラでも作れます。 #TouchDesigner #InteractiveArt #MotionCapture ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa

Guimapapa Channel

May 11, 2021

385

06:16

Touchdesigner tutorial動きに反応するDMXライトの作り方・制御方法[インタラクティブ]

Mark Tutorial Completed! TouchdesignerとDMXライトとWEBカメラを使って、リアルタイムの映像[インタラクティブアート]にリンクするプログラムの作り方を紹介します。以前の動画で動いたところだけ反応するインタラクティブアートの作り方を紹介しました。 TouchDesigner[Interactive art]動きに反応して変化する映像モーショントラッキングこちらのTouchdesignerのプログラムを使いますので、詳しく知りたい方は確認してください。 WEBカメラとTouchdesignerを使ってインタラクティブな作品が作れたらあとはそれをchopに変換し、DMXライトへと繋いでいきます。動きに反応してDMXライトも光るようになります。真っ暗な場所に赤外線カメラを置いて、人が歩いたらDMXライトを反応させる演出ができます。 Touchdesignerを使ってカメラ[動き]ではなく、音にライトを反応させる方法はこちらです Touchdesigner チュートリアル DMXライトを音に反応させる方法 [インタラクティブ] #touchdesigner #interactiveart #DMXライト ———————————————————————- 使用した機材 DMXライト×２ ultoraDMX Micro　USB⇔DMX変換　 MacBookPro ———————————————————————- 0:31 使用する機材の紹介 0:40 Touchdesignerでインタラクティブアートの作り方 3:55 DMXライトの接続 ———————————————————————- ぎまパパチャンネル[プロジェクションマッピング/Scratch/TouchDesingnerの使い方/VJ] https://www.youtube.com/channel/UCes28LH1ggowLvNBa_sR5Sw FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa

Guimapapa Channel

September 20, 2022

235

59:32

1/3 TouchDesigner Vol.038 Real-time animations with Tsumikiroom

TDSW

October 30, 2022

130

50:53

3/6 TouchDesigner Vol.050&051 Intro to Deep Learning for Graphics Programmer

TDSW

December 12, 2022

TouchDesigner | Tile Pattern with TOPs

Mark Tutorial Completed! Tile Pattern with TOPs TD Store：td.fifthchat.com 公众号：第五杂谈会

Fifth Chat

September 7, 2024

[ Touchdesigner 基礎教學 ] FBX角色動畫

Mark Tutorial Completed!

Li-Chi Hsiao

April 3, 2025

터치디자이너 튜토리얼 – TD에이블톤(2/2) | TouchDesigner Tutorial TD Ableton

Mark Tutorial Completed! 안녕하세요, 카로 입니다. 이번주 TD에이블톤 통해 주고 받을수 있는 데이터 대한 영상 입니다. 궁금한 점 뎃글에 남겨주세요! 구독과 좋아요 잊지마세요~ TD Ableton: https://docs.derivative.ca/TDAbleton https://docs.derivative.ca/TDAbleton_System_Components Chapters: 0:00 Intro 0:32 Ableton Song Component 3:37 Ableton Track Component 6:10 Outro http://carolinereize.com https://blog.naver.com/swhakim95 https://www.instagram.com/digital.rain/ Music: Jayden Jo https://www.instagram.com/joypark_seoul/

Caroline Reize

August 12, 2020

154

TouchDesigner[ParticleSOP]マウスについてくるパーティクル

TouchDesigner[ParticleSOP][Mouse]マウスについてくるパーティクル

Mark Tutorial Completed! TouchdesignerでParticleをリアルタイムに制御していきます。 ParticleSOPとMouseCHOPを使っていきます。 Particleを上から降らせてマウスに集まってくるように設定します。クリックすると爆破しますよその他にもParticleSOPの機能 [Collision][Force][Surface Attracrors] も簡単に説明しています。 #Touchdesigner ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa

Guimapapa Channel

October 1, 2020

328

터치디자이너_Touchdesigner 활용하기 3-1

Mark Tutorial Completed! 터치디자이너 _ touchdesigner를 이용한 콘텐츠 만들기 www.lab-oe.com https://www.instagram.com/lab_oe/ #touchdesigner#터치디자이너#mediaart#interactive

LAB OE

December 22, 2020

105

31:38

使用TouchDesigner 建立圖庫效果 TD ImagePlayerFX ( 中文字幕 )

Mark Tutorial Completed! 更多TD教學：http://www.live4school.com/shop/touchdesigner TouchDesigner 是一種多媒體互動設計軟體，他能夠與各種外部設備及軟體做連接，所以能做到的事情非常多，在實際運用上非常廣泛，包含各種平面2D及立體3D的模組建構、與影像交互結合出互動的效果、音樂表演或舞台劇上的VJ現場表演做結合，也可以應用在虛擬實境的領域裡，與各式新媒體做互動結合。

Live4School

July 2, 2021

166

49:28

1/3 TouchDesigner Vol.026 Zoom IN / OUT Processing using 2D Images

TDSW

October 30, 2022

46:40

2/3 TouchDesigner Vol.042 Twisted Torus in SOPs

TDSW

November 7, 2022

59:16

2/3 TouchDesigner Vol.057 komakinex’s VJing Class

TDSW

December 12, 2022

TouchDesignerができるようになりたい！ No.1

Mark Tutorial Completed! ぎまパパチャンネルさんの「TouchDesigner[日本語]カメラを使ったインタラクティブアートの作り方」をみながら、TouchDesignerの練習をしてみました。こんなコンテンツがこれだけの操作できるのは、本当にすごいですね。引き続き、TouchDesignerマスターになれるよう修行に励みます！

jan

January 19, 2025

[ Touchdesigner 基礎教學 ] Instancing基本概念與練習

Mark Tutorial Completed! 範例檔案與更多的教學可以到我的Patreon觀看： https://www.patreon.com/SIAOLICHI

SIAO

May 23, 2025

26:46

magical color with glsl part1 – touchdesigner tutorial

Mark Tutorial Completed! This touchdesigner tutorial is about iridescence with own glsl MAT. If you can write glsl, you can extend your range of expression!! IG:https://www.instagram.com/p/CKOgfXLh0UT/ twitter:https://twitter.com/miwata34 詳しい解説はこちら qiita:https://qiita.com/miwa_maroon/items/4d742cd517e9d1f62900 GLSL for beginner glsl school:https://webgl.souhonzan.org/entry/?v=1808 wgld.org:https://wgld.org/d/glsl/g001.html the book of shader:https://thebookofshaders.com/ tdsw:https://www.youtube.com/watch?v=0Bm8CjpdsAY&t=2s write a glsl:https://docs.derivative.ca/Write_a_GLSL_Material

miwa_maroon

April 10, 2021

435

TouchDesigner工作坊：衍生藝術(Generative art)與音像藝術(Audio-Visual)效果教學 Part2 / 往邁向電腦運算產生的路途前進吧！

Mark Tutorial Completed! 此影片內容為臺藝大實體工作坊2021/4/7(三)「互動光雕投影工作坊」課程節錄，影片為黑碼藝識團隊紀錄剪輯影片，藉此推動TouchDesigner中文化學習數位內容嘗試。 ☆TouchDesigner軟體官方網址：https://derivative.ca/ 在此教學中，運用聲音音頻來控制影像播放參數。 -實體工作坊：國立臺灣藝術大學高等教育深耕計畫科技藝術實驗中心多元學習課程開課單位：科技藝術實驗中心課程名稱：互動光雕投影工作坊 Interactive Augmented Mapping Projection Workshop 授課教師：多媒體動畫藝術學系客座副教授李家祥業界教師：詹嘉華、江俊毅、黃國斌課程期間：2021年3月24日至2021年6月9日上課地點：臺灣藝術大學二校區科技藝術實驗劇場

Hey Mechanic

April 8, 2021

177

17:50

터치디자이너ㅣ사운드에 반응하는 Particles 2/2ㅣTouchDesigner

Mark Tutorial Completed! Audioreactive Particles in TouchDesigner Part 2 에서는 파티클 비주얼이 사운드에 반응하는 시스템 구축에 관한 내용입니다. 사운드 예제 파일: http://shorturl.at/hmFV3 —— 00:00 사운드 분석 03:26 사운드 채널 분리 05:26 반응하는 Particles, Blur 11:44 배경 만들기 16:58 최종 결과 —— Website: http://crazyradio.xyz Instagram: https://www.instagram.com/crazy.radio.film/ Inspired by : https://youtu.be/M8X_FFB-ikQ #touchdesigner #터치디자이너 #audiovisual

Crazy Radio

April 24, 2021

230

35:57

Touchdesigner教程-火焰与雾气

Mark Tutorial Completed!

PATL

April 1, 2022

111

43:06

1/3 Unreal Engine Vol.001 Building UE4 Scenes to work with TouchDesigner

TDSW

October 30, 2022

147

2/3 TouchDesigner Vol.046 Collage media & ideas to bloom your originality

TDSW

December 12, 2022

40:34

터치디자이너ㅣFlying Flowers 1/2 with Particle Instancing ㅣTouchDesigner

Mark Tutorial Completed! 파티클 시스템과 인스턴싱을 활용해 꽃잎이 흩날리는 애니메이션을 연출해 보는 튜토리얼입니다. In this TouchDesigner tutorial, I use particle instance to animate flying flowers. Example files: https://drive.google.com/file/d/1Gf8jcrx3Vayy6zzO9mlajOCux_xHPMTh/view?usp=drive_link —— Website: http://crazyradio.xyz Instagram: https://www.instagram.com/crazy.radio… #touchdesigner #터치디자이너 #particles

Crazy Radio

June 13, 2023

212

Touchdesigner：單元7-13D基礎動態

Mark Tutorial Completed!

jan

March 26, 2025

TouchDesigner POP 一起學節點 | Base Shape (Point,Line,Plane,Rectangle,Circle,Grid, Box,Sphere,Torus)

Mark Tutorial Completed! 這支影片深入探討 TouchDesigner POP (Point Operators) 系統中的基礎圖形與線段功能。我們將從最基本的 Point 與 Line 開始，詳細測試並解析各種曲線演算法（Cardinal, Bezier, B-Spline）的差異與應用場景。此外，也會帶大家瀏覽新版幾何節點（如 Rectangle, Box, Sphere, Grid）的強大更新，包括內建導角（Bevel）、三維 Grid 陣列、以及更直觀的幾何限制與變形功能。無論是想要製作有機線條動畫，或是更有效率地建立參數化幾何，這集內容都能幫助你快速上手 POP 的基礎邏輯。

Jay Wu

December 5, 2025

The Next Level Shading in TouchDesigner – Satoru Higa | BACKSPACE Behind The Scenes 2019

Mark Tutorial Completed! 比嘉了（BACKSPACE Productions Inc.）リアルタイムレンダリング映像表現における「質感」にフォーカスし、TouchDesginerをプラットフォームに次のレベルの質感に挑んだ道のりを紹介します。 ## Document http://satoruhiga.com/post/next-level-shading-in-td/ — ## BACKSPACE Behind The Scenes イベント内容プログラミングの高度なスキルを持ちながら、多様かつ特殊な方面の技術を組み合わせた表現を得意とする BACKSPACE Productions Inc. から清水基・比嘉了の2名が近年取り組んでいるプロジェクトや研究開発の裏側を紹介し、実際に手を動かしながら内容を短時間で体験して頂けるような解説を行います。またSEP, inc. より、ディレクター / CG ディレクター / CG デザイナーとしての活動を通しTVCM・TVドラマのタイトルバックデザイン、企業CIなどのあらゆる映像を手掛ける笠原裕美子さんをゲストに迎え、映像制作の裏側をレクチャーして頂きます。本イベントは技術的なトピックを扱う為、主にプログラマーの方を対象としています。映像表現の為のツールから制作をするプログラマー目線と、映像業界の最前線で活躍するCGディレクター目線、2つの方向からの話題を通し、同業の方への情報提供及び業界の実力の底上げを目的としています。詳細: https://backspace.tokyo/news/20191206-backspacebehindthescene/ ## 日時 2019-12-20 6pm – 10pm 参加費無料 ## 場所〒106-0032 東京都港区六本木3-16-35 イースト六本木ビルスペースシャワーTV B1Fスタジオ https://goo.gl/maps/HTmYtXF5aizBLuNA7

BACKSPACETOKYO

April 11, 2020

138

japanese282 Videos

Report This