Beginner2258 Videos

TouchDesigner: Introduction to Interactive Design

Class Description: Introduction to Interactive Design is a beginner-friendly course for those new to TouchDesigner. In this course, we will explore TouchDesigner’s capabilities and how it can be used for creative projects. We will start by learning the different inputs – including images, videos, 3D scans, geometric shapes, audio files, remote controls, keyboards, and webcams. […]

Touchdesigner: Inverted Hull Method

Here is how I figure out how to do Inverted Hull in TD

TouchDesigner: My First Component

Powered by Restream https://restream.io/ Designing my first component in TouchDesigner.

TouchDesigner: OpenCV and Blob Tracking (BAD AUDIO)

Powered by Restream https://restream.io/ Creative an Audio Reactive Component in TouchDesigner.

Touchdesigner: primi esperimenti con Kinect 1

Grazie all’ottimo tutorial di Maurizio Orlando, disponibile qui: https://youtu.be/PNr_owSi50o

TouchDesigner: SVG Export and Tobii Eye-Tracking (BAD AUDIO)

Powered by Restream https://restream.io/ Creative an Audio Reactive Component in TouchDesigner.

TouchDesigner: Trippy Rainbow Webcam FX

Powered by Restream https://restream.io/ Creative an Audio Reactive Component in TouchDesigner.

Touchdesigner:單元2-2 基礎操作

單元2:Touch Designer 軟體安裝與基礎操作 單元學習目標: n學會TD軟體帳號註冊 n學會TD軟體安裝 nTD軟體介面介紹與說明 nTD軟體元件新增與連結 n運用TD常用影像效果、合成 n運用TD影像圖片與影片輸出 單元學習內容: 2-1 帳號註冊&軟體安裝 2-2 基礎操作 2-3 基礎操作:圖片影像處理與合成 2-4 基礎操作:影像與影片輸出

Touchdesigner:單元2-3基礎操作圖片影像處理與合成

單元2:Touch Designer 軟體安裝與基礎操作 單元學習目標: n學會TD軟體帳號註冊 n學會TD軟體安裝 nTD軟體介面介紹與說明 nTD軟體元件新增與連結 n運用TD常用影像效果、合成 n運用TD影像圖片與影片輸出 單元學習內容: 2-1 帳號註冊&軟體安裝 2-2 基礎操作 2-3 基礎操作:圖片影像處理與合成 2-4 基礎操作:影像與影片輸出

Touchdesigner:單元2-4基礎操作影像、影片輸出

單元2:Touch Designer 軟體安裝與基礎操作 單元學習目標: n學會TD軟體帳號註冊 n學會TD軟體安裝 nTD軟體介面介紹與說明 nTD軟體元件新增與連結 n運用TD常用影像效果、合成 n運用TD影像圖片與影片輸出 單元學習內容: 2-1 帳號註冊&軟體安裝 2-2 基礎操作 2-3 基礎操作:圖片影像處理與合成 2-4 基礎操作:影像與影片輸出

Touchdesigner:單元3-3影像處理與動態綜合練習

單元學習目標: 1.影像/影片動態規律變形 2.運用參數控制影像/影片動態 3.整合運用圖像與動態 4.練習載入外部色盤 5.文字格式設定 單元學習內容: 3-1動態規律變形 3-2參數化動態 3-3影像處理與動態綜合練習

Touchdesigner:單元4-1Feedback基礎動態

單元學習目標: 1.幾何圖形動態殘影(Feedback)效果 2.影像/影片動態殘影(Feedback)效果 3.整合運用圖像用參數化位移與動態殘影效果 4. 打包所有元件與自訂palette元件 單元學習內容: 4-1Feedback基礎動態 4-2Feedback動態綜合練習 4-3自訂palette元件

Touchdesigner:單元4-2Feedback動態綜合練習

單元學習目標: 1.幾何圖形動態殘影(Feedback)效果 2.影像/影片動態殘影(Feedback)效果 3.整合運用圖像用參數化位移與動態殘影效果 4. 打包所有元件與自訂palette元件 單元學習內容: 4-1Feedback基礎動態 4-2Feedback動態綜合練習 4-3自訂palette元件

