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

【 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ではじめる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 】#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 】#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】#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ではじめる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】#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】#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】#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】#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】#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】#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 オープニング、エンディングを作ってくれました。 天才すぎ! […]

05th _ 10 min TouchDesigner Tutorial Equirectangular GLSL

5th 10 Minutes Tutorial for TouchDesigner. In this tutorial we cover the technique : How to convert Vertical Cross to Equirectangular MDR Map using GLSL Learn Houdini and TouchDesigner in 10.5 Months academic online curse with self-learning and curated option. Enroll at hou2touch.com

06th _ 10 min TouchDesigner Tutorial – Vertex Shader Deformation GLSL

6th 10 Minutes Tutorial for TouchDesigner. In this tutorial we cover the technique : How to deform the geometry using GLSL Vertex Shader. Learn Houdini and TouchDesigner in 10.5 Months academic online curse with self-learning and curated option. Enroll at https://hou2touch.com/ __________ Join us in social media! There we share up-to-date information about planned streams, […]

14 GLSL from the Sofa

Hi, In this really lazy tutorial we are going to understand the basic of what you can do with the glslTOP. We are going to generate UV, Ramps, and displace, all in max 10 line of code. Enjoy, unveil.contact.berlin@gmail.com

15 GLSL from the sofa part2. VORONOI

Hi, in this Tutorial you will learn how to import a shader from shaderToy, and how have multiple buffer with Data from a single GlslTop, and finally, how can we actually create those Voronoi Cells. https://www.shadertoy.com/view/ldl3W8 Enjoy, Unveil_Studio: unveil.contact.berlin@gmail.com

16 GLSL FROM The SOFA part3 … VOROSURFACE , sdf and pbr displacement

In this Lasy Tutorial you will see how to get sdf function, use it heightMap in Pbr material. The first part of the video shows the voronoi surface in action!!!!! A big Thanks to : https://ekar.bandcamp.com/ and https://iquilezles.org/ Here the link for the VORO SURFACE. https://olib.amb-service.net/component/voronoi-surface

18 Top Rampers_Visual Generator

Hi, in this tutorial we will build and study a multi Ramp effect. Is top based, and there’s a bit of Glsl involved. Have fun , Unveil_Studio: unveil.contact.berlin@gmail.com

2-Line GLSL Point Cloud Clipping in TouchDesigner – Tutorial

Get access to 90+ 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 Point clouds are becoming increasingly popular both in offline and real-time usages. One challenge that a lot of developers face is cleaning up and clipping their […]

26 fract(UV) and TOP Collsion Detection

Hi, in this video i will reply to some emails. People were asking a bit of help when the glsl TOP come in top play. Here we will see how to use the fractional component of a vector and how to use the sum of the alpha of two incoming images as trigger for a […]

2D Raycaster in TouchDesigner: lights and shadows

Download project file here – https://www.patreon.com/posts/42201574 Extra examples for Patreon supporters – https://www.patreon.com/posts/42201692 This tutorials shows texture based raycaster coded in GLSL with a several variations. Aside from the effect itself, it could be used as an exercise in GLSL for beginner/intermediate level, because it can be modified in different ways to achieve different results. […]

aboutDot | TouchDesigner 教程

高阶者慎点,本教程为我(初学者)而录制的视频 相应工程文件的方法可以关注微信公众号THE3 -输入 20201215 会弹出链接

Basic GLSL shaders tutorial with Touchdesigner, shader coding tutorial – pixel shader – by Ideami

Learn the basics of working with GLSL in Touchdesigner in this basic pixel shader tutorial. Learn to create shapes, scale them, move them, rotate backgrounds and work with different coordinate systems. This tutorial focuses on the use of: – Pixel shaders – Uniform variables – The creation of shapes with distance functions and equations – […]

Basic particle system with GLSL TOP (Touchdesigner tutorial)

Hey, It’s been four months already 👀 I finally found some time and courage to make another tut. Hope you gonna like it, It’s a basic GLSL particle setup with compute shaders, I want to do more videos about particles in Touchdesigner, so this one is a kinda basic setup that I’m gonna reference a […]

