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

This is a reference that overviews the connections and usage of pipelines inside the Touchdesigner network. 0:00 – 1:00 – understanding how Touchdesigner ‘compiles’ 1:00 – 2:20 – linking operators inside Touchdesigner 2:20 – 2:48 – Using the parameter window to control what happens 3:00 – 4:00- overview of a practical pipeline 4:00 – 5:00 […]

In this video we look at constructing the main background element to our responsive music visualizer. We look at using 3D shapes to build interactive panels, and then controlling them with various types of data throughout.

In this video we layer a new visual element on top of our background and make use of audio analysis techniques to ‘hear’ when a song has a beat and use that beat to drive different elements of the experience.

This is an overview of the product we are going to develop as we progress through the tutorials. It is a responsive real-time audio machine that listens for ‘beats’ in a song and uses them to deform, warp and change the colour of a main focal shape, while having a unique moving background behind it.

Продолжаем делиться техниками создания генеративной графики в Touchdesigner! В этом уроке вы узнаете: – как сделать красивый генератив через FeedbackTOP; – как сделать кастомные компоненты с удобным управлением в Touchdesigner; – интересный способ постобработки Если вы не знаете как создать движущийся по кругу круг, то скачайте этот файл: https://yadi.sk/d/pUiGrKN7lRCCjQ Подписывайтесь на нас в соц.сетях: инстаграм […]

The Noise CHOP can be used to create random values that relate to each other. Those can then be used to animate the position of a rectangle on the screen. https://www.instagram.com/matthiasmeissen/

Describing various feedback techniques: scanline, basics of an audio/image spectrograph, nested feedback