Touchdesigner:單元4-3自訂palette元件

單元學習目標: 1.幾何圖形動態殘影(Feedback)效果 2.影像/影片動態殘影(Feedback)效果 3.整合運用圖像用參數化位移與動態殘影效果 4. 打包所有元件與自訂palette元件 單元學習內容: 4-1Feedback基礎動態 4-2Feedback動態綜合練習 4-3自訂palette元件

TouchDesigner’s Data Model – Tutorial

Get access to 120+ hours of TouchDesigner video training, a private Facebook group where Elburz and Matthew Ragan answer all your questions, and twice-monthly group coaching/mastermind calls here: http://iihq.tv/Trial What separates pro TouchDesigner developers and artists from many intermediates is their ability to move data between different families of operators quickly and easily. While the […]

TouchDesigner’s New Installer Quick Guide

Get access to 200+ hours of TouchDesigner video training, a private Facebook group where Elburz Sorkhabi and Matthew Ragan answer all your questions, and twice-monthly group coaching/mastermind calls here: http://iihq.tv/Trial In this week’s video, we go over the features and capabilities of the New TouchDesigner Installer. We’ll discuss the differences between the Web and the […]

TouchDesigner[camera]動きに反応して変化する映像

TouchDesignerとWEBカメラを使って(今回はMac内蔵のカメラ)動きに反応する映像を作っていきます。 一見難しそうにも見えますが、TouchDesignerを使えば意外に簡単! 赤外線カメラを使えば暗い所でも大丈夫です。 今回背景が近いので、映像がわかりにくいですが後ろが広々としていればもっときれいに動きだけ反応してくれます。 プロジェクターで投影しながら動かせば子供達のハートキャッチできますよ♫ ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by OneMovie1 #TouchDesigner

Touchdesigner[iPhoneCamera]複数のカメラでライブ配信する方法

Touchdesignerを使って複数カメラを切り替えライブ配信する方法をUPします。今回はYouTubeのライブ配信を設定しました。 サクッと手軽に始められるようにiPhone iPadのカメラを使います。 ※WEBカメラも合わせて今回は3カメを準備しました。 ライブ配信までの流れはこんな感じです。 iPhone iPadカメラ → NDI HX Camera Touchdesigner → NDI in→3カメ認識→NDI out NDI Virtual Input → OBS →YouTubeライブ配信 ※iPhone iPadは同じWiFi環境にしてください。 これでたくさんのカメラを設定できたら面白そう!! また試してみたいと思います。 ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa #Touchdesigner

TouchDesigner[iPhoneLight]InteractiveArt

TouchDesignerを使ってライトに反応するインタラクティブアートを作っていきます。 ※iPhoneじゃなくていいです。光ればなんでもいけます。 プロジェクターを使って投影しながら行えばなかなか面白い演出になるんじゃないかと思います。 ※できるだけ暗い場所で試してください。 #TouchDesigner #インタラクティブアート #InteractiveArt ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa

TouchDesigner[mouse]パーティクルをマウスで操作

マウスでパーティクルをグルグルとリアルタイムに動かしていきます。 Touchdesignerのプログラム速度なら結構な数のパーティクルをだしても、問題なく動きます(PCにもよると思いますが)素晴らしい!! いろいろなリアルタイムの演出に使えそう。 できあがったら楽しいですよー♫ ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by OneMovie1 #Touchdesigner #mouse

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

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

TouchDesigner[RealSense D435 Camera]Particle collision

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

TouchDesigner[RealsenseCamera][Particle]Interactive art

TouchDesignerを使ってParticleが動きについてくるプログラムを作っていきます。 (With English subtitles Please set on youtube) 動きはデプスカメラのRealsenseCameraを使用します。 RealsenseCameraでデプスをとってトレースしコピーでポイントにオブジェクトを貼り付けます。 その貼り付けたオブジェクトとParticleを同期させていきます。 ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa #Touchdesigner #RealsenseCamera #InteractiveArt

TouchDesigner[RealSenseCamera][Particle]デプスカメラでインタラクティブ

