Uploaded August 2022 | Updated September 2026, 3 weeks ago

---

In a previous video (linked below) I showed how to make a basic Truchet effect. This tutorial video is about how to weave two Truchet layers together to create a more complex and interesting pattern. It also covers some tips and tricks to make the final result look cooler.

========== Get an NFT of this effect ===============

I added log-polar coordinates to make it look more interesting. If you want to do the same in your own effect, you can just convert the uv coordinates like so:
uv = vec2(atan(uv.x, uv.y)/6.283185+0.5, log(length(uv)));

https://www.fxhash.xyz/generative/18101

========== Timetable ==========

00:00 - Intro
00:40 - Setup
01:48 - Truchet Function
17:58 - Colors
19:27 - Multiple Layers
20:40 - Making a Weave
25:37 - Better Blending
29:42 - Chebychev Length
33:10 - Changing Curves
34:01 - Changing Thickness
36:33 - Adding a Pattern
42:14 - Outro

========== Social Media Links ==========

Twitter: @The_ArtOfCode
Facebook: facebook.com/groups/theartofcode
Patreon: patreon.com/TheArtOfCode
ShaderToy: shadertoy.com/user/BigWIngs
PayPal Donation: paypal.me/theartofcode
FX Hash (NFTs): https://www.fxhash.xyz/u/The%20Art%20of%20Code

========== If you want to follow along ==========
Start point:
Just go to ShaderToy.com and make a new shader.

End point:
shadertoy.com/view/NtdyWN

========== Other videos to watch ==========

ShaderToy for complete beginners: youtu.be/u5HAYVHsasc
Truchet Tiling, explained!: youtube.com/watch?v=2R7h76GoIJM