TouchDesigner _05 Gradient Waves

Gradient colours, blend modes, GLSL and lots of noise TouchDesigner 099 64-Bit Build 2020.23680 00:00 – Intro 00:45 – Konami! 01:10 – Examples 01:24 – Grid 02:23 – Displacement 07:15 – Time / Speed 08:14 – Colours 13:50 – Grain 15:56 – Overlay 16:45 – Outro Instagram: https://www.instagram.com/threedashes___

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

GLSL 101 Shaders for Everyone – Van Ta

Workshop: GLSL 101: Shaders for Everyone In this workshop participants will acquire a basic understanding of how GLSL shaders operate within TouchDesigner. Additional information around their syntax and common use will be reviewed. This will be achieved through the creation of two real-life projects (an analog style synthesizer and a 2D pattern generator). The instructor […]

Multi GPU System Design – Keith Lostracco

Workshop: Multi GPU System Design This workshop will focus on Multi GPU System Design, implementation and execution with a focus on stability, performance and simplicity. Participants will examine the inner workings of a custom multi-node playlist component (Fusion Player) that plays back a playlists of cues (either pre-rendered content files or real-time components) across multiple […]

【TouchDesignerではじめるGLSL】#12 Fragment Shader お役立ちサイト&ツール

#TouchDesigner #tutorial TouchDesignerではじめるGLSL第12回です。(2020.7.2) TouchDesigner 2020.22080 ▼ この動画でわかること Fragment Shader のお役立ちサイトやツール ▼ この動画で参考にした記事一覧 https://docs.derivative.ca/Write_a_GLSL_TOP http://satoruhiga.com/TDWS2019/ https://www.khronos.org/files/opengl43-quick-reference-card.pdf http://docs.gl/ https://www.packtpub.com/game-development/opengl-4-shading-language-cookbook-third-edition https://thebookofshaders.com/?lan=jp https://hexler.net/products/kodelife https://github.com/keijiro/ShaderSketches https://isf.video/ https://twitter.com/search?q=%E3%81%A4%E3%81%B6%E3%82%84%E3%81%8DGLSL&src=typed_query https://twigl.app/ https://webgl.souhonzan.org/entry/?v=1709 https://www.shadertoy.com/ http://glslsandbox.com/ ▼ 喋ってる人 @chimanaco Twitter: https://twitter.com/chimanaco Instagram: https://instagram.com/chimanaco ▼ TDSWって何 TDSW(Tokyo Developers Study Weekend)は、クリエイター向けに主にTouchDesignerをメインとしたワークショップやイベントを主催しているプロジェクトです。 様々な業界で活躍されている方を講師に招いて旬の技術をお届けしています。 ▼ イベント情報 https://tdsw.peatix.com/ https://tdsw.eventbrite.com/ ▼Patreon 応援してやるか〜と思っていただけた方、配信動画をお得に視聴したい方はこちらへ https://www.patreon.com/tdsw ▼ Design Direction 350 Twitter: https://twitter.com/chicken350px オープニング、エンディングを作ってくれました。 天才すぎ! […]

【TouchDesignerではじめるGLSL】#11 ブレンドモード

#TouchDesigner #tutorial TouchDesignerではじめるGLSL第11回です。(2020.7.1) TouchDesigner 2020.22080 ▼ この動画でわかること GLSLでのブレンド ▼ この動画で参考にした記事一覧 https://helpx.adobe.com/jp/photoshop/using/blending-modes.html http://tobysoft.net/wiki/index.php?PhotoShop%2F%A5%EC%A5%A4%A5%E4%A1%BC%A4%CE%B7%D7%BB%BB%CA%FD%CB%A1%A4%CB%A4%C4%A4%A4%A4%C6#tc1810cc https://github.com/jamieowen/glsl-blend Photoshopの描画モード(ブレンドモード)を理解するための、画像合成は計算だという話 ▼ 喋ってる人 @chimanaco Twitter: https://twitter.com/chimanaco Instagram: https://instagram.com/chimanaco ▼ TDSWって何 TDSW(Tokyo Developers Study Weekend)は、クリエイター向けに主にTouchDesignerをメインとしたワークショップやイベントを主催しているプロジェクトです。 様々な業界で活躍されている方を講師に招いて旬の技術をお届けしています。 ▼ イベント情報 https://tdsw.peatix.com/ https://tdsw.eventbrite.com/ ▼Patreon 応援してやるか〜と思っていただけた方、配信動画をお得に視聴したい方はこちらへ https://www.patreon.com/tdsw ▼ Design Direction 350 Twitter: https://twitter.com/chicken350px オープニング、エンディングを作ってくれました。 天才すぎ! ワークショップやイベント、企画制作などのご相談は info@tdsw.jp までお気軽にお問い合わせください。