Real Sense Depth Camera[リアルセンスデプスカメラ]D435でインタラクティブアートを作っていきます。 今回使用したRealsenseCamera↓ https://a.r10.to/hysEyF Windows10のTouchDesignerを使って作業しています。 ※Real Sense Depth Camera自体はMacでも動きますが、MacのTouchDesignerでは現在の所動きません(2020/7) ※音が悪いです。すいません🙏 前回の動画で動きに反応する映像を作りました。今回はデプスカメラを使っているので、動きではなく、その範囲に写った人(物)に反応させる映像作りができます。 デプスカメラで認識した(写った)所からパーティクルを発生させていきます。 デプスカメラの中でもコンパクトで非常に使いやすいReal Sense Cameraです。箱から出した時も、え!この大きさでいいの!?っとびっくりしました。 お値段もそれほど高くはないと思うので、一度試してみてください♫ ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa #TouchDesigner

TouchDesigner[RealSenseCamera][WEB Camera]Interactive art box

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

Touchdesigner[SkeletonTracking][Realsense][Nvidia Flex Solver]

TouchdesignerとRealsenseを使ってインタラクティブアートの作成をしていきます。 スケルトントラッキングポイントにboxをコピーして配置し、Nvidia Flex Solverを使って作りました。 Nvidia Flex Solverを使えばトラックポイントに配置したboxの当たり判定や、パーティクルの流れなども簡単に作れます。 次回は[Bullet Solver]を使ってインタラクティブアートを作ってみたいと思います! 前回チュートリアルで作ったトラッキングポイントを使っていきますので、まだの方は先にこちらを見てください。 [SkeletonTracking]Touchdesigner Realsense 使用したRealsenseCamera https://hb.afl.rakuten.co.jp/ichiba/1f951b9b.0a8e2b33.1f951b9c.c1df3d66/?pc=https%3A%2F%2Fitem.rakuten.co.jp%2F3top%2F3-0f0400-000077%2F&link_type=hybrid_url&ut=eyJwYWdlIjoiaXRlbSIsInR5cGUiOiJoeWJyaWRfdXJsIiwic2l6ZSI6IjI0MHgyNDAiLCJuYW0iOjEsIm5hbXAiOiJyaWdodCIsImNvbSI6MSwiY29tcCI6ImRvd24iLCJwcmljZSI6MSwiYm9yIjoxLCJjb2wiOjEsImJidG4iOjEsInByb2QiOjAsImFtcCI6ZmFsc2V9 #Touchdesigner #InteractiveArt #Realsense #SkeletonTracking #NvidiaFlexSolver —————————- 0:25 前回のチュートリアルとの変更(トラッキングポイント) 1:46 2Dに変換 4:29 カメラ位置調整 5:13 Nvidia Flex Solverの設定 —————————- ぎまパパチャンネル[プロジェクションマッピング/Scratch/TouchDesingnerの使い方/VJ] https://www.youtube.com/channel/UCes28LH1ggowLvNBa_sR5Sw FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa

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

Touchdesignerを使ってプロジェクションマッピングしてきます。 kantanmapperという便利なツールがもともと入ってまして、そちらの使い方を説明していきます。 ※Touchdesignerさんありがとうございます!! kantanmapperを使えばすぐにプロジェクションマッピングができるようになります。すごいツール。 せっかくなのでSyphone[サイフォン]を使って別のアプリケーションと連動させる方法もUPしました。 MadMapper[マッドマッパー]を使っています。 ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa #Touchdeigner #MadMapper #projectionmapping

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

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

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

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

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

TouchDesignerでシンプル簡単VJシステム パート3 前回で土台は完成しました。 今回はその土台を左右に振り分けて、スライダーで制御できるようにしていきます。 真ん中にスライダーを追加して映像を切り替えるとVJのように!! まだまだこれだけでは足りないとは思いますが、これを土台にしてエフェクトをボタンで制御したり、映像を組み合わせたりなどいろいろとできると思います。 ※Touchdesignerの動作が重い方は、映像ファイルの形式を.Hapにして試してください。 今回で簡単VJシステムは完成となります。 お疲れ様でした! ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by OneMovie1