Introduction to TouchDesigner on December 14th 2018 covering Rendering Techniques with Stefan Kraus (https://www.youtube.com/user/MXZEHN)

Introduction to TouchDesigner on December 14th 2018 covering Techniques for building a simple Audio Synthesizer

TouchDesigner Workshop on December 15th 2018 covering building a MoviePlayer with Python Extensions https://github.com/MXZEHN/TD_WRSHP_12-18/tree/master/202

Introduction to TouchDesigner on December 14th 2018 covering Interface basics, getting help, operator families and general workflow

This tutorial uses what we’ve learned from Derivative’s wiki page to control an RGB LED on the Arduino with Touchdesigner. Link to test script: https://drive.google.com/open?id=1vcf7gjdPGXdHG89Rrk-le9DhCAZs-0ku Link to main arduino script: https://drive.google.com/open?id=1wSe2lJPVW5syZLsLNTYaIDnTNeRBzhNA TD Wiki: https://www.derivative.ca/wiki088/index.php?title=Arduino

This video explains how to setup window COMPs properly and how to do feed mapping for each of your displays. Here’s the example file: https://github.com/Richard-Burns/KeepingInTouch04Windows You can find SimpleMixer here: https://github.com/Richard-Burns/SimpleMixer

Unedited Screen-capture from TouchDesigner Audio – Visualization Workshop at http://electricperfume.com

https://github.com/satoruhiga/TouchDesigner-FrameDelayCalculator

A basic introduction to TouchDesigner’s interface and operators. Example file: http://tinyurl.com/y5y9a6nr MUTEK.jp 2018 Beginner Class Day1 Lecturer: Ben Voigt Link: https://www.derivative.ca Twitter: https://twitter.com/brvoigt Interpreter: Tetsuya Kanakubo Link: http://ted-kanakubo.com/touchdesigner-jp Twitter: https://twitter.com/ted_kanakubo 2:18 – Project Structure 10:05 – Interface introduction 14:45 – Parameters 18:45 – TOPs – Texture Operators for 2D images, movies, and compositing 53:06 – […]

TRIBE запускает серию видеоуроков, рассказывающих интересные приемы в программе TOUCHDESIGNER В первом уроке вы освоите: – 2 способа взаимодействия звука и графики – как сделать в таче красивые неоновые цвета – простейший синтез звука Заранее извиняемся за плохой звук, следующие видео будут записываться на нормальный микрофон. https://vk.com/mediatribe https://www.instagram.com/media.tribe/ http://mediatribe.art/

Not for the faint hearted. This series looks at the development of a specific use projection and blending tool based partly on the stoner tool inside the pallet browser.

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

This is an upload of a live stream exploring touchdesigner from a beginners perspective. In part 3 we start a fresh network and start looking at the concepts of 3D, using SOPs (surface operators) and placing them into a global 3D space inside the touchdesigner project. Has a number of good examples of touchdesigner interface […]

This is an upload of a live stream exploring touchdesigner from a beginners perspective. In part 2 we focus on the augmentation of our TOP pipeline with the introduction of CHOPS and data into the mix. using both manually created data and random values we control the mixing of our textures!

This is an upload of a live stream exploring touchdesigner from a beginners perspective. In part 1 we explore some examples of the application of touchdesigner as well as exploring the UI, the configurations and a deeper dive into TOPS (texture operators) and the beginning of a texture composition in real time.

interaccess.org/workshop/2017/jul/touchdesigner-introductory-workshop

interaccess.org/workshop/2017/jul/touchdesigner-introductory-workshop

interaccess.org/workshop/2017/jul/touchdesigner-introductory-workshop

interaccess.org/workshop/2017/jul/touchdesigner-introductory-workshop

interaccess.org/workshop/2017/jul/touchdesigner-introductory-workshop

interaccess.org/workshop/2017/jul/touchdesigner-introductory-workshop

Unedited screen-capture from TouchDesigner Beginners Workshop at http://electricperfume.com

Unedited screen-capture from TouchDesigner Beginners Workshop at http://electricperfume.com

Workshop held as part of Mutek Argentina 2018 at the fabulous ODD CG Space. This is an unedited screen recording.

Workshop held as part of Mutek Argentina 2018 at the fabulous ODD CG Space. This is an unedited screen recording.

Proyecto: https://drive.google.com/open?id=1b1ffUXxBUe8ief7GBSKbKOqA1OncBiJr Fuente: Philippe Provencher

This is an introduction to Channel Operators (Chops) in TouchDesigner. This video explains how they work in general and how to export channels to drive parameters of other operators and how to manipulate values. https://www.instagram.com/matthiasmeissen/

The Text TOP can be used to display text in a font that is installed on your computer, or load one from a folder. You can apply some basic styling like alignment, line spacing and colour. https://www.instagram.com/matthiasmeissen/

The Flip TOP can be used to mirror images. By animating the incoming image you can create interesting shapes. https://www.instagram.com/matthiasmeissen/

The ramp TOP can be used to create different types of gradients. This video shows how to do this and also how to use expressions to animate them. https://www.instagram.com/matthiasmeissen/

The Transform TOP can be used to move images around and to change the pivot to rotate and scale things from one specific point. It can also be used to create patterns. https://www.instagram.com/matthiasmeissen/

The Composite TOP takes the image data of its inputs to create a new image. It can be used to layer things, create masks and to achieve different blending modes. https://www.instagram.com/matthiasmeissen/

This video explains how to use the Noise TOP to create organic shapes with alpha values. It also shows how to transform the noise in space. https://www.instagram.com/matthiasmeissen/

23日目の回のおまけで、使っていたエフェクトを作成します。 今回は円と直線で六角形を描き、周波数スペクトルに合わせて動かします。 Instance機能とReplicatorOPでモデルを複製します。 Here is my channel! チャンネルはこちら ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。 作成したエフェクト https://drive.google.com/file/d/1gVqWMrcKwez0Jt46mz9gZ2rBdiK1b4IZ/view?usp=sharing Here is extra topic of the 23th movie, where I made the effects used in the main movie. This one arranges circles on six lines, and moves the lines in the shape of the frequency spectrum. ※Caution: a TouchDesigner beginner is making this movie, […]

This video is about the Circle TOP. It shows how to create outlines, half circles, lines that depend on an angle and how to create polygonal shapes. https://www.instagram.com/matthiasmeissen/

This is an introduction to texture operators (short TOPs) in TouchDesigner. Here I cover how to insert them and distinguish between image generating and image manipulating TOPs. I also explain how to set the resolution of an image. https://www.instagram.com/matthiasmeissen/

The Rectangle Top is a very basic operator that is used to create filled shapes with outlines and rounded corners, but also to create thin lines. https://www.instagram.com/matthiasmeissen/

This is the first Video of a Series where I will cover how to create minimalistic animations in TouchDesigner. https://www.instagram.com/matthiasmeissen/

Just quick touchdesigner example how to generate keys for RAMP node from noise. And some more effects like calculating average color of all image or noisy moving cam. many of this is taken from Matthew Ragan and his ‘Make it with Data’ videos’. Look here for source https://www.youtube.com/watch?v=Ubc8oqRpIjI

Just quick (and maybe not so obvious) touchdesigner example how to use stamp feature in COPY SOP node. It allows you to use data (such as point number) from the Template object in COPY NODE and use it ‘upper’ in the chain of nodes coming in the first input of that COPY SOP..

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。 23日目の回のおまけで、使っていたエフェクトを作成します。 今回は周波数スペクトルの形に並んで動く四角形のエフェクトです。 StretchOPでデータ数を調整して、インスタンスで複製します。 作成したエフェクト https://drive.google.com/file/d/1wswAO4jSTbTkwJmoJcM0LzuFWMR6dG3n/view?usp=sharing ※Caution: a TouchDesigner beginner is making this movie, so there can be a lot of mistakes or misunderstandings. Please refer at your own risk. Here is extra topic of the 23th movie, where I make the effects used in the main movie. This […]

23日目の回のおまけで、使っていたエフェクトを作成します。 今回は音の大きさの変化に合わせて、波紋のように模様が広がるエフェクトです。 EvaluateOPとRampOPを使います。 作成したエフェクト https://drive.google.com/file/d/1vuYl8k6CJuLXH2-wWE4Dk5c_kaPo7LVb/view?usp=sharing ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。 ※Caution: a TouchDesigner beginner is making this movie, so there can be a lot of mistakes or misunderstandings. Please refer at your own risk. Here is extra topic of the 23th movie, where I make the effects used in the main movie. This one is a ripple effect that […]

YoutubeなどのPCからの音を直接TouchDesignerで拾います。 動画内で使っているエフェクトのTDファイルは下記からダウンロード頂けます。 https://drive.google.com/file/d/1r0V9lMyHs8SqF8mFzGotf00rPg3ISrBj/view?usp=sharing TouchDesignerでPCの音を直接拾いたいときに、AudioDeviceOPを使っても、そのままでは拾う事ができない場合があります。 そこで、バーチャルオーディオデバイスとしてVoiceMeeterというフリーソフトをダウンロードして、PCからの音をデバイスとして認識させてみたいと思います。 これでPCで流しているYoutubeなどの音を直接TouchDesignerで拾う事ができるようになります。 ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。 文化祭などのイベントごとで、音楽に合わせて動く映像を流したいという時に、Youtubeなどの音源から直接拾えれば便利かと思います。 よろしければぜひお試しください。 使用したオリジナルエフェクト https://drive.google.com/drive/folders/12BJupOzhw95PcupksjRc7F4FLxQXS9Rl?usp=sharing 追っておまけ動画でこちらの作成の様子もご紹介したいと思います。 There may be chances that you want to pick up music from PC’s sound directly. But AudioDeviceOP don’t pick up PC’s sound without no operation. This time, I use a free soft called “VoiceMeeter” as a virtual audio device. With that soft, you […]

Just quick touchdesigner example how to use depth like a mask for another filters such as displace.

Portfolio

In this short tutorial i show you how to create a simple cliplauncher for VJing without scripting with the help of some Exports, replicators and some python expressions. There are some smaller tweaks to increase performance and I might cover them later.

Additional Files – https://goo.gl/syyRj6 For everyone who wants to get a fast track start on working with TouchDesigner, this workshop will provide a good basis to gain an initial understanding on workflow, concepts and techniques while equipping attendees with the knowledge to start creating interactive / generative setups. This workshop was recorded at TouchDesigner Summit […]

先日投稿いたしました、触ると映像が切り替わるプロジェクションマッピング作成のまとめです。 前半はこちらhttps://www.youtube.com/watch?v=aQVlnNffavs Here is my channel! チャンネルはこちら ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。 ①まず投影する3Dモデルを作成します。(PC 1内) ②Arduino静電容量センサを作成し、信号を別PC(PC 2)で拾います。 ③信号をPC2からPC 1に無線で飛ばし、それに合わせPC 1内の信号が切り替わるようにします。 ④段ボールに静電容量センサを取り付け、映像を投影し位置合わせします。 今回のarduinoのプログラムは上記ちくわ様のサイトを参考にさせていただきました。 タッチセンサーについて非常に分かりやすくまとめて下さっています。 Arduinoプログラム https://create.arduino.cc/editor/mo_ma/24d9d8ef-fa42-4132-b329-3f4bae096e05/preview ぜんぜん映像とかいじった事ないって人も 映像作りたいと思ってる!って人も なんでも気軽にコメント下さい 関係ない話も歓迎です。

boxのモデルに模様をつける作業をしていきます。 ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。 1:35　3Dモデル設置方法のおさらい 9:00　マテリアル設定 11:23　wireframe枠の作製 22:17　6面の模様の作製 51:25　カメラ配置 Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

別のPCにつなげたArduinoのセンサーから信号をWifiを通じて引っ張ってくる作業をします。 Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

Arduinoで静電容量センサを作り、TouchDesignerに引っ張る使い方の一例です。 1:04 10:05 Serial通信を直接拾うやり方 ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。 今回のarduinoのプログラムは上記ちくわ様のサイトを参考にさせていただきました。 タッチセンサーについて非常に分かりやすくまとめて下さっています。 こちらに記載のコードの7行目 　　　Serial.begin(9600); をsetup内に(6,7行目の間にでも) 　　　Serial.println(t); をloop内の最後に(35,36行目の間にでも) 書き込めば 今回のコードとなります。 https://create.arduino.cc/editor/mo_ma/24d9d8ef-fa42-4132-b329-3f4bae096e05/preview Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

動画参考： VIDEO BY EUGENE BRYOHIN https://vimeo.com/abn0rmal LODEWIJK VAN EEKHOUT. https://vimeo.com/lodewijkvaneekhout RICARDO MANTILLA. https://vimeo.com/ricardomantilla ROBERT MARSHALL http://www.roundonefilms.co.uk/ 今回Hristo Velev様の作品を参考にさせて頂いてます 【Kaleidoscope jellyfish TouchDesigner tutorial】 【Hristo Velev様チャンネル】 https://www.youtube.com/user/glacierise Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

動画参考： VIDEO BY EUGENE BRYOHIN https://vimeo.com/abn0rmal LODEWIJK VAN EEKHOUT. https://vimeo.com/lodewijkvaneekhout RICARDO MANTILLA. https://vimeo.com/ricardomantilla ROBERT MARSHALL http://www.roundonefilms.co.uk/ 今回Hristo Velev様の作品を参考にさせて頂いてます 【Kaleidoscope jellyfish TouchDesigner tutorial】 【Hristo Velev様チャンネル】 https://www.youtube.com/user/glacierise Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

今回Hristo Velev様の作品を参考にさせて頂いてます 【Kaleidoscope jellyfish TouchDesigner tutorial】 【Hristo Velev様チャンネル】 https://www.youtube.com/user/glacierise Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

TouchDesignerをArduinoと連携させるチュートリアルです。FirmataをArduinoに書き込みして信号を拾ってみます。 ※訂正：動画内で光センサーを「フォトダイオード」と申し上げていましたが、 正しくは「フォトレジスタ」の誤りでした。申し訳ございません。 Here is my channel! チャンネルはこちら ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

Here is my channel! チャンネルはこちら ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

Here is my channel! チャンネルはこちら プロジェクターで投影して遊ぶ素材を映像編集ソフトで作ってます。 ※注意：投稿者はTouchDesigner初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

Here is my channel! チャンネルはこちら 23日目の回のおまけで、使っていたエフェクトを作成します。 今回は音の大きさや高さに合わせて、形状と色を変えるエフェクトです。 AnalyzeOPでさまざまな音の分析を活用します。 作成したエフェクト https://drive.google.com/file/d/1-YrS-7czGpXicFCKtlNmaUd0UGqPwWlT/view?usp=sharing ※Caution: a TouchDesigner beginner is making this movie, so there can be a lot of mistakes or misunderstandings. Please refer at your own risk. Here is extra topic of the 23th movie, where I make the effects used in the main movie. This one is […]

Some of our most popular programs are now available over on the website: https://www.programmingforpeople.com/shop ON the back of a client job, this is a tutorial looking at how to build a dynamic content management system based within touchdesigner. This ended up slightly longer than I wanted as a video, but its fairly easy to follow […]