Butterfly effect – Lorenz attractor (Touchdesigner tutorial)

A simple way to implement the Lorenz system in touchdesigner, using TOPs and a bit of GLSL. Hope you enjoyed this tutorial. I’m trying to experiment with the speed of my videos, this one is a bit slower than usual. Let me know what you think! Subscribe to this channel not to miss my other […]

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

Cellular Automata Tutorial – Part 1

1D Simplified Cellular Automata in TouchDesigner

Cellular Automata Tutorial – Part 2

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

Cellular Automata Tutorial – Part 3

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

Cellular Automata Tutorial – Part 4

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

Circle packing – GLSL – (Touchdesigner tutorial)

A simple implementation of circle packing with compute shaders in Touchdeisnger. You can also support me on Patreon and get access to all the project files and more stuff: https://www.patreon.com/noonesimg If you’re not familiar with compute shaders I can recommend this video as a starting point: https://youtu.be/25cS5nidHkM

CMAT 617 BerkleeNYC Week 13 (GLSL TouchDesigner)

TouchDesigner Topics covered: Add SOP Noise SOP Null SOP Constant MAT GLSL TOP Cross TOP Composite TOP Feedback TOP Transform TOP Level TOP Null TOP Timer CHOP Logic CHOP Limit CHOP Audio in CHOP Count CHOP Math CHOP Rename CHOP Null CHOP Select to DAT Table DAT Null DAT Constant MAT Base COMP Camera COMP […]

Coding Art Livestream! #touchdesigner #generativeart #coding

Stream #0 of my Touchdesigner series! I’ll be playing with GLSL code live for visual effects which I will use for videos and shows.

Complex UV Math toolkit in Touchdesigner – FREE DOWNLOAD #touchdesigner #uvmath

Download for free (or name your price): https://gum.co/WOftGn IG: https://www.instagram.com/function.str/ Background music also by me. —- References: UV Math tutorial by Paketa12: https://www.youtube.com/watch?v=BPk9kAob_R0 Crazy warping effects with a complex numbers by Exsstas: https://www.youtube.com/watch?v=pjNLaYpRoSA 0:00 Intro 2:29 Examples 4:17 UV mapping basics 6:21 Single GLSL TOP approach 7:36 ComplexOp component 13:47 ComplexMix component 17:13 Examples more […]

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

Creating Generative Visuals with Complex Systems – Simon Alexander-Adams

Workshop: Creating Generative Visuals with Complex Systems Example Files: https://tinyurl.com/Summit2019-SimonAlexanderAdams This workshop will walk participants through the process of creating real-time generative visuals using two types of systems: reaction-diffusion and cellular automata. Both methods yield a variety of complex and often non-repeating patterns. Reaction-diffusion systems model the changing of one or more chemical substances. The […]

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

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

Domain Warping in TouchDesigner

An introduction to domain warping in TouchDesigner. We will first build some conceptual intuition and then write a domain warping shader from scratch using GLSL (not as scary as it sounds!) Project Files: www.patreon.com/water__shed Links: – https://iquilezles.org/articles/warp/ – http://st4yho.me/domain-warping-an-interactive-introduction/ – https://darienbrito.com/portfolio/pigments/ – https://palmdrop.site/nodes/domain-warping 00:00 – Start 01:40 – Literature Review 03:58 – Domain Warping Intuition […]

Easy GLSL Chromatic Aberration 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 Chromatic Aberration is a cool and commonly used visual effect to add some variety and vintage vibes to clean textures. It’s also very easy to emulate […]

Generative color palettes. Part 1/2

Algorithms to generate nice color palettes. Why defining colors in GLSL sometimes could be better than do it in TOP operators? Recreating palettes from Zach Lieberman and Inigo Quilez in TouchDesigner. Download project file here: https://www.patreon.com/posts/40770871/ Resources mentioned in the video: 1. https://www.color-hex.com/color-palettes/popular.php 2. https://cran.r-project.org/web/packages/viridis/vignettes/intro-to-viridis.html 3. https://iquilezles.org/www/articles/palettes/palettes.htm 4. https://iquilezles.org/www/articles/bandlimiting/bandlimiting.htm 5. https://thebookofshaders.com/05/ Contents: 00:00 – Intro […]