TouchDesigner's UI elements

Learn the important elements of TouchDesigner’s UI 🖥️ Watch our full TouchDesigner Beginner Crash Course here: https://www.youtube.com/playlist?list=PLpuCjVEMQha9rjhDET3uuE0T3UeIcROJu

TouchDesignerからArduinoのLチカ

TouchDesignerのButtonをクリックしてArduinoのLチカをします。 ↓こちらのQiitaの記事の動画です。 https://qiita.com/atsonic/items/7c4966a8b8b8e52baf50

TouchDesignerでBezier Easing アニメーション

TouchDesignerのイージングアニメーションです。 ↓こちらのQiitaの記事の動画です。 https://qiita.com/atsonic/items/48f7e21003ac1f71f086

TouchDesignerでGame作り[パート1]

TouchDesignerを使って簡単なゲームを作ってみました。 子供向けにインタラクティブな作品を作っていると、どうしてもほしくなるゲーム要素です😁 玉を撃つや、当たり判定など個人的には普段あまり使って事なかったオペレーターも使う事ができたのでよかったです。 長くなったので4回に分けています。 1回目のゲーム作りは、飛行機をキーボードで操作して、玉を撃つ事ができるようになります。 TouchDesignerでGame作り[パート2] ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa #TouchDesigner

TouchDesignerでGame作り[パート2]

TouchDesignerを使って簡単なゲームを作り パート2 今回はUFO(敵キャラ)を自動的に動かして、玉との当たり判定をとるバリアみたいなもの(Collider)をつけていきます。 TOP(2D)で動かすUFOと、SOP(3D)で動かすCircleとの動きを合わせてください。 TouchDesignerでGame作り[パート1] TouchDesignerでGame作り[パート3] ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa #TouchDesigner

TouchDesignerでGame作り[パート3]

TouchDesignerでゲームを作っていきます(パート3) 前回まででキャラクターの動きと玉を撃つまでは完成しました。 今回は撃った玉とUFOの当たり判定をとっていきます。 Object Chopを使って玉とUFOの距離を測り、三角形の関数を利用して[当たり]と認識させます。 三平方の定理といいます。 一見難しそうに見えるんですが、一度理解すると簡単です。 ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa TouchDesignerでGame作り[パート2] TouchDesignerでGame作り[パート4] #TouchDesigner

TouchDesignerでGame作り[パート4]

TouchDesignerでゲーム作り今回で4回目(ゲーム作りのチュートリアル終了) これまでのチュートリアル3回で全体的な動きと撃った玉が当たる(当たり判定)まで認識させる事ができました。 今回は当たったら-1や音がなるなど細かいところを作っていきます。 ※ロケット側の動きと当たり判定はUFO側と同じようにすればできるので作り方は省きました。 TouchDesignerでGame作り[パート3] ぎまパパチャンネルHP[プロジェクションマッピング・Scratch・TouchDesingnerの使い方] https://oneaction.mobi/gimapapa/ FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa #TouchDesigner

TouchDesignerとBBC micro:bitの連携

TouchDesignerとBBC micro:bitを連携させて3Dモデルを動かします。 ↓こちらのQiitaの記事の動画です。 https://qiita.com/atsonic/items/c7bcd7414dc82731115b

TouchDesigner工作坊-QA:使用 Kinect1來控制3D人物模型 /使用藝術家Ian Shelanskey分享的製作檔案出現問題的解決辦法

☆Rigged Kinect Mesh for TouchDesigner of Ian Shelanskey -https://reurl.cc/MZn00n 此影片內容為臺藝大實體轉線上工作坊2021/5/19(三)「互動光雕投影工作坊 」課程QA問題與解答節錄,影片為黑碼藝識團隊紀錄剪輯影片,藉此推動TouchDesigner中文化學習數位內容嘗試。 -實體工作坊: 國立臺灣藝術大學高等教育深耕計畫 科技藝術實驗中心 多元學習課程 開課單位:科技藝術實驗中心 課程名稱:互動光雕投影工作坊 Interactive Augmented Mapping Projection Workshop 授課教師:多媒體動畫藝術學系 客座副教授 李家祥 業界教師:詹嘉華、江俊毅、黃國斌 課程期間:2021年3月24日至2021年6月9日 上課地點:臺灣藝術大學二校區 科技藝術實驗劇場 #TouchDesigner #Kinect #Mesh

