Touchdesigner

Widgets Part 4: Layouts Using Anchors for Proportional Sizing

Mark Tutorial Completed! Anchors allow UI elements to keep their proportions when changing the size of the interface window. This is the third and final mode to help create responsive UIs that scale exactly how you want them. Example file: http://tinyurl.com/y2wy4o99 TouchDesigner 2019.13330+ required 0:00 – Using Anchors for proportional scaling 2:00 – The Crop […]

Widgets Part 3: Scaling Panels and Locking Proportions with Fixed Mode

Mark Tutorial Completed! In this video we discuss common panel scaling pitfalls and how to use panel’s Fixed Mode to lock the proportions of certain UI elements. Example file: http://tinyurl.com/yxtz5aor TouchDesigner 2019.13330+ required 0:00 – Scaling panel issues to look out for 2:56 – Fixed Mode for locked proportions

Widgets Part 2: Widget COMP and Knob, Slider, and Button Layouts

Mark Tutorial Completed! In this video we discuss creating sub-panels for easier layout of knobs, sliders, and buttons. Example file: http://tinyurl.com/y6y5vb5m TouchDesigner 2019.13330+ required 0:48 – Creating a knob panel layout 3:24 – The Widget COMP 5:33 – Creating slider and button layouts 8:30 – Mixed widget layouts

Widgets Part 1: Introduction – Panel Layout and Fill Mode

Mark Tutorial Completed! Widgets allow you to quickly build user interfaces and control panels in TouchDesigner. In this introductory video, we discuss basic panel layout techniques on our way to recreate a physical MIDI controller using Widgets. Example file: http://tinyurl.com/y4z8dwrb TouchDesigner 2019.13330+ required 0:00 – Introduction 2:35 – Size from window 3:55 – Layout hierarchy, […]

Feedback Techniques (English / 日本語)

Mark Tutorial Completed! Explore different feedback techniques using TOPs in TouchDesigner. Example files: http://tinyurl.com/yyx5jmek MUTEK.jp 2018 Advanced Class Day1 Lecturer: Markus Heckmann Link: https://www.derivative.ca Twitter: https://twitter.com/w_____________n Interpreter: Shuhei Matsuyama Link: https://www.shuhei-matsuyama.com Twitter: https://twitter.com/MatsuyamaShuhe1 0:00 – Basic feedback and pixel formats 15:00 – Scanner effect 27:33 – Adjusting feedback parameters 30:07 – Mover effect 43:25 – […]

GLSL TOP Post Effects (日本語)

Mark Tutorial Completed! Using the GLSL TOP to make high performance post-process type effects. Example file: https://goo.gl/Av11Fh Blog post: https://speakerdeck.com/fand/glsl-posteffect-in-touchdesigner MUTEK.jp 2018 Advanced Class Day1 Lecturer: Amagi Takayosi Link: https://www.1-10.com/ Twitter: https://twitter.com/amagitakayosi 0:00 – Introduction 4:25 – GLSL introduction 8:20 – Review of the sample files 11:31 – GLSL TOP 26:00 – RGB Glitch effect […]

PBR and 3D Workflows (English / 日本語)

Mark Tutorial Completed! 3D workflows and shading with PBR and Substance Designer materials Example files: http://tinyurl.com/y4ekbnfq MUTEK.jp 2018 Advanced 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 0:00 – Introduction 2:14 – FBX importing 9:05 – Lighting 14:14 – Materials 16:04 – Substance Designer materials 21:50 – […]

Extending TouchDesigner (日本語)

Mark Tutorial Completed! Extending TouchDesigner using Python and C++ to incorporate Standard Libraries, csv data, openCV, and more. Example files: http://tinyurl.com/y2m3gsuc Blog post: http://satoruhiga.com/post/extending-touchdesigner/ MUTEK.jp 2018 Advanced Class Day2 Lecturer: Satoru Higa Link: http://backspace.tokyo/ Twitter: https://twitter.com/satoruhiga 0:00 – Introduction 2:58 – Basic operators 5:58 – Text DAT and python 20:56 – COMP extensions 31:56 – […]