Generative color palettes. Part 2/2

Generative palettes from part 1 can be used in very different scenarios, here are some of them: raymarching, rendering with GLSL MAT, conformal mapping, fractals colorization, colorful particles. The basic code stays almost the same in all cases, so as soon as you understand it, you’ll be able to use it in many of your […]

Glitches, pixel sorting and data moshing. TouchDesigner tutorial

Different approaches for making glitchy and trippy effects, real and fake pixel sorting and data moshing in TouchDesigner with a bit of GLSL magic as well. There are many references and examples in the video, so it’s better to download file, open it and follow the video. File and all links to mentioned resources in […]

Glitchy Trails with GLSL in TouchDesigner

Get access to 200+ hours of TouchDesigner video training, a private Facebook group where Elburz Sorkhabi and Matthew Ragan answer all your questions, and twice-monthly group coaching/mastermind calls here: http://iihq.tv/Trial Copy ShaderToy GLSL Code From This Link (Glitchy Trails by cutmod): https://www.shadertoy.com/view/4lGGRK As we looked at in a previous video, GLSL is an incredibly powerful […]

GLSL – Moving particles (Touchdesigner tutorial)

In this tutorial, we are going to explore different possibilities to store positions and velocities in a GLSL TOP to make a little particle system. Also, we’re going to touch upon uniform variables and how to use them as parameters for our particle system. Some vector math included, hope my explanations make sense 🙂 Enjoy! […]

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

GLSL Beginner Tutorial #2 (TouchDesigner)

Please consider supporting me by checking out my patreon! Not only will you be the one that makes this channel possible, you’ll also get today’s awesome project and other files I talk about. Patreon: https://www.patreon.com/danielsteenhoff TouchDesigner download: https://derivative.ca/download Today we’re continuing our journey into the world of shadercoding. GLSL is an awesome language that allows […]

GLSL in Touch Designer – Lesson 2

GLSL TOP continued, first look into transforms and blending.

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 Materials in TouchDesigner: Porting from WebGL

Take your vertex and fragment shader skills to the next level with custom GLSL Materials in TouchDesigner. This tutorial gives a gentle introduction to the concepts of GLSL Materials in TD by porting a shader from WebGL. We discuss each part of the shader pipeline, analogous structures in WebGL vs TouchDesigner, and end up with […]

GLSL particles with velocity fields (Touchdesigner tutorial)

In this short tutorial, I’m trying my best to show you the basic setup for a 2D velocity-fields-based particle system. Extremely useful for augmenting images and videos, cause you can use it with regular TOPs. Enjoy! Get project file and support the channel: https://www.patreon.com/noonesimg Checkout my instagram: https://www.instagram.com/noonesimg/ Check out my other tutorials:

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

GLSL simple & useful tricks #2

Simple GLSL code to make a noise with a variative period (frequency). The idea behind this series is to provide simple (even for complete beginners) 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). You could download […]

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

GLSL Transitions in TouchDesigner | Step by Step Tutorial

Become a Patreon for exclusive content: https://www.patreon.com/acrylicode Follow us on social media: Instagram: https://www.instagram.com/acrylicode…. Twitter: https://twitter.com/acrylicode_art Website: https://www.acrylicode.com Support us by donating on our PayPal: https://www.paypal.me/acrylicode Gl-Transition Website: https://gl-transitions.com TouchDesigner is a node based visual programming language for real time interactive multimedia content. These videos are beginner level and we’ll soon record new tutorials which […]

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/

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/

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 🙂

Instance and offset an animated FBX using GLSL in Touchdesigner – Part 1

In this two part tutorial we’re going to build a custom component in Touchdesigner that records an animated geometry file into a texture format. Then in the second part we are going to use GLSL to: 1. instance the model, 2. have the ability to offset the animation per instance and most important, 3. keep […]