【TouchDesignerではじめるGLSL】#10 行列を使った2D座標変換

#TouchDesigner #tutorial TouchDesignerではじめるGLSL第10回です。(2020.6.30) TouchDesigner 2020.22080 ▼ この動画でわかること GLSLでの行列を使った2D座標変換 ▼ この動画で参考にした記事一覧 https://thebookofshaders.com/08/ https://qiita.com/doxas/items/5d6e39c54e16f352488c ▼ 喋ってる人 @chimanaco Twitter: https://twitter.com/chimanaco Instagram: https://instagram.com/chimanaco ▼ TDSWって何 TDSW(Tokyo Developers Study Weekend)は、クリエイター向けに主にTouchDesignerをメインとしたワークショップやイベントを主催しているプロジェクトです。 様々な業界で活躍されている方を講師に招いて旬の技術をお届けしています。 ▼ イベント情報 https://tdsw.peatix.com/ https://tdsw.eventbrite.com/ ▼Patreon 応援してやるか〜と思っていただけた方、配信動画をお得に視聴したい方はこちらへ https://www.patreon.com/tdsw ▼ Design Direction 350 Twitter: https://twitter.com/chicken350px オープニング、エンディングを作ってくれました。 天才すぎ! ワークショップやイベント、企画制作などのご相談は info@tdsw.jp までお気軽にお問い合わせください。

【TouchDesignerではじめるGLSL】#09 タイリング&関数

#TouchDesigner #tutorial TouchDesignerではじめるGLSL第9回です。(2020.6.29) TouchDesigner 2020.22080 ▼ この動画でわかること GLSLでのタイリングと関数、includeの使い方 ▼ この動画で参考にした記事一覧 https://thebookofshaders.com/09/ http://satoruhiga.com/TDWS2018/day17/ ▼ 喋ってる人 @chimanaco Twitter: https://twitter.com/chimanaco Instagram: https://instagram.com/chimanaco ▼ TDSWって何 TDSW(Tokyo Developers Study Weekend)は、クリエイター向けに主にTouchDesignerをメインとしたワークショップやイベントを主催しているプロジェクトです。 様々な業界で活躍されている方を講師に招いて旬の技術をお届けしています。 ▼ イベント情報 https://tdsw.peatix.com/ https://tdsw.eventbrite.com/ ▼Patreon 応援してやるか〜と思っていただけた方、配信動画をお得に視聴したい方はこちらへ https://www.patreon.com/tdsw ▼ Design Direction 350 Twitter: https://twitter.com/chicken350px オープニング、エンディングを作ってくれました。 天才すぎ! ワークショップやイベント、企画制作などのご相談は info@tdsw.jp までお気軽にお問い合わせください。

【TouchDesignerではじめるGLSL】#08 円を描く&座標正規化

#TouchDesigner #tutorial TouchDesignerではじめるGLSL第8回です。(2020.6.27) TouchDesigner 2020.22080 ▼ この動画でわかること GLSLでの円の描き方と座標の正規化 ▼ この動画で参考にした記事一覧 https://webgl.souhonzan.org/entry/?v=1709 https://thebookofshaders.com/07/ http://satoruhiga.com/TDWS2018/day17/ ▼ 喋ってる人 @chimanaco Twitter: https://twitter.com/chimanaco Instagram: https://instagram.com/chimanaco ▼ TDSWって何 TDSW(Tokyo Developers Study Weekend)は、クリエイター向けに主にTouchDesignerをメインとしたワークショップやイベントを主催しているプロジェクトです。 様々な業界で活躍されている方を講師に招いて旬の技術をお届けしています。 ▼ イベント情報 https://tdsw.peatix.com/ https://tdsw.eventbrite.com/ ▼Patreon 応援してやるか〜と思っていただけた方、配信動画をお得に視聴したい方はこちらへ https://www.patreon.com/tdsw ▼ Design Direction 350 Twitter: https://twitter.com/chicken350px オープニング、エンディングを作ってくれました。 天才すぎ! ワークショップやイベント、企画制作などのご相談は info@tdsw.jp までお気軽にお問い合わせください。

