3
Cellular Automata Tutorial – Part 3
Learn how to implement the “Game of Life”, by John Conway, using a pixel shader in TouchDesigner
2
Cellular Automata Tutorial – Part 4
In this video, we represent this 2D system in a 3D scene, using instancing.
5
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
0
Particules GLSL partie02
les particules GLSL dans TouchDesigner: vitesse et accélération lien vers les projets: https://github.com/jhoepffner/TD_GLSL_Particules
7
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
1
Particules GLSL partie03
les particules GLSL dans TouchDesigner: âge et temps lien vers les projets: https://github.com/jhoepffner/TD_GLSL_Particules
15
Cellular Automata Tutorial – Part 1
1D Simplified Cellular Automata in TouchDesigner
4
Cellular Automata Tutorial – Part 2
1D Complete Cellular Automata in TouchDesigner, using a pixel shader
0
48:17
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
0
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
0
06:02
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 […]
0
18:09
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
0
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___
0
02:48:22
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 […]
0
08:34
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 […]
0
38:07
Touchdesigner – Droplet effect with a 3d matrix in Tops.
In this video, I try to recreate the effect from the water ad (link below) using tops instancing on a top matrix. Project file is available on my Patreon. Link to the ad : Patreon : https://patreon.com/Dith_idsgn Socials : Tweets by dithdsgn1 https://www.instagram.com/dith_idsgn/
0
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 🙂
0
TouchDesigner GLSL Compute Particles Tutorial
Files are here: https://github.com/DBraun/TouchDesigner_Shared/tree/master/Starters/optical_flow_particles_compute
0
01:35:47
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.
0
40:13
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
0
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
0
Water ripple effect (TouchDesigner tutorial)
Water ripple effect in GLSL and its different applications Download .tox file here – https://derivative.ca/community-post/asset/water-ripple-effect/63763 Or become a Patreon supporter and download it with extra examples here – https://www.patreon.com/posts/45962806 Math explanations – https://web.archive.org/web/20160505235423/http://freespace.virgin.net/hugo.elias/graphics/x_water.htm Contents: 00:00 – Intro 01:50 – GLSL code explanations 08:48 – Controls 12:25 – Camera (or any other image/video) input displacement 18:00 […]
0
17:50
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
0
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
0
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/
0
Simple tornado with glsl (Touchdesigner tutorial)
Here’s a quick example how to use glsl to make a simple tornado, but honestly a lot of stuff can be achieved in a similar manner. Support the channel: https://www.patreon.com/noonesimg Check out my Instagram for more regular updates: https://www.instagram.com/noonesimg/ Check out my other tutorials:
0
06:23
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:
0
39:52
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 […]
0
04:10
GLSL in Touch Designer – Lesson 1
Brief introduction to the GLSL TOP
0
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
0
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 […]
0
28:19
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 […]
0
14:10
【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 までお気軽にお問い合わせください。
0
10:17
aboutDot | TouchDesigner 教程
高阶者慎点，本教程为我（初学者）而录制的视频 相应工程文件的方法可以关注微信公众号THE3 -输入 20201215 会弹出链接
0
21:12
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
0
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, […]
0
04:38:27
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 […]
0
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 […]
0
07:05
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:
0
09:21
GLSL in Touch Designer – Lesson 2
GLSL TOP continued, first look into transforms and blending.
0
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. […]
0
10:00
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
0
20:08
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 […]
0
11:07
【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 までお気軽にお問い合わせください。
0
08:57
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
0
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/
0
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
0
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___
0
TouchDesigner Boids Flocking Tutorial
Project file: https://github.com/DBraun/TouchDesigner_Shared/tree/master/Starters/boids I use a binning technique with GLSL compute shaders to efficiently find each bird’s neighbors so that they can undergo a “flocking” or “boids” algorithm. Additionally, the birds avoid a dynamic 3D object using a 3D Jump Flood Algorithm. When the number of vertices of the “bird” object is very small, I […]
0
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 […]
0
07:49
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.
0
02:03:33
Woulg Stream – TouchDesigner, maybe shaders
[Patreon] https://www.patreon.com/woulg [Links] https://www.woulg.com https://woulg.bandcamp.com https://facebook.com/woulg.music https://youtube.com/user/woulg https://twitch.tv/woulg [Disclaimer] This account is not owned by woulg, yet is woulg-approved. Twitch stream VODs will be re-uploaded on this channel for posterity.
0
10:20
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, […]
0
Real-Time Photo Mosaic GLSL Shader (TouchDesigner)
Download the file here: http://www.enviral-design.com/downloa…
0
14:45
【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 までお気軽にお問い合わせください。
0
Points avec feedback | TouchDesigner
Avec ce tutoriel, vous apprendrez à créer une grille de point à l’aide d’un Glsl TOP, puis à modifier les coordonnées de la grille pour faire un feedback selon une trame sonore provenant de la bibliothèque de YouTube. Bref, comment créer une grille dont ses coordonnées se replacent à leur origine. La première partie présente […]
0
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.
0
Touchdesigner Free primitives Tutorial (Свободные примитивы)
https://share.substance3d.com/libraries/3013 https://share.substance3d.com/libraries/2754 https://iquilezles.org/www/articles/functions/functions.htm
0
16:16
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 […]
0
46:07
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
0
01:05:03
Shader_Challenge::1 in TouchDesigner
Just Recor
0
37:09
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 […]
0
03:42:47
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.
0
16:05
【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 までお気軽にお問い合わせください。
0
26:46
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
0
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 […]
0
32:35
Voxel Line – TouchDesigner Tutorial 01
This tutorial shows you how to create a wireframe-like voxel model in TouchDesigner. In the tutorial I use Houdini to make polyline geometries. If you aren’t accustomed to Houdini, please download the assets below link. https://drive.google.com/drive/folders/1tXd0GLpNh0qZZX38ggHZSf4mc_lTi4DU?usp=sharing
0
10:48
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! […]
0
53:27
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
0
09:07
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
0
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 […]
0
30:04
Realtime Caustics in TouchDesigner with Easy GLSL
Caustics form from light refracted through a transparent medium (like the pretty patterns that form on the bottom of a swimming pool). This tutorial will outline the physics involved and show you how to create this effect in TouchDesigner using only a handful of lines of GLSL code. Resources: Ray / Plane intersection: https://www.scratchapixel.com/lessons/3d-basic-rendering/minimal-ray-tracer-rendering-simple-shapes/ray-plane-and-ray-disk-intersection.html Caustics […]
0
01:38:00
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 […]
0
10:14
【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 までお気軽にお問い合わせください。
0
29:35
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
0
15:22
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 […]
0
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 […]
![[TouchDesigner Tutorial] Kantan UV Helper](https://alltd.org/wp-content/uploads/2020/04/touchdesigner-tutorial-kantan-uv-636x358.jpg)
0
[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.
0
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 […]
0
40:10
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 […]
0
38:14
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
0
14:24
【 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 までお気軽にお問い合わせください。
0
55:10
Миллионы интерактивных реалтаймовых GPU-частиц на GLSL в Touchdesigner – полная версия
Денис Новиков, инструктор Realtime School, инженер, программист, медиа-художник. Массивные — до нескольких миллионов — системы интерактивных частиц, управляемых в реальном времени, украсят любую инсталляцию. Мы рассмотрим процесс создания массивных систем частиц в Touchdesigner с помощью GLSL. Поговорим: – о методах создания и оптимизации, подводных камнях; – о методах управления и отображения системы частиц; – о […]
0
01:38:02
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 […]
0
09:42
【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 までお気軽にお問い合わせください。