exsstas

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

Versatile Sprinkle SOP (TouchDesigner tutorial)

Hints and tips of using new Sprinkle SOP in very different setups. TouchDesigner Build 2021.11180 is needed. Project file with all examples for my Patreon supporters – https://www.patreon.com/posts/49067222 Mentioned tutorials and links: Faster SOP-to-TOP converter – https://youtu.be/bLkT3cC7_fM Voxelization – https://youtu.be/IYikgdHWbU4 Color palettes – https://youtu.be/ItshKcEscco Better shadows – https://youtu.be/FgP0UVYhuLI DistThresholdCHOP for Plexus-like effects – https://github.com/vinz9/DistThresholdCHOP Curl […]

SOP to TOP conversion trick for TouchDesigner

This method give me 25-40% of performance improvement over standard SOP➑CHOP➑TOP approach. Project file is available for my Patreon supporters here – https://www.patreon.com/posts/48447515 Content: 00:00 – Intro and explanation of the idea 04:00 – SOP to TOP conversion component 14:24 – GLSL trick to get rid of extra instances

Soft shadows trick for TouchDesigner

A way to improve quality of a soft shadows in TouchDesigner, works well with realtime rendering. It’s based on rendering geometry and shadows separately, applying some blur to the shadows and multiplying it back with main render. Project files are available for everyone – https://www.patreon.com/posts/47915513 My video about using render buffers – https://www.youtube.com/playlist?list=PLHJsIPZ8qGuJyQrgNygUJIPbmr8avnXoZ Contents: 00:00 […]

3 methods for visualizing Kinect skeleton

3 different approaches to visualize Kinect joints data: points, lines and metaballs. Apart from showing how to setup these, in this tutorial I’ll share some ideas how you can use it later to create very different looking outputs. Download project file with 3 main components here – https://derivative.ca/community-post/asset/3-templates-kinect-skeleton-visualization/63863 …or became my Patreon supporter and download […]

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

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

Particle system with 2D vector field in TouchDesigner

Creating vector fields and driving particles with it is one of the most common practice in generative art and here is how can you do it in TouchDesigner. Most of the job done with 2 GLSL code nodes, code is simple and I explained it in the tutorial, so it should be understandable for GLSL […]

Tileable noise collection for TouchDesigner

Basic information and ideas about collection of tileable noises. Assets download and discussion – https://derivative.ca/community-post/asset/tileable-noise-collection/63593 Patreon post with 5 additional noises – https://www.patreon.com/posts/43923804

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

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

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

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

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

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

Creative shading with render buffers – part 1

This tutorial will show you how to achieve interestingly looking renders with a use of color buffers tool in TouchDesigner. This is first part of two, where I’m showing basic setup and options you have without using custom GLSL MATs. You could support me and download project file with an examples from this tutorial on […]

Perfect loops in TouchDesigner

Some ideas, tips and tricks for making perfect loop (or seamless video) in TouchDesigner. Mostly it’s Pattern + Lookup CHOPs, but I share different tips & tricks along the way of explaining the topic. You can download project files by supporting me on Patreon – https://www.patreon.com/posts/38173069 Timecodes: 00:00 – Idea behind the topic 02:30 – […]

Dinstaning (distance based instancing) tutorial

This tutorial will show you how to change instances parameters (scale, color, texture, etc) based in distance from the camera or light source. And all that without any GLSL coding! You can download a project files from this tutorial and motivate me to keep doing tutorials by becoming my Patreon supporter – https://www.patreon.com/posts/37742871 Timecode: 00:00 […]

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

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

Crazy warping effects with a complex numbers. TouchDesigner tutorial

Using complex numbers math, log-polar and non-linear transformations to create a UV-warping effects, conformal-mapping and fractals from any other TOP operator. File is freely available here: https://www.patreon.com/posts/34978168 Additional examples for Patreon supporters: https://www.patreon.com/posts/34978314 More detailed explanation of undergoing math: http://www.dimensions-math.org/Dim_CH5_E.htm

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/

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/

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 πŸ™‚

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

Kinect point cloud tutorial

How to set up Kinect point cloud in TouchDesigner and get minimalistic abstract output from it. This is more or less same technique I used in this video – https://www.youtube.com/watch?v=6qNNaCWezLY You can download .toe files both for stable and experimental versions here – https://www.patreon.com/posts/32679662 (and it’s free!)

Primitive SOP and a bit of Python

Transforming geometry with a primitive SOP and a power of Python. Sampling CHOPs and TOPs values to transform geometry faces. High importance of a jiggly-wiggly banana creation. Download file here – https://www.patreon.com/posts/32253537

Making TOP trails (TouchDesigner tutorial)

Tutorial on creating full 3D trails and keep 60fps with a TOP operators. Support me on Patreon https://www.patreon.com/exsstas and get some extra files. You can also subscribe to my Insta and watch my TD experiments https://www.instagram.com/exsstas/

Raymarching in TouchDesigner tutorial. Part II – Light and colors

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

Raymarching in TouchDesigner tutorial. Part I – Defining a geometry

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

Tutorial – GLSL Vertex displacement in TouchDesigner

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