【TouchDesignerではじめるGLSL】#07 ISFを使った勉強法

#TouchDesigner #tutorial TouchDesignerではじめるGLSL第7回です。(2020.6.26) TouchDesigner 2020.22080 ▼ この動画でわかること ISFを使ったGLSLの勉強法 ▼ この動画で参考にした記事一覧 https://editor.isf.video/ https://editor.isf.video/u/VIDVOX https://editor.isf.video/shaders/5e7a7f797c113618206dde42 https://github.com/Vidvox/ISF-Files https://github.com/mrRay/ISF_Spec/ https://docs.derivative.ca/Write_a_GLSL_TOP ▼ 喋ってる人 @chimanaco Twitter: https://twitter.com/chimanaco Instagram: https://instagram.com/chimanaco ▼ TDSWって何 TDSW(Tokyo Developers Study Weekend)は、クリエイター向けに主にTouchDesignerをメインとしたワークショップやイベントを主催しているプロジェクトです。 様々な業界で活躍されている方を講師に招いて旬の技術をお届けしています。 ▼ イベント情報 https://tdsw.peatix.com/ https://tdsw.eventbrite.com/ ▼Patreon 応援してやるか〜と思っていただけた方、配信動画をお得に視聴したい方はこちらへ https://www.patreon.com/tdsw ▼ Design Direction 350 Twitter: https://twitter.com/chicken350px オープニング、エンディングを作ってくれました。 天才すぎ! ワークショップやイベント、企画制作などのご相談は info@tdsw.jp までお気軽にお問い合わせください。

【TouchDesignerではじめるGLSL】#06 モザイクエフェクト

#TouchDesigner #tutorial TouchDesignerではじめるGLSL第6回です。(2020.6.25) TouchDesigner 2020.22080 ▼ この動画でわかること GLSLのモザイクエフェクト ▼ この動画で参考にした記事一覧 GLSLで画像のぼかし、モザイク https://github.com/spite/Wagner/blob/master/fragment-shaders/pixelate-fs.glsl https://ics.media/entry/5535/ ▼ 喋ってる人 @chimanaco Twitter: https://twitter.com/chimanaco Instagram: https://instagram.com/chimanaco ▼ TDSWって何 TDSW(Tokyo Developers Study Weekend)は、クリエイター向けに主にTouchDesignerをメインとしたワークショップやイベントを主催しているプロジェクトです。 様々な業界で活躍されている方を講師に招いて旬の技術をお届けしています。 ▼ イベント情報 https://tdsw.peatix.com/ https://tdsw.eventbrite.com/ ▼Patreon 応援してやるか〜と思っていただけた方、配信動画をお得に視聴したい方はこちらへ https://www.patreon.com/tdsw ▼ Design Direction 350 Twitter: https://twitter.com/chicken350px オープニング、エンディングを作ってくれました。 天才すぎ! ワークショップやイベント、企画制作などのご相談は info@tdsw.jp までお気軽にお問い合わせください。

【TouchDesignerではじめるGLSL】#05 RGBシフト