TouchDesigner工作坊-QA:使用Arduino裝上光敏電阻感光,傳資料到軟體內實作技術大解析!

此影片內容為臺藝大實體轉線上工作坊2021/5/26(三)「互動光雕投影工作坊 」課程QA問題與解答節錄,影片為黑碼藝識團隊紀錄剪輯影片,藉此推動TouchDesigner中文化學習數位內容嘗試。 -實體工作坊: 國立臺灣藝術大學高等教育深耕計畫 科技藝術實驗中心 多元學習課程 開課單位:科技藝術實驗中心 課程名稱:互動光雕投影工作坊 Interactive Augmented Mapping Projection Workshop 授課教師:多媒體動畫藝術學系 客座副教授 李家祥 業界教師:詹嘉華、江俊毅、黃國斌 課程期間:2021年3月24日至2021年6月9日 上課地點:臺灣藝術大學二校區 科技藝術實驗劇場 #TouchDesigner #Arduino #photoresistor

TouchDesigner工作坊-QA:疫情襲來的虛擬投影發表方式,創造虛擬投影與虛擬藝廊吧!

此影片內容為臺藝大實體轉線上工作坊2021/5/19(三)「互動光雕投影工作坊 」課程QA問題與解答節錄,因應疫情COVID-19討論線上虛擬展出發表方式教學,影片為黑碼藝識團隊紀錄剪輯影片,藉此推動TouchDesigner中文化學習數位內容嘗試。 -實體工作坊: 國立臺灣藝術大學高等教育深耕計畫 科技藝術實驗中心 多元學習課程 開課單位:科技藝術實驗中心 課程名稱:互動光雕投影工作坊 Interactive Augmented Mapping Projection Workshop 授課教師:多媒體動畫藝術學系 客座副教授 李家祥 業界教師:詹嘉華、江俊毅、黃國斌 課程期間:2021年3月24日至2021年6月9日 上課地點:臺灣藝術大學二校區 科技藝術實驗劇場 #TouchDesigner #Virtual #gallery

TouchDesigner工作坊-QA:電腦畫面串聯至屏幕做畫面輸出 / 使用Spacedesk 讓你輕輕鬆鬆跨螢幕傳輸啦~

此影片內容為臺藝大實體轉線上工作坊2021/6/2(三)「互動光雕投影工作坊 」課程QA問題與解答節錄,因應疫情COVID-19討論線上虛擬展出發表方式教學,影片為黑碼藝識團隊紀錄剪輯影片,藉此推動TouchDesigner中文化學習數位內容嘗試。 -實體工作坊: 國立臺灣藝術大學高等教育深耕計畫 科技藝術實驗中心 多元學習課程 開課單位:科技藝術實驗中心 課程名稱:互動光雕投影工作坊 Interactive Augmented Mapping Projection Workshop 授課教師:多媒體動畫藝術學系 客座副教授 李家祥 業界教師:詹嘉華、江俊毅、黃國斌 課程期間:2021年3月24日至2021年6月9日 上課地點:臺灣藝術大學二校區 科技藝術實驗劇場 #TouchDesigner #Spacedesk #stream

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

此影片內容為臺藝大實體工作坊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日 上課地點:臺灣藝術大學二校區 科技藝術實驗劇場

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

此影片內容為臺藝大實體工作坊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日 上課地點:臺灣藝術大學二校區 科技藝術實驗劇場

TouchDesigner工作坊:基礎控制與按鈕UI教學 / 即時控制影像VJ效果 / 往邁向互動設計人的路途前進吧!