Visualizing Noise and using Shadows and Depth (English / 日本語)

Mark Tutorial Completed! Visualizing noise with instances and and setting up shadows and depth in your renders. (w/quick PBR setup) Example file: http://tinyurl.com/y4n8pzzh MUTEK.jp 2018 Advanced Class Day2 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 0:00 – Initial setup 4:55 – Adding PBR and setting up the look […]

Sequencer UI (English / 日本語)

Mark Tutorial Completed! Learn how to make a Sequencer UI using Panel Components, instancing, and render picking. Example files: http://tinyurl.com/y54fbd4t MUTEK.jp 2018 Advanced Class Day2 Lecturer: Markus Heckmann Link: https://www.derivative.ca Twitter: https://twitter.com/w_____________n Interpreter: Shuhei Matsuyama Link: https://www.shuhei-matsuyama.com Twitter: https://twitter.com/MatsuyamaShuhe1 0:00 – Preview of the project 1:30 – Building 3D for UI 21:29 – Defining Colors […]

Introduction to TouchDesigner (English / 日本語)

Mark Tutorial Completed! 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 […]

SOPs and Shading (English / 日本語)

Mark Tutorial Completed! Introduction to SOPs and rendering, including tips on materials and PBR. Example file: http://tinyurl.com/y6lnr29p MUTEK.jp 2018 Beginner Class Day1 Lecturer: Markus Heckmann Link: https://www.derivative.ca Twitter: https://twitter.com/w_____________n Interpreter: Shuhei Matsuyama Link: https://www.shuhei-matsuyama.com Twitter: https://twitter.com/MatsuyamaShuhe1 6:13 – SOP introduction 15:05 – Rendering a scene 27:55 – Texturing 39:40 – Facet SOP 45:45 – PBR […]

Instancing and Custom Parameters (English / 日本語)

Mark Tutorial Completed! Instancing geometry on the GPU and also learn about Custom Parameters. Example file: http://tinyurl.com/y3td9zho MUTEK.jp 2018 Beginner Class Day2 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 0:00 – Arcball camera 2:40 – Instancing setup using CHOPs 15:50 – 3D noise coloring using the GPU 27:50 […]

Audio Visualization (日本語)

Mark Tutorial Completed! How to use audio to drive visuals and effects using SOPs, CHOPs, and TOPs. Example file: http://tinyurl.com/y5dzrye3 MUTEK.jp 2018 Beginner Class Day2 Lecturer: Yuki Narumi Link: http://tdsw.co/ Twitter: https://twitter.com/narumin256 0:00 – Introduction to TouchDesigner Study Weekend (TDSW) 8:40 – Basic render setup 19:55 – Working with audio 25:00 – Analyzing audio 31:50 […]

Building User Interfaces (English / 日本語)

Mark Tutorial Completed! Learn about control panels in TouchDesigner and build a colorpicker UI. Example file: http://tinyurl.com/y4wxcbmx MUTEK.jp 2018 Beginner Class Day2 Lecturer: Markus Heckmann Link: https://www.derivative.ca Twitter: https://twitter.com/w_____________n Interpreter: Shuhei Matsuyama Link: https://www.shuhei-matsuyama.com Twitter: https://twitter.com/MatsuyamaShuhe1 2:50 – Start panel building 8:03 – Fill mode 11:00 – Color ramps 23:10 – Panel values 40:35 – […]

Intro to TouchDesigner for Pixel Mapping – Ben Voigt and Markus Heckmann

Mark Tutorial Completed! Additional Files – https://goo.gl/yWu4fx The projection and pixel mapping workshop is meant for users that are already familiar with the TouchDesigner interface and its operators. Participants will learn how to map video content onto unconventional projection surfaces or addressable LED pixels. This workshop was recorded at TouchDesigner Summit held in Berlin Feb […]