#TouchDesigner #tutorial TouchDesignerではじめるGLSL第5回です。(2020.6.24) TouchDesigner 2020.22080 ▼ この動画でわかること GLSLのRGBシフト ▼ この動画で参考にした記事一覧 GLSLで画像のぼかしやノイズ ▼ 喋ってる人 @chimanaco Twitter: https://twitter.com/chimanaco Instagram: https://instagram.com/chimanaco ▼ TDSWって何 TDSW(Tokyo Developers Study Weekend)は、クリエイター向けに主にTouchDesignerをメインとしたワークショップやイベントを主催しているプロジェクトです。 様々な業界で活躍されている方を講師に招いて旬の技術をお届けしています。 https://tdsw.peatix.com/ https://tdsw.eventbrite.com/ ▼Patreon 応援してやるか〜と思っていただけた方、配信動画をお得に視聴したい方はこちらへ https://www.patreon.com/tdsw ▼ Design Direction 350 Twitter: https://twitter.com/chicken350px オープニング、エンディングを作ってくれました。 天才すぎ! ワークショップやイベント、企画制作などのご相談は info@tdsw.jp までお気軽にお問い合わせください。

TouchDesigner GPU Instancing 2/3 [0xDEADBEEF Quarantine Zoom Jam]

In this Zoom recording, me & @rey.nbows build GPU instancing in TouchDesigner by writing GLSL shaders from scratch. You will learn how to write a particle system that does not use CPU. The original jam sessions (totaling nearly 6 hours) were edited into series of ~30 min videos with essential information. @rey.nbows channel https://www.youtube.com/channel/UCjK6fF5NCErndCLcBBm1mOA

TouchDesigner GPU Instancing 1/3 [0xDEADBEEF Quarantine Zoom Jam]

In this Zoom recording, me & @rey.nbows build GPU instancing in TouchDesigner by writing GLSL shaders from scratch. You will learn how to write a particle system that does not use CPU. The original jam sessions (totaling nearly 6 hours) were edited into series of ~30 min videos with essential information. @rey.nbows channel https://www.youtube.com/channel/UCjK6fF5NCErndCLcBBm1mOA

【 TouchDesignerではじめるGLSL 】#04 条件分岐

#TouchDesigner #tutorial TouchDesignerではじめるGLSL第4回です。(2020.6.23) TouchDesigner 2020.22080 ▼ この動画でわかること GLSLの条件分岐ifとstep関数、mix関数 ▼ この動画で参考にした記事一覧 https://www.khronos.org/files/opengl43-quick-reference-card.pdf https://qiita.com/yuichiroharai/items/6e378cd128279ac9a2f0 ▼ 喋ってる人 @chimanaco Twitter: https://twitter.com/chimanaco Instagram: https://instagram.com/chimanaco ▼ TDSWって何 TDSW(Tokyo Developers Study Weekend)は、クリエイター向けに主にTouchDesignerをメインとしたワークショップやイベントを主催しているプロジェクトです。 様々な業界で活躍されている方を講師に招いて旬の技術をお届けしています。 https://tdsw.peatix.com/ https://tdsw.eventbrite.com/ ▼Patreon 応援してやるか〜と思っていただけた方、配信動画をお得に視聴したい方はこちらへ https://www.patreon.com/tdsw ▼ Design Direction 350 Twitter: https://twitter.com/chicken350px オープニング、エンディングを作ってくれました。 天才すぎ! ワークショップやイベント、企画制作などのご相談は info@tdsw.jp までお気軽にお問い合わせください。

【 TouchDesignerではじめるGLSL 】#03 UV処理 拡大縮小

#TouchDesigner #tutorial TouchDesignerではじめるGLSL第三回です。(2020.6.22) TouchDesigner 2020.22080 ▼ この動画でわかること GLSLのUV処理での拡大縮小 ▼ このシリーズで参考にした記事一覧 https://docs.google.com/document/d/1uu6iN-I6IoOaEHmnYrDfZ6QFnQPrGQXqoEjUYLa6UFw/edit# ▼ 喋ってる人 @chimanaco Twitter: https://twitter.com/chimanaco Instagram: https://instagram.com/chimanaco ▼ TDSWって何 TDSW(Tokyo Developers Study Weekend)は、クリエイター向けに主にTouchDesignerをメインとしたワークショップやイベントを主催しているプロジェクトです。 様々な業界で活躍されている方を講師に招いて旬の技術をお届けしています。 https://tdsw.peatix.com/ https://tdsw.eventbrite.com/ ▼Patreon 応援してやるか〜と思っていただけた方、配信動画をお得に視聴したい方はこちらへ https://www.patreon.com/tdsw ▼ Design Direction 350 Twitter: https://twitter.com/chicken350px オープニング、エンディングを作ってくれました。 天才すぎ! ワークショップやイベント、企画制作などのご相談は info@tdsw.jp までお気軽にお問い合わせください。