此影片內容為臺藝大實體工作坊2021/3/31(三)「互動光雕投影工作坊 」課程節錄,影片為黑碼藝識團隊紀錄剪輯影片,藉此推動TouchDesigner中文化學習數位內容嘗試。 TouchDesigner軟體官方網址:https://derivative.ca/ 為一門視覺化程式設計語言,它採用圖形化界面建立節點或OP元件並將它們相互連接,進而實現用戶想要的多媒體特效。它可以被用於實現投影、虛擬實境、藝術裝置控制、各類演出等功能。 -實體工作坊: 國立臺灣藝術大學高等教育深耕計畫 科技藝術實驗中心 多元學習課程 開課單位:科技藝術實驗中心 課程名稱:互動光雕投影工作坊 Interactive Augmented Mapping Projection Workshop 授課教師:多媒體動畫藝術學系 客座副教授 李家祥 業界教師:詹嘉華、江俊毅、黃國斌 課程期間:2021年3月24日至2021年6月9日 上課地點:臺灣藝術大學二校區 科技藝術實驗劇場 –

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

此影片內容為臺藝大實體工作坊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日 上課地點:臺灣藝術大學二校區 科技藝術實驗劇場

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

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

Touchdesigner教程 – 基于细胞自动机的流沙模拟

我们写了一篇文章:https://mp.weixin.qq.com/s/CPD9gQIilOgT7EQf9MNd6A

TouchDesigner教程 – 摩尔纹

爱发电链接:https://afdian.net/p/1297d992197b11ef85545254001e7c00

TouchDesigner教程 – 渐变演变

参考视频:https://www.bilibili.com/video/BV1g84y117VY/ 教程不易,请多多支持~ 未经允许禁止转载和应用于商业用途! 效果教程: https://space.bilibili.com/3354009/channel/collectiondetail?sid=219638 实验技术: https://space.bilibili.com/3354009/channel/collectiondetail?sid=219638 粒子互动: https://space.bilibili.com/3354009/channel/collectiondetail?sid=42734 流体互动: https://space.bilibili.com/3354009/channel/collectiondetail?sid=42761 工具类: https://space.bilibili.com/3354009/channel/collectiondetail?sid=42750 目前工程文件概不出售,还请见谅~ 如果有想法和灵感,那就一起来探索吧~

TouchDesigner脱入門講座!とりあえずバナナまわしてみよう

TouchDesigner脱入門チュートリアルです。 10分間で、バナナを回します。 TouchDesignerはじめましての方向けに作りました。 わたしもYouTubeコンテンツ作るのはじめてなのでうまく説明できないとか、思い通りの編集できなくて悔しいです。 この動画を見はじめた方がTouchDesignerを使いこなす頃には、わたしもきっとYouTube編集なんて朝飯前になっていることでしょう。 TDSWはクリエイター向けに主にTouchDesignerをメインとしたワークショップやイベントを主催しているプロジェクトです。 様々な業界で活躍されている方を講師に招いて旬の技術をお届けしています。 YouTubeでTouchDesignerの操作に慣れた方も、慣れてない方も、ぜひオンライン配信ワークショップに遊びに来てくださいね。 ▼ ワークショップの情報はこちらから Tweets by narumin256 https://tdsw.peatix.com/

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

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

TouchOut – Control Your Computer with Touchdesigner

TouchOut allows you to control any application on your computer by simulating clicks from TouchDesigner to any desired app. Project file on my Touchdesigner page: https:// derivative.ca/user/361107/profile

TouchShortLearn00 – How to run data in DAT in TouchDesigner

