【TouchDesigner初中級講座】 インスタンシングとカメラワーク #09

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/

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

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

25thプロジェクタ映像にカメラでモーションセンサを付ける[TouchDesigner]

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

27th Projection using sequence(English)[TouchDesigner]

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

3D grid with depth camera in TD | TouchDesigner tutorial

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

Animating Camera Movement – TouchDesigner Tips, Tricks and FAQs 7

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

Audio & Video Control with Webcam| Touch designer Turorial| Touchdesigner

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.

Blur блюр в vMix через TouchDesigner и эффект инкогнито пиксельной маски на лице в реальном времени

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

Camera displacement (TouchDesigner tutorial)

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

Creative shading with render buffers – part 2 (GLSL)

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

Driving Lasers – TouchDesigner 202 Workshop Berlin 15th of December 2018

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

Easy movement detection (Touchdesigner tutorial)

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

Experimentación Touchdesigner, detector de movimiento 4 puntos con camara- Dia 2

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

Generative Camera Paths in TouchDesigner – 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 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 […]

Geospatial Data Visualization with TouchDesigner, Part 2: Point Cloud Rendering

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

Interactive Eye Projection with Webcam or Kinect – TouchDesigner Tutorial 009

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

Leap Motion and particles system 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.

Leap Motion in TouchDesigner with 3D object

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.

Looping Noise Part 2: Infinite Tunnel Zoom (TouchDesigner Tutorial)

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

Ludwigsburg Day3 – Python and Mapping

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

Motion sensing exercise in TouchDesigner 1

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.

Motion sensing exercise with TouchDesigner 2

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

Motion sensing exercise with TouchDesigner 3

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

Motion tracking exercise with TouchDesigner 1

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

MX10 TouchDesigner Tutorial – NDI Switcher

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.

New Body Tracking Plugin for TouchDesigner – No Kinect Needed

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

Oak-D + TouchDesigner Part 1: Getting Started

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

Oak-D + TouchDesigner Part 2: Sending Depth and RGB Frames via NDI

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

Oak-D + TouchDesigner Part 3: Object Detection

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

Preparing to use Leap Motion in TouchDesigner

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

Setting arcBallCamera – Touchdesigner Tutorial

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

Simple Way To Cycle Through Multiple Cameras in TouchDesigner

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

Stream iPhone Camera to TouchDesigner

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

Suivi de mouvement sans Kinect – Astuces TouchDesigner FR

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

TouchDesigner – Render와 Camera, Geometry, Light

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

TouchDesigner Buttonで複数Cameraのスイッチング

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

TouchDesigner Tutorial – Show & Tell: Panning & infinite canvas (Ep 3)

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

TouchDesigner Tutorial – Show & Tell: Zooming (Ep 4)

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

TouchDesigner tutorial Interactive with camera

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

Touchdesigner USB Video Mixer/Controller

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

TouchDesigner Workshop June 2019 at Inter/Access, Part 1 of 3

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

TouchDesigner Workshop June 2019 at Inter/Access, Part 2 of 3

Overview of TOPs camSchnappr Workflow KantanMapper Workflow

TouchDesigner: Trippy Rainbow Webcam FX

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

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[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[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工作坊:Webcam MotionCapture應用 / 往邁向影像分析的路途前進吧!

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

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

Using Leap Motion in TouchDesigner for 2D interaction

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.

Video auto player using camera in Touchdesigner (터치디자이너 튜토리얼 자막)

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 위 링크에서 프로젝트 […]

Video tutorial on working web camera in TouchDesigner part 1

Video tutorial on working web camera in TouchDesigner part

Z axis Infinite Movement – TouchDesigner VJing & Content Creation Workflow Real-time by Lzy Lad

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

Zed 2i 3D Scanning in TouchDesigner – 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 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 […]