[TouchDesigner Tutorial] Kantan UV Helper

Mark Tutorial Completed! 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 基礎知識

Mark Tutorial Completed! #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 座標系

Mark Tutorial Completed! #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処理 拡大縮小

Mark Tutorial Completed! #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 条件分岐

Mark Tutorial Completed! #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シフト

Mark Tutorial Completed! #TouchDesigner #tutorial TouchDesignerではじめるGLSL第5回です。(2020.6.24) TouchDesigner 2020.22080 ▼ この動画でわかること GLSLのRGBシフト ▼ この動画で参考にした記事一覧 https://blog.narumium.net/2020/05/11/glsl%E3%81%A7%E7%94%BB%E5%83%8F%E3%81%AE%E3%81%BC%E3%81%8B%E3%81%97%E3%82%84%E3%83%8E%E3%82%A4%E3%82%BA/ ▼ 喋ってる人 @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 モザイクエフェクト

Mark Tutorial Completed! #TouchDesigner #tutorial TouchDesignerではじめるGLSL第6回です。(2020.6.25) TouchDesigner 2020.22080 ▼ この動画でわかること GLSLのモザイクエフェクト ▼ この動画で参考にした記事一覧 https://blog.narumium.net/2020/05/15/glsl%E3%81%A7%E7%94%BB%E5%83%8F%E3%81%AE%E3%81%BC%E3%81%8B%E3%81%97%E3%80%81%E3%83%A2%E3%82%B6%E3%82%A4%E3%82%AF/ 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を使った勉強法

Mark Tutorial Completed! #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 円を描く&座標正規化

Mark Tutorial Completed! #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 タイリング&関数

Mark Tutorial Completed! #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座標変換

Mark Tutorial Completed! #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 ブレンドモード

Mark Tutorial Completed! #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 お役立ちサイト&ツール

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

# 0007 Ship – Touchdesigner GLSL+POPs

Mark Tutorial Completed! Touchdesigner experimental version Premade glsl top code. Project files for sub tiers on my patreon: https://www.patreon.com/Dr0mp

#0002 Flying Bubbles – Touchdesigner POPS

Mark Tutorial Completed! Touchdesigner experimental version Flying bubbles pops, premade glsl code. Project files for sub tiers on my patreon: https://www.patreon.com/Dr0mp Music generated with Udio.

#0003 Collision Circles – Touchdesigner POPS

Mark Tutorial Completed! Touchdesigner experimental version Collision Circles, premade glsl code. Project files for sub tiers on my patreon: https://www.patreon.com/Dr0mp

#0004 Dandelions – Touchdesigner POPS

Mark Tutorial Completed! Touchdesigner experimental version Flying bubbles pops, premade glsl code. Project files for sub tiers on my patreon: https://www.patreon.com/Dr0mp

05th _ 10 min TouchDesigner Tutorial Equirectangular GLSL

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

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

14 GLSL from the Sofa

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

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

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

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

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

26 fract(UV) and TOP Collsion Detection

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

2D Raycaster in TouchDesigner: lights and shadows

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

3D Slimemold – POP GLSL TouchDesigner

Mark Tutorial Completed! An update of my slimemold physarum component! Make slime molds in 3D using POPs. The component is available for free on my Patreon: https://www.patreon.com/posts/3d-slimemold-136829256 Original component and description here: https://www.youtube.com/watch?v=O3vVrvGdNE8 Component subscirbers get access to a special project file + component presets and other extras. #TouchDesigner #interactivevisuals #glsl #biology #slimemold #simulation #coding […]

47 FLEX and POPs _pt 1 #touchdesigner

Mark Tutorial Completed! Patreon Link coming soon , i am recording the seconda part

aboutDot | TouchDesigner 教程

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

Affine-PSX-Style GLSL Material in TouchDesigner

Mark Tutorial Completed! In this tutorial, we’ll break down how to create a PS1-style GLSL material in TouchDesigner. It is my first step into TDMatrix as well. But everything for geometry transformation and vertex shading.

ASCII rendering in TOUCHDESIGNER

Mark Tutorial Completed! feel free to support me on patreon: and grab the component and project files there 🙂 https://www.patreon.com/supermarketsallad —————- 0:00 intro 0:38 DAT ASCII 10:16 GLSL set up 15:55 filling the cache 19:30 quality of life stuff 23:27 GLSL ASCII render

Audio Reactive GLSL Shaders in TouchDesigner

Mark Tutorial Completed! 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 Download the project file here: https://interactiveimmersive.ac-page.com/audio-reactive-glsl-shaders-touchdesigner Learn to link audio directly to GLSL shaders in TouchDesigner for limitless audio-reactive visuals! This short […]

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

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