{TouchShortLearn – How to run data in DAT in TouchDesigner } —- Design, Program, Edit – Wingto Cover made with DALL-E: { machine with more wires, art by Rinko kawauchi, in the style of naturalistic poses, aggresive eyes, soft light, clear water, photography, analog film, super detail, dreamy lofi photography, colorful, volumeteric lighting, shot on […]

Tracking motion without a Kinect – Quick Tips TouchDesigner EN

In this video we will look at how we can track motion simply with a webcam, without a Kinect or a RealSense camera. You only need a webcam and it doesn’t require much resources from your computer. If you are interested in learning TouchDesigner from the basics, check out my class on skillshare https://skl.sh/2Rwusnw You […]

Trails & Frame Delays in TouchDesigner Tutorial

Get access to 70+ hours of TouchDesigner video training, a private Facebook group where Elburz and Matthew Ragan answer all your questions, and twice-monthly group coaching/mastermind calls here: http://iihq.tv/Trial Frame delays and trails are great effects used all over the place in our industry. Whether you’re working with particles, live camera feeds, or pre-recorded content, […]

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

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/

Transforming DALL-E 2 Generated Images Into Sound [MIDI Events] – [TouchDesigner + Ableton Live]

Through the use of OpenAI’s DALL-E 2 API and TouchDesigner, I’ve managed to create a, let’s say, MIDI sequencer that captures RGB data incoming from AI generated images in real-time, and uses it to trigger MIDI events in Ableton Live. Said signals are then feeding, among other things, two wavetables in the first two examples, […]

Transforming Realtime Air Quality and Asteroid Data into MIDI – TouchDesigner + Ableton Live

Through the use of Ambee’s + NASA’s APIs and TouchDesigner, I’ve managed to capture air quality and near-earth space object [asteroids and fireballs] data in real-time, and used it to trigger MIDI signals in Ableton Live. Said signals are feeding two stock samplers and an instance of SketchCassette. Samplers are loaded one with Thom Yorke’s […]

Trigger Audio with Motion Detection – TouchDesigner

Using a motion-detection technique to trigger an audio file in Touch

Trippy White Circle Visuals – TouchDesigner Beginner Tutorial

Please consider supporting me by checking out my patreon! Not only will you be the one that makes this channel possible, you’ll also get today’s awesome project and other files I talk about. Patreon: https://www.patreon.com/danielsteenhoff TouchDesigner download: https://derivative.ca/download Today we’re making these trippy white visuals! We will be using a Feedback Loop, the Displace TOP, […]

Trippy White Squares – TouchDesigner Tutorial (Beginner Friendly!)

Please consider supporting me by checking out my patreon! Not only will you be the one that makes this channel possible, you’ll also get today’s awesome project and other files I talk about. Patreon: https://www.patreon.com/danielsteenhoff TouchDesigner download: https://derivative.ca/download Today we’re exploring a really simple network using the edge TOP, a feedbackloop and we’re going to […]

Truchet Tiles with TouchDesigner

Welcome to my latest TouchDesigner tutorial! In this video, we’ll walk you through an easy and fun technique to create mesmerizing Truchet tiles. Project File: https://drive.google.com/file/d/1m29bZ7jAeUtq1EVsDPrKo-sgYjsqIGyK/view?usp=sharing By the end of this video, you’ll have a beautiful, customizable Truchet tile system that you can use in your own multimedia projects. Whether you’re working on a live […]

Tunnel Twist Tool for Touchdesigner

In this video/teaser we’ll give you an introduction of our recently developed ‘Tunnel Twist’ tool in Touchdesigner. When using the right parameters the effect can give you very interesting effects. For the tutorial: https://youtu.be/oA7jb7VXJk8 Movie credit: Elcondor Films – Le Temps D’un Paris The tool itself is an exclusive release at our Patreon and will […]

Turorial instalación audiovisual generativa con Reacktor-Ableton-Touchdesigner-

https://www.instagram.com/yop3rro/ Creación de una instalación audiovisual generativa en tiempo real- -Integración de Reaktor con Ableton live -Descubriendo secuenciador midi para controlar instrumentos de Reaktor en Ableton y visuales en Touchdesigner -Utilización del componente TDAbleton para comunicar Ableton Live con Touchdesigner -Conversión de datos midi (chops) en imagenes (tops) -Experimentación con la familia de los Tops […]

Tuto : Effet Feedback – TouchDesigner

Il s’agit d’une vidéo explicative sur l’effet feedback et comment le réaliser avec des objets 3D en plus de le faire réagir à un son. N’attendez plus et apprenez dès maintenant les secrets de l’effet feedback dans TouchDesigner ! Vidéo qui m’a permis de faire ce tutoriel : What is feedback? feedback in Touchdesigner (터치디자이너 […]

tuto medias interctif

Tutoriel de particules sur touchdesigner