【 TouchDesignerではじめるGLSL 】#02 座標系

#TouchDesigner #tutorial TouchDesignerではじめるGLSL第二回です。(2020.6.21) TouchDesigner 2020.22080 ▼ この動画でわかること GLSLの座標系 ▼ このシリーズで参考にした記事一覧 https://docs.google.com/document/d/1uu6iN-I6IoOaEHmnYrDfZ6QFnQPrGQXqoEjUYLa6UFw/edit# ▼ 喋ってる人 @chimanaco Twitter: https://twitter.com/chimanaco Instagram: https://instagram.com/chimanaco ▼ TDSWって何 TDSW(Tokyo Developers Study Weekend)は、クリエイター向けに主にTouchDesignerをメインとしたワークショップやイベントを主催しているプロジェクトです。 様々な業界で活躍されている方を講師に招いて旬の技術をお届けしています。 https://tdsw.peatix.com/ https://tdsw.eventbrite.com/ Tweets by tdsw_info https://instagram.com/tdsw_info ▼Patreon 応援してやるか〜と思っていただけた方、配信動画をお得に視聴したい方はこちらへ https://www.patreon.com/tdsw ▼ Design Direction 350 Twitter: https://twitter.com/chicken350px オープニング、エンディングを作ってくれました。 天才すぎ! ワークショップやイベント、企画制作などのご相談は info@tdsw.jp までお気軽にお問い合わせください。

【 TouchDesignerではじめるGLSL 】#01 基礎知識

#TouchDesigner #tutorial TouchDesignerではじめるGLSL第一回です。(2020.6.20) TouchDesigner 2020.22080 ▼ この動画でわかること GLSLって何? ▼ このシリーズで参考にした記事一覧 https://docs.google.com/document/d/1uu6iN-I6IoOaEHmnYrDfZ6QFnQPrGQXqoEjUYLa6UFw/edit# ▼ 喋ってる人 @chimanaco Twitter: https://twitter.com/chimanaco Instagram: https://instagram.com/chimanaco ▼ TDSWって何 TDSW(Tokyo Developers Study Weekend)は、クリエイター向けに主にTouchDesignerをメインとしたワークショップやイベントを主催しているプロジェクトです。 様々な業界で活躍されている方を講師に招いて旬の技術をお届けしています。 https://tdsw.peatix.com/ https://tdsw.eventbrite.com/ Tweets by tdsw_info https://instagram.com/tdsw_info ▼Patreon 応援してやるか〜と思っていただけた方、配信動画をお得に視聴したい方はこちらへ https://www.patreon.com/tdsw ▼ Design Direction 350 Twitter: https://twitter.com/chicken350px オープニング、エンディングを作ってくれました。 天才すぎ! ワークショップやイベント、企画制作などのご相談は info@tdsw.jp までお気軽にお問い合わせください。

Touchdesigner Tutorial – How To Build Point Sprites in A GLSL Shader

A walkthrough of how yo can build point sprites within a GLSL shader. Project can be found here – https://github.com/franklin113/Tutorial-Repo

ParticulesGLSL partie04

Ce tutoriel reprend les fondamentaux des GLSL shader pour gérer les particules dans TouchDesigner et plus particulièrement les Compute Shader. lien vers les projets: https://github.com/jhoepffner/TD_GLSL_Particules

Cellular Automata Tutorial – Part 4

In this video, we represent this 2D system in a 3D scene, using instancing.

Cellular Automata Tutorial – Part 3

Learn how to implement the “Game of Life”, by John Conway, using a pixel shader in TouchDesigner

GLSL simple & useful tricks #1

