Hope you like it! If you have any questions feel free to ask. Or follow me on: IG: https://www.instagram.com/luchen_xi/ 【Gem Seed】Touchdesigner Course (Chinese Version) https://www.bilibili.com/cheese/play/ss9558 https://www.bilibili.com/cheese/play/ss35676 English version coming soon on Udemy!

Here is my tutorial of how to use a webcam to control the video and audio play with touch designer. Good choice for low budget interactive installations.

In this TouchDesigner tutorial, you learn how to create an interactive projection, where an eye follows people passing by. I use a webcam and the bodytrackCHOP to track persons, but you can also use a Kinect or other data like mouse cursor position, noise or any other object. With free AI image generation tools like […]

bileam tschepe (elekktronaut)의 Light Replication – TouchDesigner Tutorial 44(링크: https://www.youtube.com/watch?v=os5jV5FpwOw)를 바탕으로 학습하는 중 Render OP가 작동하는 방식에 대해 이해할 수 있었어서 이를 남깁니다.

In this tutorial we create a mobile interactive system using a phone (iPhone or Android), OBS Studio and Mediapipe. This pipeline is free, robust and scalable, helping you develop and prototype interactive visualizatiosn on the go, even when you dont have all your gear! Links: Fluid Simulation: patreon.com/posts/premium-patreon-80586341 Mediapipe: https://github.com/torinmb/mediapipe-touchdesigner/releases/tag/v0.3.3 OBS: https://obsproject.com/ OBS Iphone Cam […]

In this TouchDesigner tutorial, I go over how to recreate my 3D dot-grid effecting using a depth camera in #touchdesigner with grid instancing. Enjoy. If you have any questions, comment below. More videos on Grid Instancing in TouchDesigner TW/X: motus_art IG: motus_art

Hey! In this tutorial, we’ll go over my new body-tracking plugin for TouchDesigner. It runs off the webcam and works on both Mac and PC without any setup. In this video I’ll show you an overview of the component and how to start using it in your TouchDesigner Projects. I’ve refined this plugin based on […]

In this project, we build a geospatial data pipeline to power a real-time visualization built in TouchDesigner. We will look at a number of applications and effects, visualization with instancing and render picking, and integrate various data sources along the way. Part 2 outlines a super-lightweight rendering setup for point clouds! Project files: www.patreon.com/water__shed 00:00 […]

Touchdesignerを使ってカメラに反応するインタラクティブな作品の作り方を紹介します。 今回使用した画像はオリジナルの絵本「はぐるま島ココロのひみつ」のキャラクターです。 絵本はこちらで無料で読めますのでぜひ♬ はぐるま島HP 絵本無料公開中！ https://hagurumaisland.com はぐるま島ココロのひみつ kindle https://amzn.asia/d/4CGd5Fq キャラクターの画像は販売しています。購入後自由にお使いください♬ Haguruma Island NFT OpenSea https://opensea.io/ja/collection/hagurumaisland ハートが爆発する映像はこちらから無料でダウンロードできます。 Explosion of Heat[動画合成素材] ——————————————————————————- WEBカメラを使って動き[モーション]を撮りますが、僕のPCにはWEBカメラがついてないので、NDIを使ってiPhoneから映像は取り込んでいます。 NDIとTouchdesignerの使い方はこちらの動画を参照してください。 Touchdesigner[NDI][ライブ配信]複数のカメラを切り替えてライブ配信する方法 キャッシュでモーションキャプチャできたらキャラクターをランダムに動かします。 そしてキャラクターとモーションが重なった部分をトレースで認識させて、映像再生のボタンにします。 パーティクルを使っていないので、前回までのTouchDesigner tutorialより動作は軽いと思います。 僕もまだわからない部分が多いので、もっといい方法あれば教えてください～♬ ——————————————————————————- TouchDesigner tutorial Interactive with camera 00:20 Interactive作品の紹介 01:11 NDIで接続　モーションをとる方法 10:07 キャラクターをランダム配置 17:22 キャラクターとモーションの当たり判定 23:15 ハートの映像を流す方法 24:45 効果音の再生 ——————————————————————————- ぎまパパチャンネル[プロジェクションマッピング/Scratch/TouchDesingnerの使い方/VJ] https://www.youtube.com/channel/UCes28LH1ggowLvNBa_sR5Sw FaceBook https://www.facebook.com/hiroshige.gima Twitter Tweets by gimapapa […]

Running TinyYOLO object detection model on the Oak-D camera. How to send detection data and video frames to TouchDesigner using Python-OSC and NDI-Python, in order to process it further and use it in a creative audiovisual workflow. The document used in the video with steps written out can be found here: https://drive.google.com/file/d/1bbrbPa7St60KCn2_Tt3zxJZCpASS6V7n/view?usp=share_link And the “tiny_yolo_edit02.py” […]

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 Animating camera paths can be a tricky process! Creating keyframes can often take a long time and be hard to dynamically edit. One of the great […]

First steps in setting up and using an Oak-D AI-powered camera by Luxonis. This series will explore how to use various AI models running on the Oak-D hardware, then send video frames and data to TouchDesigner for further processing in a creative audiovisual workflow. The document used in the video with steps written out can […]

How to combine example code from the ndi-python library and DepthAI examples to send depth and RGB video streams from the Oak-D camera to TouchDesigner. This series will explore how to use various AI models running on the Oak-D hardware, then send video frames and data to TouchDesigner for further processing in a creative audiovisual […]

00:00 – Intro 00:24 – Implement zooming 02:58 – S-curve + lookup for fine control 05:13 – Scaling lines (without correction) 06:51 – Scaling lines with correction 08:22 – Showing zoom level 12:43 – Responsive line width

00:00 – Intro 00:25 – Explain desired functionality 01:09 – Built in relative UV not usable 05:36 – Creating custom relative UV 11:59 – Some troubleshooting 13:05 – Panning fixed and functional 13:43 – Intuitive design using Touchdesigners viewers 🙂 15:47 – Next episode : ZOOMING

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 The Zed 2i camera is a great device! In our previous video, we did our initial first impressions of what the device can do and how […]

Following Elekktronaut’s Infinite Moving Bridge Tutorial, i generalized it to create a module for Z axis infinite movement for any 3D asset.

This video auto player will help you when you have an video exhibition! 00:00 Intro 00:49 Here is the plan 01:42 Video Device to get difference 04:28 Cutoff value 06:35 Video switch 08:54 Start from beginning 11:27 Autoplayer tools 12:25 Outro You can download a project file in below link now. https://www.patreon.com/notothetalkingball 위 링크에서 프로젝트 […]

В этом видосе мы сделаем эффект блюра (Blur) на камере в реальном времени через тачдизайнер (Touchdesigner), а так же создадим трекинг маски для того чтобы делать из спикеров инкогнито – чтобы их не узнали в эфире 🙂 Звук вы можете исказить любыми VST3 плагинами в vMix. Спонсоры канала в ютубе могут скачать проект из вкладки […]

One potential solution for the need to mix USB cameras and other video sources.

此影片內容為臺藝大實體工作坊2021/5/5(三)「互動光雕投影工作坊 」課程節錄，影片為黑碼藝識團隊紀錄剪輯影片，藉此推動TouchDesigner中文化學習數位內容嘗試。 0:00 INTRO 0:10 成果展示 0:19 開始製作 09:53 Palette/probe 效能耗損小工具 12:28 數值製作 46:33 Leap Motion 手部感測器 47:22 MindWave Mobile 2(EEG) 腦波感測器 47:37 HOKUYO 雷射測距感測器 -實體工作坊： 國立臺灣藝術大學高等教育深耕計畫 科技藝術實驗中心 多元學習課程 開課單位：科技藝術實驗中心 課程名稱：互動光雕投影工作坊 Interactive Augmented Mapping Projection Workshop 授課教師：多媒體動畫藝術學系 客座副教授 李家祥 業界教師：詹嘉華、江俊毅、黃國斌 課程期間：2021年3月24日至2021年6月9日 上課地點：臺灣藝術大學二校區 科技藝術實驗劇場 #TouchDesigner #webcam #MotionCapture

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

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

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

Found a little trick on the internet and I thought it would be worth making a little tutorial for those who didn’t know how to do this. Noto The Talking Ball tutorial (main network I’m working on): https://youtu.be/jf718jbSoTU Elekktronaut/Bileam patreon where you’ll find the Discord community: https://www.patreon.com/elekktronaut Tiwonku who helped me in the count/limit CHOP […]

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

Broken mirror and distorted lenses effect with camera displacement trick. Made in TouchDesigner with basic level GLSL code, so no previous GLSL knowledge is required. Project file (including Voronoi tiles) available for patrons – https://www.patreon.com/posts/45115567 Contents: 00:00 – Explanation of the idea behind effect 03:25 – Making effect for standard TD rendering setup (polygonal geometry) […]

Simple setup that you can use to detect motion with a web-camera in touchdesigner. Hope you’ll find this tutorial useful. I’ll be glad to answer any questions that you have. #touchdesigner #tutorial #movementdetection

Exploración, aprendiendo a utilizar el software touchdesigner, con experimentación, en base a nociones basicas de este. Experimento: Crear un material que reaccione a un detector de movimiento, para 4 zonas puntuales del encuadre de la cámara. Aprendizaje esperado

EXperimentación touchdesigner

This tutorial will show you how to achieve interestingly looking renders with a use of color buffers tool in TouchDesigner. This is second part of two, where I’m showing how to manually define buffer outputs in GLSL MATs, that opens much more possibilities, than using Phong MAT as in part 1. Three “green” containers from […]

Dans cette vidéo, nous allons voir comment suivre un mouvement simplement avec une webcam, donc sans Kinect ou caméra RealSense. Cela a l’avantage de ne nécessiter qu’une webcam et demande peu de ressources à votre ordinateur. Si vous êtes intéressés par les bases de TouchDesigner, vous pouvez voir mon cours ici (EN) https://skl.sh/2Rwusnw Le reste […]

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 […]

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

Did you know there is an arcBall Camera component in your tool palette? Here’s a quick setup to get it up and running and improving your workflow. Thank you to everyone who came to the channel and subscribed. If you have not already done so, it will be a great motivation to continue working on […]

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

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

TouchDesigner講座です。（2020.5.2） インスタンシングというオブジェクトをたくさんコピーする方法と、簡単なカメラワークを使って、ボックスにボックスが詰まってるような映像を作ります。 ▼ 初級講座再生リスト https://www.youtube.com/playlist?list… ▼ 喋ってる人 narumin Twitter: https://twitter.com/narumin256 ▼この動画でわかること -　Instancing (Geometry Instance) -　Camera COMPを使った簡単なカメラワーク ▼ 初級講座再生リスト https://www.youtube.com/playlist?list… ▼ Design Direction 350 Twitter: https://twitter.com/chicken350px オープニング、エンディング、サムネイルを作ってくれました。 天才すぎ！ ▼ TDSWって何 TDSW(Tokyo Developer’s Study Weekend)は、クリエイター向けに主にTouchDesignerをメインとしたワークショップやイベントを主催しているプロジェクトです。 様々な業界で活躍されている方を講師に招いて旬の技術をお届けしています。 ▼ ワークショップの情報はこちらから https://tdsw.peatix.com/

In this tutorial Stefan Kraus going to demonstrate how to use NewTeks NDI with TouchDesigner and stream live output to Facebook. Furthermore Stefan explains in depth how he built a video schwitcher in TouchDesigner that is suitable to switch up to 16 individual video sources.

This video demonstrated the use of the Leap Motion controller, the visualizer and the preparation to use it in TouchDesigner.

This exercise uses the Leap Motion to control the source position of the particles system to achieve the effect of what Elsa did in ‘Let it Go’. The particles system is the GPU version from the Palette Browser.

This exercise uses the Leap Motion device to control the rotation of an external 3D model in TouchDesigner. The model is obtained from the Free3D.com.

This simple exercise uses the Leap Motion controller to interact with a 2D display in TouchDesigner. It tracks one finger to move along a circular shape on screen.

In this TouchDesigner tutorial, we’ll use the animation COMP to create camera movements on a sphere and grid with a height map. Patreon: https://www.patreon.com/elekktronaut Beat detection: https://youtu.be/gUELH_B2wsE Tips, Tricks and FAQs Playlist: https://www.youtube.com/playlist?list=PLFrhecWXVn5-kUOY8X0MO_0NcOFDjceLh Special thanks to: AhnthinkgooD, Eric Anderson, Jules Guerin, Nikolai Reinke, Rob and Xenia Format If you have any questions, feel free to […]

The exercise uses the Blob Track object in TouchDesigner to track movement in front of the camera.

Detecting movement in TouchDesigner by comparing two images with the use of Cache and Cache Select.

This exercise explored the use of the MotionSense object in TouchDesigner to display two different pieces of text according to the motion detected in front of the webcam.

An exercise to demonstrate the idea of virtual touch using the MotionSense object in TouchDesigner.

This beginner level TouchDesigner tutorial uses 1D looping noise for the purpose of creating infinite tunnel zooms that start and stop in the same spot (okay, technically not infinite, but it does feel like it goes on forever!) We will also look at a technique for getting smooth camera motion and more generally explore methods […]

Overview of TOPs camSchnappr Workflow KantanMapper Workflow

A TouchDesigner Workshop for Beginners on the topic of Projection Mapping. Part 1 of 3 Intro to the Interface Rendering Setup Lights and Shadow Stoner

First half of day 3 focused on Custom Parameters, Python, Python Extensions, Projectionmapping Tools as well as Kinect / Camera Calibration

TouchDesigner Workshop on December 15th 2018 covering techniques for playback on lasers with Daniel Dalfovo

In this tutorial, I made projection that draw Christmas illustration of a tree and messages. You can use lookup CHOPs as something like a sequencer. 今回はクリスマスツリーとメッセージを描くプロジェクション映像を作りました。 lookupOPを使ってシーケンサーのようにする事ができます。 ※Sorry, actually I made one operational mistake here. I added the parameter N in the movieFileOut OP. But it has no effect with your original movie name. It […]

TouchDesignerのButton COMPを使って複数のCameraをスイッチングするサンプルです。 ↓こちらのQiitaの記事の動画です。 https://qiita.com/atsonic/items/8aeb32c4933b9f05673b

Making a motion Interactive work with a projector & a camera. You can download “.toe” data here. 本日のファイルはこちらからダウンロードできます。 https://drive.google.com/open?id=1sggN34zCz6axWuV6VHj10VcpiiGrVumq You can also download Motion sensor here (also in 24th tutorial). また、動画の中で使っているモーションセンサのファイルはこちらからもダウンロードできます。 https://drive.google.com/open?id=12LVe2p03zFyeUjQeQDhuqZI7Tmv-UFNE We can make interactive projection mapping works using motion sensor. This time I made motion sensor without IR cameras, only with an ordinary […]

Portfolio

Video tutorial on working web camera in TouchDesigner part