Composing Spatial and Interactive Visual Music – Dave and Gabe

Mark Tutorial Completed! Additional Files – https://goo.gl/zQ4Vnd Extending the techniques found at the heart of sound-reactive visual systems, we will present our methods for writing musical compositions that are designed for multi-channel speaker arrays and large-scale light installations. We’ll discuss frameworks and tools we use that allow us to collapse the gap between sound and […]

Geometrical Music – Rui Gato

Mark Tutorial Completed! A personal work in progress, based on one possible translation of geometrical forms to musical information. The presentation will start by following the TD network flow, explaining all the technical details and optimizations, then a short live example will demonstrate the system. This workshop was recorded at TouchDesigner Summit held in Berlin […]

How I Build Components These Days – Greg Hermanovic

Mark Tutorial Completed! Additional Files – https://goo.gl/7DFBLi Over the years I have made many components, and HOW I have made them has changed radically, especially recently. As TouchDesigner evolves, better ways are discovered and perfected. Some new Best Practices have established themselves in my work. In TouchDesigner you can hack free-form for a long time. […]

Teamwork & Version Control a Git Workflow for TouchDesigner – Idzard Kwadijk

Mark Tutorial Completed! Introduction to Git version control, learn how to integrate Git in your TouchDesigner workflow, and examples how to set up projects to collaborate with multiple TD developers. This workshop was recorded at TouchDesigner Summit held in Berlin Feb 3-4 2018.

Music Production in TouchDesigner – Felix Larreta

Mark Tutorial Completed! Additional Files – https://goo.gl/4ptUJy Relax and enjoy Felix’s beautiful sounds created with TouchDesigner. Artist Felix Larreta will walk us through some of his audio projects that will introduce us to multiple aspects and techniques for music and sound generation in TouchDesigner. Like audio synthesis on GPU, MIDI generation, a UI example for […]

Drawing in Python – Noah Norman

Mark Tutorial Completed! Additional Files – https://github.com/ancillarymagnet/axidrawings This workshop will focus on the basics of using TouchDesigner’s Script SOP to create geometry programmatically, beginning simply with the creation of points and lines, building out some useful and reusable abstractions, and eventually creating interesting structures and patterns, all with an eye to creating vector artwork for […]

Nail Polish for a Touch of Glamour: Make That Voxels Shine! – Stefan Kraus

Mark Tutorial Completed! Additional Files – https://goo.gl/qLSAZH While radical and glitched aesthetics are quite in fashion these days, many might still struggle to get a more glamorous or expensive look out of their real-time renders. In the first part of this workshop Stefan Kraus (mxzehn.com) is going to show how to create and animate data […]

Light Installations with TouchDesigner – Stefan Kainbacher

Mark Tutorial Completed! Additional Files – https://goo.gl/NbT1hG How to plan, organize and develop a custom Light Installation. Choosing the right light source and protocol. How to set up a Test-Setup and how create interactive content. We also set up a little Test-Environment with a PixelPusher and Custom LED-Strips as well as a DMX-Test-Setup. This workshop […]

Planetarium #1 – The Biggest Planetarium for the Lower Budget Ever! – Ildar Iakubov

Mark Tutorial Completed! Ildar Iakubov, project’s chief video engineer, will briefly navigate us through several .toe’s that create a 37 meter dome projection with 39 FullHD projectors, allowing for 8K playback, interactive content and many more. Another 30 minutes would be a standup-сonfession, covering all the weirdness and terror that stand behind “let’s just use […]

Introduction to GLSL – Markus Heckmann

Mark Tutorial Completed! Additional Files – https://goo.gl/VQFDKz An introduction to GLSL in TouchDesigner covering the basics of the language, some tips on porting shadertoy to TouchDesigner and a walkthrough of a simple particle system. This workshop was recorded at TouchDesigner Summit held in Berlin Feb 3-4 2018.