The idea behind this series is to provide simple GLSL code, that could do something that would be really hard to make in TouchDesigner alone (or that would require a lot of CPU/GPU time without GLSL). This time I show how to implement geometry transformations (rotate/scale/translate) for point clouds (or SOP to TOP data). You […]

Particules GLSL partie03

les particules GLSL dans TouchDesigner: âge et temps lien vers les projets: https://github.com/jhoepffner/TD_GLSL_Particules

Cellular Automata Tutorial – Part 2

1D Complete Cellular Automata in TouchDesigner, using a pixel shader

TouchDesigner _03 Curl Noise

Boxes swirling with curl noise, geometry instancing and compute shader TouchDesigner 099 64-Bit Build 2020.20020 Peter Werner – Intro to Curl Noise: http://petewerner.blogspot.com/2015/02/intro-to-curl-noise.html cabbibo – glsl-curl-noise: https://github.com/cabbibo/glsl-curl-noise/blob/master/curl.glsl Inigo Quilez – useful little functions: http://iquilezles.org/www/articles/functions/functions.htm 00:00 – Intro 00:17 – About Curl Noise 01:36 – Render Setup 03:24 – Compute Shader 09:10 – Geometry Instancing 10:32 […]

[TouchDesigner Tutorial] Kantan UV Helper

Kantan Mapper is an awsome tool for projection mapping, but performance can get a big hit by usin it. The Kantan UV Helper is a simple, but very powerfull way of getting the most performance for what actually matters.

Cellular Automata Tutorial – Part 1

1D Simplified Cellular Automata in TouchDesigner

Particules GLSL partie02

les particules GLSL dans TouchDesigner: vitesse et accélération lien vers les projets: https://github.com/jhoepffner/TD_GLSL_Particules

Particules GLSL partie01

Ce tutoriel explique comment utiliser des images pour créer et mouvoir des particules. vous pouvez retrouver les projets ici https://github.com/jhoepffner/TD_GLSL_Particules

Raymarching in TouchDesigner tutorial. Part III – Warping geometry and space

Github repo for this series https://github.com/exsstas/Raymarching-in-TD Support me on Patreon https://www.patreon.com/exsstas and get some extra files. Helpful resources I mentioned in the tutorial: Gyroids tutorial – https://www.youtube.com/watch?v=-adHIyjIYgk Luna Sorcery Twitch LiveCoding https://www.twitch.tv/lunasorcery evvvvil_ Twitch demoscene style LiveCoding https://www.twitch.tv/evvvvil

SOP on GPU v 2.0 – Stanislav Glazov

Workshop: SOP on GPU v 2.0 This workshop is based on the presenter’s long and intensive experience trying to improve the complexity and quality of the real-time graphics he creates in TouchDesigner. This session is oriented towards intermediate TouchDesigner users who have an understanding of Surface Operators and a handle on the basics of GLSL […]

GLSL Vertex shaders in TouchDesigner. Part 2/2

Working with instances in vertex shaders in TouchDesigner. Post on my Patreon with project files – https://www.patreon.com/posts/34396515 Wiki – https://docs.derivative.ca/Write_a_GLSL_Material GLSL function reference – http://www.shaderific.com/glsl-functions SDF functions – http://iquilezles.org/www/articles/distfunctions/distfunctions.htm Step/smoothstep interactive example – https://thebookofshaders.com/05/

TouchDesigner Tips _01 UV Unwrapping

Unwrap a SOP into the UV coordinate space with GLSL MAT. TouchDesigner 099 64-Bit Build 2020.20020 Volcano – Poly by Google: https://poly.google.com/view/dwSigTeSMCo Ambulance – Poly by Google: https://poly.google.com/view/8NOFImgkI5N Instagram: https://www.instagram.com/threedashes___

Dice stylizer | TouchDesigner

In this tutorial I will show you how to make an image consisting of the sides of dice using GLSL in Touchdesigner https://vk.com/iga_stud https://www.instagram.com/iga_stud https://www.patreon.com/iga_stud

GLSL Vertex shaders in TouchDesigner. Part 1/2

Basics of working with vertex shaders in TouchDesigner. Post on my Patreon with project files – https://www.patreon.com/posts/34116481 Normals recalculation code – https://matthewragan.com/touchdesigner-glsl-cheat-sheet/

