Workshop at Electric Perfume 2nd of June 2018 Part 1

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

Workshop at Electric Perfume 2nd of June 2018 Part 2

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

TouchDesigner Workshop Buenos Aires Part 2/2

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

TouchDesigner Workshop Buenos Aires Part 1/2

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

Lineas interactivas – Touchdesigner tutorial

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

3. Channel Operators (CHOP) – Minimalistic Animation in TouchDesigner

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/

2.8 Text TOP – Minimalistic Animation in TouchDesigner

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/

2.7 Flip TOP – Minimalistic Animation in TouchDesigner

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

2.6 Ramp TOP – Minimalistic Animation in TouchDesigner

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/

2.5 Transform TOP – Minimalistic Animation in TouchDesigner

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/

2.4 Composite TOP – Minimalistic Animation in TouchDesigner

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/

2.3 Noise TOP – Minimalistic Animation in TouchDesigner

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/

23rdおまけ4 6つ足エフェクト[TouchDesigner]

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

2.2 Circle TOP – Minimalistic Animation in TouchDesigner

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/

2. Texture Operators (TOP) – Minimalistic Animation in TouchDesigner

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/

2.1 Rectangle TOP – Minimalistic Animation in TouchDesigner

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/

1. Basic Setup – Minimalistic Animation in TouchDesigner

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

Touchdesigner tutorial 06 – keys for RAMP TOP + simple VJ effects

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

Touchdesigner tutorial 05 – copy SOP stamping

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..

23rdおまけ3 rectanglesエフェクト[TouchDesigner]

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

23rdおまけ1 rippleエフェクト[TouchDesigner]

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

23rd Youtubeの音楽に合わせ動かしてみる[TouchDesigner]

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

Touchdesigner tutorial 04 – depth + displace

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

Simple Cliplauncher – TouchDesigner Tutorial

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.

Introduction to TouchDesigner – Ben Voigt

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

21st後半Arduinoでプロジェクションマッピングと連携[TouchDesigner]

先日投稿いたしました、触ると映像が切り替わるプロジェクションマッピング作成のまとめです。 前半はこちら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 ぜんぜん映像とかいじった事ないって人も 映像作りたいと思ってる!って人も なんでも気軽にコメント下さい 関係ない話も歓迎です。

20thモデルに模様をつける[TouchDesigner]

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

19th Touch In/Out OPで別PCと通信[TouchDesigner]

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

18th Arduino連携 静電容量センサ[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初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

17th me.parentsでコンポーネントにまとめる[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初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

16th me.digitsを使ってMIDIを活用[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初心者で間違った発言も多数あります。ご参考の際は各自自己責任にてお願いいたします。

15th MIDIコントローラと連携[TouchDesigner]

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

14th Arduino連携[TouchDesigner]

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

14th Arduino連携例[TouchDesigner]

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

12nd LeapMotion連携[TouchDesigner]

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

6th プロジェクションマッピング[TouchDesigner]

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

11st文字を動かすまとめ[TouchDesigner]

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

10th executeDATでプログラム実行[TouchDesigner]

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

9th後半Texture3Dで画像を配置[TouchDesigner]

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

9th前半Texture3Dで画像を配置[TouchDesigner]

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

8th SOPtoでモデルを動かす[TouchDesigner]

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

7th text文字の画像を作る[TouchDesigner]

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

4th replicatorでコピー[TouchDesigner]

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

3rd 3Dモデルを配置[TouchDesigner]

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

2nd operator(オペレーター)を触ってみる[TouchDesigner]

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

23rdおまけ2 colorBallエフェクト[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 […]

Working with Touchdesigner – A dynamic CMS

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

Touchdesigner LED Fixture Building 1

An introduction into building a series of LED fixtures in Touchdesigner. Starting from scratch and finishing with functional lights.

Norway Workshop | Introduction to TOPs – More Common TOPs | Part 2 of 2

Texture Operators, also known as TOPs, are image operators that provide real-time, GPU-based compositing and image manipulation. All calculations for TOPs are performed on the system’s GPU. TOPs can be used for preparing textures, compositing streams images and movies, building control panel elements, and almost any other image task you might have.

Norway Workshop | Introduction to TOPs – More Common TOPs | Part 1 of 2

Texture Operators, also known as TOPs, are image operators that provide real-time, GPU-based compositing and image manipulation. All calculations for TOPs are performed on the system’s GPU. TOPs can be used for preparing textures, compositing streams images and movies, building control panel elements, and almost any other image task you might have.

Norway Workshop | Introduction to SOPs – Surface Operators

Surface Operators, also known as SOPs, are operators that can generate, import, modify and combine 3D surfaces (also called geometry). The surface types are polygons, curves, NURBS surfaces, metaballs and particles.

Norway Workshop | Introduction to TOPs – Movie File In TOP

The Movie File In TOP loads movies, still images, or a sequence of still images into TOPs. It will read images in .jpg, .gif, .tif, or .bmp format. It will read movies in QuickTime’s .mov format, .mp4, .mpg, .mpeg, .avi, .wmv, .dpx, Cineform and Hap Q formats (including Hap Q with Alpha). It also supports […]

Norway Workshop | Introduction to CHOPs – Channel Operators | Part 2 of 2

CHOPs, short for CHannel OPerators, are a powerful technology which enables the processing of motion data, audio, on-screen controls, MIDI data, and controls from input devices. A CHOP contains one or more motion curves or “channels”. A CHOP modifies the channels, and then passes the channels on to the next CHOP in the network. CHOPs […]

Norway Workshop | Introduction to CHOPs – Channel Operators | Part 1 of 2

CHOPs, short for CHannel OPerators, are a powerful technology which enables the processing of motion data, audio, on-screen controls, MIDI data, and controls from input devices. A CHOP contains one or more motion curves or “channels”. A CHOP modifies the channels, and then passes the channels on to the next CHOP in the network. CHOPs […]

Norway Workshop | Introduction to DATs – Data Operators

Data OPerators (or DATs) are used to hold text data like strings, scripts, and XML. DATs either contain multiple lines of text as in a script, or a table of rows and columns of cells, each containing one string. DATs can be linked together to select, re-arrange and evaluate data and expressions, making DATs a […]

Norway Workshop | Introduction to Components

Components (or COMPs) are unique compared to other operator families in that they contain their own networks. To make a new network in your project, create a new Component using the OP Create Menu and selecting from the COMP tab. Then go inside your new component and start building your network. Component networks can contain […]

Keeping in Touch 03 – SOP Tricks

It’s been a long while but I’ve been meaning to do a video on some SOP stuff for quite a while so here’s a video on some SOP stuff.

Open a file chooser using Python

This video will show you how to use the ui.chooseFile method to open a file chooser dialog and load the result into a DAT

Setting Local and Root Variables within a project

A look at two ways to create variables you can use in your components or across the whole project