Basic particle system with GLSL TOP (Touchdesigner tutorial)

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

Bio Spiral Creatures – TouchDesigner Tutorial 06

Mark Tutorial Completed! In this tutorial Im a showing 2D Particle System with GLSL Top and creating bio kindda creature with simple TOPs. The project file will be available on my Patreon for patreons only. Hope you like it! if you have any questions feel free to ask. You can support me on Patreon: / […]

Butterfly effect – Lorenz attractor (Touchdesigner tutorial)

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

Camera displacement (TouchDesigner tutorial)

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

Cellular Automata Tutorial – Part 1

Mark Tutorial Completed! 1D Simplified Cellular Automata in TouchDesigner

Cellular Automata Tutorial – Part 2

Mark Tutorial Completed! 1D Complete Cellular Automata in TouchDesigner, using a pixel shader

Cellular Automata Tutorial – Part 3

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

Cellular Automata Tutorial – Part 4

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

Circle packing – GLSL – (Touchdesigner tutorial)

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

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

Coding Art Livestream! #touchdesigner #generativeart #coding

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

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

Convert Shadertoy into TouchDesigner and further integration

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

Creating Generative Visuals with Complex Systems – Simon Alexander-Adams

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

Creating GLSL Shaders in Touchdesigner with Cursor AI

Mark Tutorial Completed! Creating GLSL Shaders in Touchdesigner with Cursor AI Learn how powerful it can be to create GLSL Shaders for Touchdesigner with the help of Claude inside of Cursor AI. Get the project files on my Patreon: https://www.patreon.com/c/jaschasuess/ — Links: Mastering GLSL in TouchDesigner – Lake Heckaman: https://youtu.be/WYAcOhKHxnU?si=vbY7aB_Dm3a3usyY The Book of Shaders: https://thebookofshaders.com/ […]

Creating Sesh 2 – Simple GLSL Feedback Effect in TouchDesigner

Mark Tutorial Completed! In this one I do even more explaining, instead of less! I cover a basic GLSL feedback effect that I made & set up in TouchDesigner, and some caveats I encountered along the way. If you’d like to just grab the effect, I have it on Patreon here: https://patreon.com/dewpoint If you’re curious […]

Creating Sesh 3: Freeform Raymarching Progress in TouchDesigner with GLSL

Mark Tutorial Completed! Pretty much silent in this one as I get locked in with a wavey scene I’ve been working on & a couple mixes from Maxfield. I refine color/lighting/shading, fix some aliasing in geometry, refine control parameters & shape morphs, etc. etc. Find more of my work on the free & paid tiers […]

Creative shading with render buffers – part 2 (GLSL)

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

Cymatics in TouchDesigner

Mark Tutorial Completed! Cymatics are an amazing phenomenon created by resonant waves, which cause sand or other small particles to form beautiful, self-organized patterns. A very common example of cymatics are Chladni plates, a special case of this cool effect! In this tutorial, we will first understand what cymatics are and how they function, then […]

Dice stylizer | TouchDesigner

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

Differential Line Growth in TouchDesigner

Mark Tutorial Completed! This tutorial shows how to create Differential Line Growth in TouchDesigner. The system touches on the Line Resample and Line Smooth POPs, along with how to work with the Neighbor POP via the GLSL POP. Project File: https://www.patreon.com/posts/146321540 Differential Line Growth Tool: https://www.patreon.com/posts/146322491 Anders Hoff on Differential Line Growth: https://inconvergent.net/generative/differential-line/ Paketa 12 […]

Domain Warping in TouchDesigner

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

Easy GLSL Chromatic Aberration in TouchDesigner – Tutorial

Mark Tutorial Completed! 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 GLSL UV Tricks & Texture Distortion Wizardry for beginners in TouchDesigner

Mark Tutorial Completed! A simple intro to GLSL in TouchDesigner. Covering UV basics, texture blending, and distortion effects. Perfect for beginners. Book Of Shaders: https://thebookofshaders.com/ Patreon: https://patreon.com/fxduke_108

Easy Monochrome Effect with GLSL in TouchDesigner

Mark Tutorial Completed! 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 Download the project files here: https://interactiveimmersive.ac-page.com/easy-monochrome-effect-glsl-touchdesigner Let’s dip our toes into GLSL by coding a simple monochrome effect shader with the GLSL […]

Easy Morph Effect with GLSL – Touchdesigner Tutorial

Mark Tutorial Completed! A beginner-friendly TouchDesigner tutorial on morphing with GLSL! I hope you find it helpful. _-__ Grab the Pokémon sprites here: https://drive.google.com/drive/folders/1Dm70fZhirfj0saNbfiRyXCg651V1F1-L?usp=sharing _-__ Quick maths code snippet: (for those who made it this far – I am impressed!) vec4 sx = ((tl_from_color + tl_to_color + bl_from_color + bl_to_color) – (tr_from_color + tr_to_color + […]