TouchDesigner _01 Engraved Lines [1 / 2]

Engraved lines, hashed lines, thick lines, stroke raster, Rutt/Etra video synthesizer. Geometry instancing and GLSL material. TouchDesigner 099 64-Bit Build 2019.33840 Based on MAILMAN: http://mailman.acervo.studio/ Instagram: https://www.instagram.com/threedashes___

TouchDesigner _01 Engraved Lines [2 / 2]

Engraved lines, hashed lines, thick lines, stroke raster, Rutt/Etra video synthesizer. Geometry instancing and GLSL material. TouchDesigner 099 64-Bit Build 2019.33840 Based on MAILMAN: http://mailman.acervo.studio/ Instagram: https://www.instagram.com/threedashes___

Manhsplains: How to leave a trail of real world objects in Touchdesigner

Go through a couple of concepts in touchdesigner. Beginner GLSL, feedback, and fake camera movement.

How to create God rays effect in TouchDesigner

Computationally cheap, but visually appealing God rays effect in TouchDesigner for 2D and 3D scenes. Support me on Patreon https://www.patreon.com/exsstas and get project files. It will also motivate me to make tutorials more often 🙂

visual glsl in Touchdesigner

Here’s a playfull method for doing glsl in TOPs. We play here with signed distance functions for circle and sphere. Massive thanks to Inigo Quilez for his wonderful research. Here’s the link for sdf primitives: https://iquilezles.org/www/articles/distfunctions/distfunctions.htm source file free to download: https://www.patreon.com/posts/33309273 Subscribe to this channel to get notified when I release new videos! You […]

TouchDesigner – 3D Tube Trails Custom MAT Tutorial – Atagen

demonstrates GPU particle systems rendered as 3D tube trails in TouchDesigner, using TOPs to calculate position and a SOP+custom MAT to render the tubes. recommended you have at least a basic-intermediate understanding of TouchDesigner and GLSL first, but can probably be stepped through if you’re very careful. apologies for the aggressive gating on the mic, […]

Convert Shadertoy into TouchDesigner and further integration

How to convert shaders from Shadertoy to TouchDesigner and integrate it with new environment with all CHOPs, TOPs and UI. This tutorial require basic GLSL knowledge only, I’ll share some tips&tricks how to modified a code without full understanding of its meaning. Helpful links from this video and some thoughts shared on my Patreon for […]

Raymarching in TouchDesigner tutorial. Part II – Light and colors

Github repo for this series https://github.com/exsstas/Raymarching-in-TD Support me on Patreon https://www.patreon.com/exsstas and get some extra files. If you want to make one-time donation instead of monthly subscription, you can use https://paypal.me/exsstas it will motivate me to make more tutorials 😉 Helpful resources I mentioned in the tutorial: Raymarch Toolkit by Patrik Lechner – https://github.com/hrtlacek/TDraymarchToolkit Huge […]

Raymarching in TouchDesigner tutorial. Part I – Defining a geometry

Github repo for this series https://github.com/exsstas/Raymarching-in-TD Support me on Patreon https://www.patreon.com/exsstas and get some extra files. If you want to make one-time donation instead of monthly subscription, you can use https://paypal.me/exsstas it will motivate me to make more tutorials 😉 Helpful resources I mentioned in the tutorial: Short theory about raymarching https://www.youtube.com/watch?v=Cp5WWtMoeKg Geometry functions from […]

Tutorial – GLSL Vertex displacement in TouchDesigner

Support me on Patreon: https://www.patreon.com/exsstas Here is my first tutorial on how to turn Phong MAT into GLSL MAT with a vertex displacement for each of 3 dimensions. And some ideas how to use it in your patches.

Ludwigsburg Day 2 GLSL Intro, Kinect Pointcloud & Simple Particle Systems

taking the intro a bit further and building a 3D Pointcloud with the Kinect as a source as well as building a simple Particle System with turbulence.

Ludwigsburg Day 2 GLSL Intro, GLSL TOP and GLSL MAT

Introduction to GLSL, covering 2D shaders as well as Normal Map displacement of 3D geometry.