Intro to TouchDesigner for Projection Mapping – Elburz Sorkhabi

Mark Tutorial Completed! Note: Elburz discusses some concepts for the first 10 minutes (with a black desktop) before demoing the software. The projection and pixel mapping workshop is meant for users that are already familiar with the TouchDesigner interface and its operators. Participants will learn how to map video content onto unconventional projection surfaces or […]

Introduction to TouchDesigner – Ben Voigt

Mark Tutorial Completed! 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 […]

Your Diploma with TouchDesigner – Tomasz Miśkiewicz

Mark Tutorial Completed! A showcase of student projects from the New Media Arts Multimedia Studio at the Polish-Japanese Academy of Information Technology in Warsaw. Thoughts on teaching TouchDesigner. This workshop was recorded at TouchDesigner Summit held in Berlin Feb 3-4 2018.

GLSL Fluids for Great Shader Success – Noah Norman

Mark Tutorial Completed! Additional Files – https://github.com/ancillarymagnet/touchfluids This talk will be a narrated dash through a scratch implementation of the Navier-Stokes fluid advection algorithm as a ‘hello world’ of TOP-space GPU computation. A basic fluid system will serve as an entree to discuss render buffers, pixel formats, texture buffers, and GLSL best practices in the […]

TDAbleton – TouchDesigner and Ableton Live – Ivan DelSol

Mark Tutorial Completed! TDAbleton deeply connects TouchDesigner with Ableton Live to allow full control of TD from Live and vice-versa. Learn how to access all aspects of a Live Set and use that data to generate graphics in TD. There will also be a brief introduction to interacting with Live using Python and building your […]

Norway Workshop | Audio Visualization and Rendering | Part 3 of 3

Mark Tutorial Completed! Audio Visualization and Rendering | with Markus Heckmann Using an audio file as input to animate a particle system which when rendered out, a few compositing effects are applied as well.

Norway Workshop | Audio Visualization and Rendering | Part 2 of 3

Mark Tutorial Completed! Audio Visualization and Rendering | with Markus Heckmann Using an audio file as input to animate a particle system which when rendered out, a few compositing effects are applied as well.

Norway Workshop | Audio Visualization and Rendering | Part 1 of 3

Mark Tutorial Completed! Using an audio file as input to animate a particle system which when rendered out, a few compositing effects are applied as well.

Norway Workshop | Movie Player Panel and Building UIs | Part 2 of 2

Mark Tutorial Completed! In this demo we build a panel or a window that looks at or references a folder of movies or media, loads these movies into the panel and allows you to select the movie that is playing. The demo covers interface building and the logic necessary to put data into the right […]

Norway Workshop | Movie Player Panel and Building UIs | Part 1 of 2

Mark Tutorial Completed! In this demo we build a panel or a window that looks at or references a folder of movies or media, loads these movies into the panel and allows you to select the movie that is playing. The demo covers interface building and the logic necessary to put data into the right […]

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

Mark Tutorial Completed! 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

Mark Tutorial Completed! 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

Mark Tutorial Completed! 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

Mark Tutorial Completed! 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). […]

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

Mark Tutorial Completed! 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 […]

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

Mark Tutorial Completed! 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 […]

Norway Workshop | Introduction to DATs – Data Operators

Mark Tutorial Completed! 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, […]

Norway Workshop | Introduction to Components

Mark Tutorial Completed! 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 […]

TOPs and CHOPs (日本語)

Mark Tutorial Completed! Introduction to TOPs and CHOPs, channel exporting and compositing. Example file: http://tinyurl.com/y2trppw5 MUTEK.jp 2018 Beginner Class Day1 Lecturer: Joe Ohara Link: http://tdsw.co Twitter: https://twitter.com/Joe0hara 0:00 – Introduction to TouchDesigner Study Weekend (TDSW) 6:00 – TOPs introduction 11:30 – CHOP exporting 18:20 – Compositing 24:50 – Text TOP 34:30 – Video Device In […]