Generative color palettes. Part 1/2

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

Generative color palettes. Part 2/2

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

Glitches, pixel sorting and data moshing. TouchDesigner tutorial

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

Glitchy Trails with GLSL in TouchDesigner

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

GLSL – Moving particles (Touchdesigner tutorial)

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

GLSL 101 Shaders for Everyone – Van Ta

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

GLSL Beginner Tutorial #2 (TouchDesigner)

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

GLSL Chromatic Aberration in TouchDesigner

Mark Tutorial Completed! Creating a chromatic aberration effect with GLSL in TouchDesigner 💻 #interactiveimmersivehq #touchdesigner #glsl

GLSL Effect Porting in TouchDesigner – TouchDesigner Tutorial 203

Mark Tutorial Completed! 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 Conversion of GLSL-based visual effects to TouchDesigner is a popular topic that’s been covered a number of times over the years. Often, […]

GLSL Effect with TouchDesigner: Sobel Filter – TouchDesigner Tutorial 210

Mark Tutorial Completed! 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 In this video, new media artist Lake Heckaman (@lake_heckaman) explains the basics of Sobel filters and image kernels in GLSL. Learn how […]

GLSL for POPs in TouchDesigner: Lesson 0 (Introduction to GLSL for POPs)

Mark Tutorial Completed! In this first lesson of GLSL in POPs, we introduce how to write compute shaders for the new POP operator family in TouchDesigner. You’ll learn the fundamentals of how POPs represent data and working with attributes, the difference between GLSL TOPs and POPs, and how to create and manipulate attributes directly on […]

GLSL for POPs in TouchDesigner: Lesson 1 (Attribute Blur and Neighbor POP)

Mark Tutorial Completed! In this lesson of GLSL in POPs, we create a motivational example: building an Attribute Blur component using the NeighborPOP and a GLSL POP. Attribute blur is a classic computer graphics technique where the value of an attribute is smoothed by averaging over its neighbors. This is a powerful way to create […]

GLSL for POPs in TouchDesigner: Lesson 4 (GLSL Copy POP + Phyllotaxis)

Mark Tutorial Completed! In this lesson of GLSL in POPs, we explore the GLSL Copy POP by building a procedural phyllotaxis pattern — the same spiral structure found in sunflowers and pinecones. You’ll learn how to use GLSL to position and color thousands of copies directly on the GPU, using the golden angle and square-root […]

GLSL for POPs in TouchDesigner: Lesson 6 (GLSL Advanced POP – Voronoi Fracture pt. 1)

Mark Tutorial Completed! In this lesson of GLSL in POPs, we build the foundation of a fully GPU-driven Voronoi system using GLSL Advanced POP to classify a mesh into clean, real-time Voronoi regions. We take a triangulated mesh, project it into 2D space, and compute the nearest Voronoi site for every vertex directly on the […]

GLSL for POPs in TouchDesigner: Lesson 7 (GLSL Advanced POP – Voronoi Fracture pt. 2)

Mark Tutorial Completed! You made it!! In this final lesson, we take the Voronoi region data from Part 1 and extract the actual crack lines where two Voronoi cells meet. This is where the effect comes alive. Using GLSL, we detect exact boundary crossings on triangle edges and reposition prebuilt line segments entirely on the […]

GLSL in Touch Designer – Lesson 1

Mark Tutorial Completed! Brief introduction to the GLSL TOP

GLSL in Touch Designer – Lesson 2

Mark Tutorial Completed! GLSL TOP continued, first look into transforms and blending.

GLSL in Touch Designer – Lesson 3

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

glsl line segment in Touchdesigner

Mark Tutorial Completed! here’s a short one about doing glsl with TOPs. This example will take the sdf of a horizontal segment line. source file: https://www.patreon.com/posts/50687448 Subscribe to this channel to get notified when I release new videos! You can support me on Patreon https://www.patreon.com/paketa12​​ or follow me on: https://www.instagram.com/paketa12​​ https://www.facebook.com/paketa12​

GLSL Materials in TouchDesigner: Porting from WebGL

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

GLSL Particle Simulations in TouchDesigner Tutorial

Mark Tutorial Completed! Whether you’re a programmer or not, GLSL can initially seem intimidating. However, in this video, I aim to make it less daunting. In this tutorial I show how you can create a visually stunning particle system with just a few lines of code, demonstrating that it’s not as complex as it may […]

GLSL particles with velocity fields (Touchdesigner tutorial)

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

GLSL simple & useful tricks #1

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