LED Mapping – TouchDesigner 202 Workshop Berlin 15th of December 2018

TouchDesigner Workshop on December 15th 2018 covering LED Mapping techniques with Daniel Dalfovo

GLSL TOP Post Effects (日本語)

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 41:27 – Chroma […]

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

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 8:55 – Setting […]

Introduction to GLSL in TouchDesigner : 1/8 Introduction and GLSL TOP overview.

Part 1/8 of the recording of the Introduction to GLSL in TouchDesigner workshop I taught at Brooklyn Research (https://brooklynresearch.org/) on July 14, 2018 Introduction and GLSL TOP overview. Support files for the workshop at https://derivative.ca/community-post/tutorial/introduction-glsl-touchdesigner

Introduction to GLSL in TouchDesigner : 2/8 UV manipulation in a GLSL TOP.

Part 2/8 of the recording of the Introduction to GLSL in TouchDesigner workshop I taught at Brooklyn Research (https://brooklynresearch.org/) on July 14, 2018 UV manipulation in a GLSL TOP. See Part 1 for support files

Introduction to GLSL in TouchDesigner : 3/8 Compositing with the GLSL TOP.

Part 3/8 of the recording of the Introduction to GLSL in TouchDesigner workshop I taught at Brooklyn Research (https://brooklynresearch.org/) on July 14, 2018 Compositing with the GLSL TOP. See Part 1 for support files

Introduction to GLSL in TouchDesigner : 4/8 Shapes in the GLSL TOP.

Part 4/8 of the recording of the Introduction to GLSL in TouchDesigner workshop I taught at Brooklyn Research (https://brooklynresearch.org/) on July 14, 2018 Shapes in the GLSL TOP. See Part 1 for support files

Introduction to GLSL in TouchDesigner : 5/8 Shadertoy conversion.

Part 5/8 of the recording of the Introduction to GLSL in TouchDesigner workshop I taught at Brooklyn Research (https://brooklynresearch.org/) on July 14, 2018 Shadertoy conversion. See Part 1 for support files

Introduction to GLSL in TouchDesigner : 6/8 Overview of the 3D pipeline

Part 6/8 of the recording of the Introduction to GLSL in TouchDesigner workshop I taught at Brooklyn Research (https://brooklynresearch.org/) on July 14, 2018 Overview of the 3D pipeline See Part 1 for support files

Introduction to GLSL in TouchDesigner : 7/8 Bend deformer for instances with the vertex shader

Part 7/8 of the recording of the Introduction to GLSL in TouchDesigner workshop I taught at Brooklyn Research (https://brooklynresearch.org/) on July 14, 2018 Bend deformer for instances with the vertex shader. See Part 1 for support files

Introduction to GLSL in TouchDesigner : 8/8 GLSL Particle System introduction

Part 8/8 of the recording of the Introduction to GLSL in TouchDesigner workshop I taught at Brooklyn Research (https://brooklynresearch.org/) on July 14, 2018 GLSL Particle System introduction 10/31/2019 update : added the example I’m showing at the end in the download at https://derivative.ca/community-post/tutorial/introduction-glsl-touchdesigner

Touchdesigner – Shadertoy GLSL integration

THIS IS NOT A GLSL Coding Video. Also please only use the information in here to learn, dont just steal other peoples hard work! Thanks to the shaders from: Shane: https://www.shadertoy.com/user/Shane https://www.shadertoy.com/view/4l2cD3 Chronos: https://www.shadertoy.com/user/chronos https://www.shadertoy.com/view/XtdSDn In this video we have a look at importing and converting shadertoy shaders (even those with multiple buffers) into touchdesigner […]

Real-Time Photo Mosaic GLSL Shader (TouchDesigner)

Download the file here: http://www.enviral-design.com/downloa…

Introduction to GLSL – Markus Heckmann

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.

GLSL in Touch Designer – Lesson 3

A look at how to tweak shaders from www.shadertoy.com for use in Touch Designer, specifically a radial bur shader here.

GLSL in Touch Designer – Lesson 2

GLSL TOP continued, first look into transforms and blending.