Instance and offset an animated FBX using GLSL in Touchdesigner – Part 2

In this two part tutorial we’re going to build a custom component in Touchdesigner that records an animated geometry file into a texture format. Then in the second part we are going to use GLSL to: 1. instance the model, 2. have the ability to offset the animation per instance and most important, 3. keep […]

Instancing with TOPs in TouchDesigner

This TouchDesigner tutorial covers instancing with TOPs through the creation of a “particle donut.” It’s at a beginner to intermediate level, with a more advanced section at the end touching on GLSL. Consider supporting me on Patreon! https://www.patreon.com/Polyhop There you can gain access to project files, help guide future topics and support the creation of […]

Interactive particles & raymarching (SDF) geometry. TouchDesigner tutorial

Project files and links to all of mentioned resources – https://www.patreon.com/posts/43144103 Extra examples for Patreon supporters only – https://www.patreon.com/posts/43144301 Instanced particles interacted with a surface of raymarched geometry (signed distance function). How to combine two types of approach toward geometry rendering in one scene and make particles fly around SDF of bounce from it. Low-intermediate […]

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.

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

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

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

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.

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.

magical color with glsl part1 – touchdesigner tutorial

This touchdesigner tutorial is about iridescence with own glsl MAT. If you can write glsl, you can extend your range of expression!! IG:https://www.instagram.com/p/CKOgfXLh0UT/​ twitter:https://twitter.com/miwata34 詳しい解説はこちら qiita:https://qiita.com/miwa_maroon/items/4d742cd517e9d1f62900 GLSL for beginner glsl school:https://webgl.souhonzan.org/entry/?v=1808 wgld.org:https://wgld.org/d/glsl/g001.html the book of shader:https://thebookofshaders.com/ tdsw:https://www.youtube.com/watch?v=0Bm8CjpdsAY&t=2s write a glsl:https://docs.derivative.ca/Write_a_GLSL_Material

magical color with glsl part2 – touchdesigner tutorial

part2 This touchdesigner tutorial is about iridescence with own glsl MAT. If you can write glsl, you can extend your range of expression!! IG:https://www.instagram.com/p/CKOgfXLh0UT/​ twitter:https://twitter.com/miwata34 詳しい解説はこちら qiita:https://qiita.com/miwa_maroon/items/4d742cd517e9d1f62900 GLSL for beginner glsl school:https://webgl.souhonzan.org/entry/?v=1808 wgld.org:https://wgld.org/d/glsl/g001.html the book of shader:https://thebookofshaders.com/ tdsw:https://www.youtube.com/watch?v=0Bm8CjpdsAY&t=2s write a glsl:https://docs.derivative.ca/Write_a_GLSL_Material

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.

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

NKB Workshop 002 // Featuring VITAMIN

Never Knows Better and Creative Code Art are featuring VITAMIN in this workshop, as they teach you TouchDesigner to build an audiovisual interactive digital organism. Duration: 1:15 Hrs This workshop taught by Pablo Alvarez the co-founder of VITAMIN (https://vitamin-arte.com/) /////////////////////////////// What you will need: TouchDesigner (download the program here: https://derivative.ca/download) About the artist: Vitamin is […]

Particle system in Touchdesigner & GLSL

Say thanks & download project file: https://gum.co/agIxq Random function: https://thebookofshaders.com/10/ My instagram: https://www.instagram.com/karpik.visuals/ Telegram channel: https://t.me/karpik_realtime Timecode: 00:00 — Intro 00:35 — Instancing & rendering setup 03:06 — TOP feedback loops setup 06:02 — GLSL Coding 09:12 — Gravity 13:12 — Interactive gravity 16:02 — Simpe attractor

Particle system with GLSL part2 – Custom emitter (Touchdesigner tutorial)

Support me on Patreon and get access to all project files and more stuff: https://www.patreon.com/noonesimg Download the Attribute Transfer .tox https://forum.derivative.ca/t/attribute-transfer/11469 Part1 with basic particle system: https://youtu.be/IDyDc3kAUzI Check out my other tutorials:

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